[data-ground]{background:var(--g-bg);color:var(--g-ink)}[data-ground=am]{--g-bg: var(--sh-paper);--g-tile: var(--sh-paper-2);--g-ink: var(--sh-ink);--g-ink-2: var(--sh-ink-2);--g-ink-3: var(--sh-ink-3);--g-line: var(--sh-line);--g-accent: var(--sh-accent);--g-accent-ink: var(--sh-accent-ink)}[data-ground=pm]{--g-bg: var(--sh-night);--g-tile: var(--sh-night-2);--g-ink: var(--sh-night-ink);--g-ink-2: var(--sh-night-meta);--g-ink-3: var(--sh-night-3);--g-line: var(--sh-night-line);--g-accent: var(--sh-night-accent);--g-accent-ink: var(--sh-night)}.sh-orb{position:relative;display:block;pointer-events:none;aspect-ratio:1;flex:none}.sh-orb--am{width:min(76%,340px);border-radius:50%;background:radial-gradient(circle at 34% 24%,#fef0e2 0%,var(--sh-kraft) 32%,#fbb79c 62%,var(--sh-accent) 84%,rgba(222,134,118,0) 100%)}.sh-orb--pm{width:min(96%,420px);--sh-orb-ground: var(--g-tile, var(--sh-night-2))}.sh-orb--pm.sh-orb--on-page{--sh-orb-ground: var(--g-bg, var(--sh-night))}.sh-orb--pm:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,#f3f8ceeb,#c4e09880 34%,#356d4757 56%,#07221c00 72%)}.sh-orb--pm:after{content:"";position:absolute;top:7%;right:14%;bottom:7%;left:0;border-radius:50%;background:var(--sh-orb-ground)}.sh-lbl{font-family:var(--sh-sans);font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.sh-cjk{font-family:var(--sh-cjk);font-weight:400}.sh-moment{display:inline-flex;align-items:center;gap:7px;color:var(--g-accent)}.sh-moment .sh-cjk{font-size:17px}.sh-shelf{min-height:60vh;padding-bottom:clamp(40px,6vw,80px)}.sh-shelf__wrap{max-width:var(--sh-max);margin:0 auto;padding:0 var(--sh-gut)}.sh-shelf__head{display:flex;flex-wrap:wrap;gap:22px 40px;align-items:flex-end;justify-content:space-between;padding:clamp(34px,5.4vw,76px) 0 clamp(22px,3vw,40px)}.sh-shelf__id{display:flex;align-items:baseline;gap:clamp(14px,2vw,26px)}.sh-shelf__glyph{font-family:var(--sh-cjk);font-size:clamp(46px,7vw,96px);line-height:.9;color:var(--g-accent)}.sh-shelf__title{font-family:var(--sh-display);font-weight:300;font-size:clamp(32px,5.4vw,68px);line-height:1;letter-spacing:-.024em;margin:0}.sh-switch{display:flex;gap:1px;background:var(--g-ink-3);border:1px solid var(--g-ink-3)}.sh-switch a{background:var(--g-bg);color:var(--g-ink-2);padding:12px 20px;display:flex;align-items:center;gap:9px;text-decoration:none;font-family:var(--sh-sans);font-size:10.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;transition:background .2s var(--sh-ease),color .2s var(--sh-ease)}.sh-switch a .sh-cjk{font-size:15px;letter-spacing:0}.sh-switch a:hover{color:var(--g-ink)}.sh-switch a[aria-current=page]{background:var(--g-accent);color:var(--g-accent-ink)}.sh-shelf__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sh-gap)}@media(min-width:1080px){.sh-shelf__grid{grid-template-columns:repeat(3,1fr)}}.sh-tile{position:relative;display:grid;grid-template-rows:auto 1fr auto;background:var(--g-tile);color:var(--g-ink);padding:clamp(16px,1.7vw,26px);min-height:clamp(360px,44vw,620px);overflow:hidden;text-decoration:none}.sh-tile__top{position:relative;z-index:2}.sh-tile--badged .sh-tile__top{padding-top:30px}.sh-tile__name{font-family:var(--sh-display);font-weight:400;font-size:clamp(17px,1.7vw,25px);line-height:1.14;letter-spacing:-.008em;margin:0}.sh-tile__sub{margin:5px 0 0;font-size:clamp(11.5px,1vw,13.5px);color:var(--g-ink-3)}.sh-tile__step{position:absolute;top:clamp(16px,1.7vw,26px);right:clamp(16px,1.7vw,26px);z-index:3;color:var(--g-accent);font-size:9.5px}.sh-tile__badge{position:absolute;top:clamp(16px,1.7vw,26px);left:clamp(16px,1.7vw,26px);z-index:3;padding:5px 9px;font-size:9px;letter-spacing:.14em;background:var(--g-accent);color:var(--g-accent-ink)}.sh-tile__art{position:relative;display:flex;align-items:center;justify-content:center;min-height:0}.sh-tile__art img{max-width:82%;max-height:100%;width:auto;height:auto;object-fit:contain}.sh-tile__foot{position:relative;z-index:2;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.sh-tile__price{font-family:var(--sh-sans);font-size:clamp(13px,1.15vw,15.5px);font-weight:500;font-variant-numeric:tabular-nums}.sh-tile__cue{color:var(--g-accent);border-bottom:1px solid currentColor;padding-bottom:2px;font-size:9.5px;opacity:0;transition:opacity .22s var(--sh-ease)}.sh-tile:hover .sh-tile__cue,.sh-tile:focus-visible .sh-tile__cue{opacity:1}@media(hover:none){.sh-tile__cue{opacity:1}}.sh-tile--soon{background:transparent;border:1px dashed var(--g-ink-3)}.sh-tile--soon .sh-orb{opacity:.28}.sh-tile--soon .sh-tile__name{color:var(--g-ink-2)}.sh-wait{display:flex;width:100%;border:1px solid var(--g-ink-3)}.sh-wait input{flex:1;min-width:0;border:0;background:transparent;padding:10px 12px;font-family:var(--sh-sans);font-size:11px;color:var(--g-ink)}.sh-wait input::placeholder{color:var(--g-ink-3);text-transform:uppercase;letter-spacing:.14em;font-size:9px}.sh-wait button{border:0;cursor:pointer;background:var(--g-accent);color:var(--g-accent-ink);padding:10px 14px;font-family:var(--sh-sans);font-size:9px;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.sh-shelf__foot{display:grid;grid-template-columns:1fr;gap:var(--sh-gap);margin-top:var(--sh-gap)}@media(min-width:760px){.sh-shelf__foot{grid-template-columns:repeat(3,1fr)}}.sh-shelf__foot>div{background:var(--g-tile);padding:20px clamp(16px,1.7vw,26px)}.sh-shelf__foot b{display:block;font-family:var(--sh-display);font-weight:400;font-size:17px;margin-bottom:5px}.sh-shelf__foot span{font-size:12.5px;line-height:1.5;color:var(--g-ink-3)}.sh-eclipse{position:relative;overflow:hidden;background:var(--sh-night);color:var(--sh-night-ink);--g-accent: var(--sh-night-accent)}.sh-eclipse__orbs{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.sh-eclipse__orbs .sh-orb--pm{width:min(72vw,540px)}.sh-eclipse__orbs .sh-orb--pm:first-child{transform:translate(-34%)}.sh-eclipse__orbs .sh-orb--pm:last-child{transform:translate(34%) scaleX(-1)}.sh-eclipse__in{position:relative;max-width:var(--sh-max);margin:0 auto;padding:clamp(56px,9vw,120px) var(--sh-gut) clamp(52px,8vw,112px)}.sh-eclipse__eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:var(--sh-night-accent)}.sh-eclipse__eyebrow .sh-cjk{font-size:17px}.sh-eclipse__eyebrow i{display:block;width:26px;height:1px;background:currentColor;opacity:.5}.sh-eclipse h1{font-family:var(--sh-display);font-weight:300;font-size:clamp(38px,7vw,84px);line-height:1.02;letter-spacing:-.018em;max-width:16ch;margin:0}.sh-eclipse h1 em{font-style:normal;color:var(--sh-night-accent)}.sh-eclipse__sub{margin:22px 0 0;max-width:46ch;font-size:clamp(14.5px,1.35vw,16.5px);line-height:1.62;color:var(--sh-night-meta)}.sh-eclipse__cta{display:flex;flex-wrap:wrap;gap:11px;margin-top:32px}.sh-eclipse__meta{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:34px;padding-top:18px;border-top:1px solid var(--sh-night-line);max-width:640px}.sh-eclipse__meta .sh-lbl{color:var(--sh-night-3);font-size:10px}.sh-btn-night{display:inline-block;padding:14px 26px;font-family:var(--sh-sans);font-size:10.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;background:var(--sh-night-accent);color:var(--sh-night);border:1px solid var(--sh-night-accent)}.sh-btn-night--ghost{background:transparent;color:var(--sh-night-ink);border-color:#f8f8f847}.sh-btn-night--ghost:hover{border-color:var(--sh-night-accent);color:var(--sh-night-accent)}.sh-mq{background:var(--sh-night-mid);color:var(--sh-night-ink);overflow:hidden;padding:13px 0}.sh-mq__track{display:flex;width:max-content;animation:sh-slide 42s linear infinite}.sh-mq__track span{font-family:var(--sh-sans);font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;padding:0 26px;white-space:nowrap;border-right:1px solid rgba(248,248,248,.26);display:flex;align-items:center;gap:8px}.sh-mq__track .sh-cjk{font-size:13px;letter-spacing:.06em}@keyframes sh-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.sh-split{display:grid;grid-template-columns:1fr}@media(min-width:820px){.sh-split{grid-template-columns:1fr 1fr}}.sh-split__half{position:relative;overflow:hidden;padding:clamp(40px,6vw,88px) clamp(22px,4.5vw,64px);min-height:clamp(360px,44vw,520px);display:flex;flex-direction:column;justify-content:flex-end}.sh-split__orb{position:absolute;top:-14%;right:-20%}.sh-split__orb .sh-orb{width:min(50vw,240px)}.sh-split__glyph{font-family:var(--sh-cjk);font-size:clamp(56px,8vw,104px);line-height:1;margin-bottom:auto;color:var(--g-accent)}.sh-split__name{font-family:var(--sh-display);font-weight:400;font-size:clamp(26px,3.4vw,40px);letter-spacing:-.01em;margin:26px 0 0}.sh-split__when{margin-top:9px;color:var(--g-ink-3)}.sh-split__txt{margin:16px 0 0;max-width:34ch;font-size:14.5px;line-height:1.6;color:var(--g-ink-2)}.sh-split__link{display:inline-flex;align-items:center;gap:9px;margin-top:22px;padding-bottom:4px;border-bottom:1px solid currentColor;align-self:flex-start;color:var(--g-accent);text-decoration:none}@media(prefers-reduced-motion:reduce){.sh-mq__track{animation:none}.sh-tile__cue,.sh-switch a{transition:none}}.sh-ph{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:5 / 4;background:var(--sh-paper-2)}.sh-ph .sh-orb{width:min(62%,260px)}.sh-range__grid>.sh-reveal{display:flex}.sh-range__grid>.sh-reveal>.sh-tile{width:100%}.sh-range__grid>.sh-tile,.sh-range__grid>.sh-reveal>.sh-tile{min-height:clamp(320px,34vw,480px)}@view-transition{navigation:auto}.sh-shelf__glyph{view-transition-name:shelf-glyph}.sh-shelf__title{view-transition-name:shelf-title}.sh-switch{view-transition-name:shelf-switch}::view-transition-old(root),::view-transition-new(root){animation-duration:.42s;animation-timing-function:var(--sh-ease)}::view-transition-old(shelf-glyph),::view-transition-new(shelf-glyph),::view-transition-old(shelf-title),::view-transition-new(shelf-title){animation-duration:.38s;animation-timing-function:var(--sh-ease)}::view-transition-old(shelf-switch),::view-transition-new(shelf-switch){animation:none;mix-blend-mode:normal}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}.sh-header{background:var(--sh-night);color:var(--sh-night-ink);border-bottom:1px solid var(--sh-night-line)}.sh-header .sh-nav__link{color:var(--sh-night-ink);opacity:.86}.sh-header .sh-nav__link:hover{opacity:1;color:var(--sh-night-accent)}.sh-header .sh-icon-btn{color:var(--sh-night-ink)}.sh-header .sh-icon-btn:hover{color:var(--sh-night-accent)}.sh-header .sh-cart-dot{background:var(--sh-night-accent)}.sh-header .sh-drawer-nav{background:var(--sh-night)}.sh-header .sh-drawer-nav a{color:var(--sh-night-ink);border-color:var(--sh-night-line)}.sh-mark{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--sh-night-ink)}.sh-mark__box{position:relative;width:30px;height:30px;flex:none;border:1.2px solid currentColor;display:flex;align-items:center;justify-content:center}.sh-mark__s{font-family:var(--sh-display);font-weight:400;font-size:20px;line-height:1;margin-top:-1px}.sh-mark__dot{position:absolute;top:5px;right:5px;width:5px;height:5px;border-radius:50%;background:var(--sh-night-accent)}.sh-mark .sh-wordmark{color:inherit}@media(max-width:519px){.sh-mark .sh-wordmark{display:none}}.sh-range__group[data-ground]{padding:clamp(24px,3vw,44px);margin-bottom:var(--sh-gap)}.sh-range__group[data-ground] .sh-range__label,.sh-range__group[data-ground] .sh-eyebrow{color:var(--g-ink-2)}.sh-range__group[data-ground] .sh-range__glyph{color:var(--g-accent)}.sh-range__grid--solo{grid-template-columns:1fr;max-width:560px}.sh-step:nth-child(2) .sh-orb{width:min(54%,220px);transform:translateY(-4%)}.sh-step:nth-child(3) .sh-orb{width:min(68%,280px);transform:translate(6%,3%)}.sh-ph{background:transparent;border:1px solid var(--g-line, var(--sh-line))}
/*# sourceMappingURL=/cdn/shop/t/10/assets/shuai-shelf.css.map */