.ss{--ink: #2f2a26;--muted: #6b6159;position:relative;height:calc(100svh - var(--ss-top, 120px));min-height:560px;overflow:hidden;color:var(--ink);background:#f4ece4}.ss__track{position:relative;height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}.ss__track::-webkit-scrollbar{display:none}.ss-slide{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,36%) minmax(0,1fr);gap:clamp(16px,3vw,48px);align-items:center;padding:28px clamp(20px,5vw,72px) 112px;overflow:hidden;background:radial-gradient(ellipse 46% 56% at 50% 48%,#ffffffb8,#fff0 70%),var(--accent)}.ss-slide[hidden],.ss-thumb[hidden]{display:none}.ss-slide__num{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font-family:var(--font-heading);font-size:min(54vh,42vw);font-weight:200;line-height:1;letter-spacing:-.06em;color:#2f2a260f;pointer-events:none;-webkit-user-select:none;user-select:none}.ss-info{position:relative;z-index:2;max-width:420px}.ss-kicker{margin:0 0 18px;font-size:11px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}.ss-badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.ss-badge{padding:4px 9px;border:1px solid rgba(47,42,38,.3);border-radius:999px;background:#ffffff80;font-size:10px;font-weight:600;letter-spacing:.14em;line-height:1.3;text-transform:uppercase;white-space:nowrap}.ss-badge--legend{border-color:transparent;background:linear-gradient(135deg,#f3dfa2,#d9b45f 55%,#f0d78f);box-shadow:0 2px 10px #b9913759;animation:ss-shine 3s ease-in-out infinite;background-size:200% 100%}.ss-badge--fav{border-color:transparent;background:#f2d4cf}@keyframes ss-shine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.ss-brand{margin:0 0 6px;font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.ss-name{margin:0 0 14px;font-size:clamp(36px,4.6vw,68px);font-weight:300;line-height:1.02;letter-spacing:-.025em}.ss-name--long{font-size:clamp(30px,3.4vw,52px)}.ss-class{display:inline-flex;gap:6px;align-items:center;margin:0 0 14px;padding:5px 12px;border-radius:999px;background:#fff9;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.ss-special{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-family:var(--font-heading);font-size:17px;line-height:1.35}.ss-special span{flex:none;padding:3px 8px;border-radius:3px;background:var(--ink);color:#fff;font-family:var(--font-body, inherit);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.ss-blurb{margin:0 0 22px;font-size:15px;line-height:1.6;color:#4a443e}.ss-buy{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ss-price{font-size:20px;font-weight:500}.ss-select{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 28px;border:0;border-radius:2px;background:var(--ink);color:#fff;font:inherit;font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:transform .15s ease,background-color .2s ease}.ss-select:hover{transform:translateY(-2px)}.ss-select:active{transform:translateY(1px)}.ss-select kbd{font:inherit;font-size:9px;letter-spacing:.1em;padding:2px 6px;border:1px solid rgba(255,255,255,.4);border-radius:3px}.ss-select:disabled{background:#2f2a2659;cursor:not-allowed;transform:none}.ss-details{font-size:13px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.ss-stage{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;max-height:72vh}.ss-float{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;animation:ss-float 5s ease-in-out infinite;cursor:pointer}.ss-figure{position:relative;display:inline-flex;max-width:100%}.ss-float img{display:block;width:auto;height:auto;max-width:100%;max-height:58vh;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 64%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 64%,transparent 100%)}.ss-platform{position:absolute;bottom:4%;left:50%;width:60%;height:26px;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(47,42,38,.2),transparent)}.ss-lock{position:absolute;top:10%;left:50%;z-index:3;transform:translate(-50%) rotate(-4deg);padding:6px 14px;border-radius:2px;background:var(--ink);color:#fff;font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;white-space:nowrap}.is-locked .ss-float img{filter:grayscale(1);opacity:.55}.ss-frame{position:absolute;top:-12px;right:-16px;bottom:-12px;left:-16px;pointer-events:none;opacity:0;transform:scale(1.22)}.is-active .ss-frame{opacity:1;transform:none;transition:opacity .25s ease .35s,transform .5s cubic-bezier(.2,.9,.3,1.35) .35s}.ss-frame i{position:absolute;width:28px;height:28px;border:0 solid var(--ink)}.ss-frame i:nth-child(1){top:0;left:0;border-top-width:3px;border-left-width:3px;--x: -1;--y: -1}.ss-frame i:nth-child(2){top:0;right:0;border-top-width:3px;border-right-width:3px;--x: 1;--y: -1}.ss-frame i:nth-child(3){bottom:0;left:0;border-bottom-width:3px;border-left-width:3px;--x: -1;--y: 1}.ss-frame i:nth-child(4){bottom:0;right:0;border-bottom-width:3px;border-right-width:3px;--x: 1;--y: 1}.is-active .ss-frame i{animation:ss-corner 1.8s ease-in-out 1s infinite}.ss-frame b{position:absolute;top:-32px;left:50%;transform:translate(-50%);padding:3px 9px;border-radius:3px;background:var(--ink);color:#fff;font-size:10px;font-weight:600;letter-spacing:.16em;line-height:1.4}.ss-frame b:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--ink)}.is-locked .ss-frame i{border-color:#2f2a264d}.is-locked .ss-frame b{display:none}@keyframes ss-corner{0%,to{transform:none}50%{transform:translate(calc(var(--x) * 4px),calc(var(--y) * 4px))}}.ss-stats{position:relative;z-index:2;justify-self:end;width:100%;max-width:340px;padding:22px 22px 18px;border-radius:6px;background:#ffffff8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 30px #2f2a2614}.ss-stats h3{margin:0 0 14px;font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.ss-stat{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:12px;margin:0 0 12px;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.ss-stat--range{grid-template-columns:46px 1fr 46px}.ss-stat--range>span:last-child{text-align:right}.ss-pips{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.ss-pip{position:relative;height:10px;overflow:hidden;border-radius:2px;background:#2f2a261f}.ss-pip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .25s ease calc(var(--d) * 90ms + .25s)}.is-active .ss-pip.is-on:after{transform:scaleX(1)}.ss-range{position:relative;height:14px}.ss-range:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;transform:translateY(-50%);background:#2f2a262e}.ss-range i{position:absolute;top:50%;left:50%;width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:var(--ink);transform:translate(-50%,-50%);box-shadow:0 1px 3px #2f2a264d;transition:left .7s cubic-bezier(.2,.8,.2,1) .4s}.is-active .ss-range i{left:var(--v)}.ss-notes{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:16px 0 0;padding-top:14px;border-top:1px solid rgba(47,42,38,.1);font-size:12px}.ss-notes dt{padding-top:2px;font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.ss-notes dd{margin:0;line-height:1.45;color:#4a443e}.ss-info>*,.ss-stats{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.ss-info>:nth-child(2){transition-delay:.05s}.ss-info>:nth-child(3){transition-delay:.1s}.ss-info>:nth-child(4){transition-delay:.15s}.ss-info>:nth-child(5){transition-delay:.2s}.ss-info>:nth-child(6){transition-delay:.25s}.ss-info>:nth-child(7){transition-delay:.3s}.ss-info>:nth-child(8){transition-delay:.35s}.ss-stats{transition-delay:.2s}.ss-stage{opacity:0;transform:translateY(40px) scale(.92);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.is-active .ss-info>*,.is-active .ss-stats,.is-active .ss-stage{opacity:1;transform:none}.ss-pick{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:clamp(40px,8vw,120px);font-weight:300;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);opacity:0;pointer-events:none}.is-picked .ss-pick{animation:ss-pick 1.3s ease forwards}.is-picked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:#fff;pointer-events:none;animation:ss-flash .5s ease forwards}@keyframes ss-float{0%,to{transform:translateY(-6px)}50%{transform:translateY(8px)}}@keyframes ss-pick{0%{opacity:0;transform:scale(1.4)}20%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0;transform:scale(.96)}}@keyframes ss-flash{0%{opacity:.7}to{opacity:0}}.ss-intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;text-align:center;cursor:pointer;background:radial-gradient(ellipse 60% 50% at 15% 10%,rgba(213,223,203,.9),transparent 70%),radial-gradient(ellipse 60% 50% at 85% 90%,rgba(234,219,208,.95),transparent 70%),#f4ece4;transition:transform .75s cubic-bezier(.7,0,.2,1),opacity .75s ease}.ss.is-started .ss-intro{transform:translateY(-100%);opacity:0;pointer-events:none}.ss-intro[hidden]{display:none}.ss:not(.is-started) .ss__track{overflow:hidden}.ss:not(.is-started) .ss-hud{opacity:0}.ss-hud{transition:opacity .5s ease .4s}.ss-intro__inner{position:relative;z-index:2;padding:0 20px;margin-top:-14vh}.ss-intro__kicker{margin:0 0 14px;font-size:11px;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--muted);animation:ss-rise .7s ease both}.ss-intro__title{margin:0 0 16px;font-size:clamp(56px,11vw,168px);font-weight:200;line-height:.92;letter-spacing:-.035em;text-transform:uppercase;animation:ss-rise .8s cubic-bezier(.2,.8,.2,1) .1s both}.ss-intro__sub{margin:0 0 30px;font-family:var(--font-heading);font-size:clamp(15px,1.4vw,19px);color:#4a443e;animation:ss-rise .8s ease .25s both}.ss-intro__start{min-height:54px;padding:0 38px;border:0;border-radius:2px;background:var(--ink);color:#fff;font:inherit;font-size:13px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;animation:ss-rise .8s ease .4s both,ss-blink 1.2s steps(2,jump-none) 1.3s infinite}.ss-intro__start:hover,.ss-intro__start:focus-visible{animation:ss-rise .8s ease .4s both}.ss-intro__hint{margin:14px 0 0;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);animation:ss-rise .8s ease .55s both}.ss-intro__lineup{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:center;gap:clamp(4px,1.5vw,24px);height:30vh;padding:0 20px;pointer-events:none}.ss-intro__lineup span{flex:none;display:block;height:100%;animation:ss-rise .9s cubic-bezier(.2,.8,.2,1) calc(.5s + var(--i) * .08s) both}.ss-intro__lineup img{display:block;height:100%;width:auto;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,transparent 100%);animation:ss-float 5s ease-in-out calc(var(--i) * -.7s) infinite}@keyframes ss-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes ss-blink{0%{opacity:1}to{opacity:.25}}.ss-hud{position:absolute;left:0;right:0;bottom:0;z-index:10;display:flex;align-items:center;gap:16px;padding:10px clamp(20px,5vw,72px) 14px;background:linear-gradient(to top,#f4ece4f2,#f4ece400)}.ss-count{flex:none;margin:0;font-family:var(--font-heading);font-size:13px;letter-spacing:.14em}.ss-count b{font-size:20px;font-weight:500}.ss-tabs{flex:none;display:flex;gap:2px;padding:3px;border-radius:999px;background:#fff9}.ss-tab{padding:7px 12px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,color .2s ease}.ss-tab:hover{color:var(--ink)}.ss-tab.is-on{background:var(--ink);color:#fff}.ss-tab small{margin-left:4px;font-size:10px;opacity:.6}.ss-roster{position:relative;flex:1;display:flex;gap:8px;min-width:0;padding:6px 2px;overflow-x:auto;scrollbar-width:none}.ss-roster::-webkit-scrollbar{display:none}.ss-thumb{flex:none;width:54px;height:54px;padding:0;overflow:hidden;border:1.5px solid transparent;border-radius:4px;background:var(--accent);cursor:pointer;transition:transform .2s ease,border-color .2s ease}.ss-thumb img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.ss-thumb:hover{transform:translateY(-2px)}.ss-thumb.is-active{border-color:var(--ink);transform:translateY(-4px)}.ss-thumb.is-locked img{filter:grayscale(1);opacity:.5}.ss-thumb.is-roll{border-color:var(--ink);transform:translateY(-4px)}.ss-thumb--random{position:relative;display:grid;place-items:center;margin-right:6px;background:var(--ink);color:#fff}.ss-random-q{font-family:var(--font-heading);font-size:26px;font-weight:500;line-height:1;transition:opacity .15s ease}.ss-thumb--random img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.ss-thumb--random:hover .ss-random-q{animation:ss-wiggle .45s ease}.is-spinning .ss-thumb--random{background:var(--roll, #efe6dc);border-color:var(--ink);transform:translateY(-4px)}.is-spinning .ss-thumb--random img{opacity:1}.is-spinning .ss-random-q{opacity:0}@keyframes ss-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}.ss-hint{flex:none;margin:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}@media(max-width:1439px){.ss-hint{display:none}}@media(max-width:1279px){.ss-intro__lineup span:nth-child(n+6){display:none}}@media(max-width:989px){.ss-slide{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;align-items:stretch;padding:18px 20px 128px}.ss-slide__num{font-size:70vw;top:42%}.ss-kicker,.ss-blurb,.ss-stats h3,.ss-notes{display:none}.ss-buy{gap:12px 16px}.ss-info{max-width:none}.ss-brand{font-size:11px}.ss-name{margin-bottom:10px;font-size:clamp(28px,8vw,40px)}.ss-class{margin-bottom:10px}.ss-special{margin-bottom:12px;font-size:15px}.ss-price{font-size:17px}.ss-select{min-height:44px;padding:0 22px}.ss-select kbd{display:none}.ss-stage{max-height:none;min-height:0}.ss-float img{max-height:30svh}.ss-frame{top:-8px;right:-10px;bottom:-8px;left:-10px}.ss-frame i{width:18px;height:18px}.ss-frame b{top:-26px;font-size:9px}.ss-stats{justify-self:stretch;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;padding:12px 14px}.ss-stat{grid-template-columns:70px 1fr;gap:8px;margin:0;font-size:9px}.ss-stat--range{grid-template-columns:34px 1fr 34px}.ss-hud{flex-wrap:wrap;row-gap:8px;padding:8px 16px 10px;gap:12px}.ss-tabs{order:-1;width:100%;justify-content:space-between}.ss-tab{flex:1;padding:7px 6px;font-size:10px;letter-spacing:.06em}.ss-count b{font-size:16px}.ss-thumb{width:44px;height:44px}.ss-badges{margin-bottom:10px}.ss-badge{font-size:9px;padding:3px 8px}.ss-intro__inner{margin-top:-18vh}.ss-intro__lineup{height:20vh;gap:2px}.ss-intro__lineup span:nth-child(n+6){display:none}}@media(prefers-reduced-motion:reduce){.ss-float,.is-active .ss-frame i,.ss-badge--legend,.ss-intro *,.ss-intro__lineup img{animation:none}.ss-info>*,.ss-stats,.ss-stage,.ss-pip:after,.ss-range i,.is-active .ss-frame,.ss-intro{transition:none}}.ss-sound{flex:none;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(47,42,38,.2);border-radius:50%;background:#fff9;color:var(--ink);cursor:pointer;transition:background-color .2s ease,color .2s ease}.ss-sound:hover{border-color:var(--ink)}.ss-sound[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.ss-sound__on,.ss-sound[aria-pressed=true] .ss-sound__off{display:none}.ss-sound[aria-pressed=true] .ss-sound__on{display:block}@media(max-width:989px){.ss-sound{width:36px;height:36px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/scent-select.css.map */