.sml{--plum:#2F0F55;--plum2:#512E83;--gold:#D4AF37;--gold2:#F3DC86;--ink:#1E1530;--muted:#6B6280;--line:#ECE6F3;--c1:#6A3BA6;padding:28px 16px 8px;color:var(--ink)}.sml *{box-sizing:border-box}.sml p{margin:0}.sml__in{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.sml__head{text-align:center;display:flex;flex-direction:column;gap:2px}.sml__eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--plum2)}.sml__h{margin:0;font-size:22px;font-weight:800;line-height:1.35;color:var(--ink);text-wrap:balance}.sml__stage{position:relative;border-radius:24px;overflow:hidden;min-height:470px;background:var(--plum);isolation:isolate;color:#f7f1ff;touch-action:manipulation;box-shadow:0 26px 50px -34px #2f0f55e6}.sml__mood{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transition:background 2.2s ease;background:radial-gradient(120% 100% at 50% 110%,#6A3BA6 0%,#3A1866 45%,var(--plum) 100%)}.sml__stage[data-phase]:not([data-phase=idle]) .sml__mood{background:radial-gradient(115% 100% at 50% 35%,color-mix(in srgb,var(--c1) 55%,#2F0F55),#2a0f4a 62%,#1a0832)}.sml__fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.sml__body{position:relative;z-index:2;min-height:470px;padding:22px 18px;display:flex;flex-direction:column;gap:14px}.sml__intro{margin:auto;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.sml__bottle{all:unset;position:relative;display:block;width:180px;height:180px;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform .25s}.sml__bottle img{width:100%;height:100%;object-fit:contain;border-radius:50%;background:#fff;padding:14px;box-shadow:0 0 0 6px #ffffff14,0 20px 40px -18px #000000b3;pointer-events:none}.sml__bottle:focus-visible{outline:2px solid var(--gold);outline-offset:8px}.sml__bottle.is-press{transform:scale(.96)}.sml__ring{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);pointer-events:none}.sml__ring circle{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-dasharray:0 999}.sml__bottle:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;box-shadow:0 0 #d4af3780;animation:smlPulse 2.4s infinite}@keyframes smlPulse{0%{box-shadow:0 0 #d4af3773}70%{box-shadow:0 0 0 20px #d4af3700}to{box-shadow:0 0 #d4af3700}}.sml__hint{font-size:19px;font-weight:800;color:#fff}.sml__small{font-size:13.5px;color:#d8cceb;max-width:32ch;line-height:1.7}.sml__stage.is-live .sml__intro{display:none}.sml__stage:not(.is-live) .sml__journey{display:none}.sml__journey{margin-top:auto;display:flex;flex-direction:column;gap:12px}.sml__tl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sml__tl>div{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:#bfafd9;min-width:0}.sml__tl>div.on{color:#fff}.sml__tl i{display:block;height:4px;border-radius:4px;background:#ffffff24;overflow:hidden}.sml__tl b{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold2),var(--gold));transition:width linear}.sml__tl strong{font-weight:800;color:inherit}.sml__pt{font-size:24px;font-weight:800;line-height:1.35;color:#fff}.sml__pf{font-size:14.5px;color:#dcd0ee;line-height:1.75;max-width:60ch}.sml__notes{display:flex;flex-wrap:wrap;gap:8px}.sml__n{flex:1 1 170px;min-width:0;display:flex;flex-direction:column;gap:1px;padding:9px 13px;border-radius:14px;background:#14062880;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transform:translateY(10px);transition:opacity .8s ease,transform .8s ease}.sml__n.in{opacity:1;transform:none}.sml__n b{font-size:15px;font-weight:800;color:#fff}.sml__n span{font-size:12.5px;color:#d3c5e8;line-height:1.6}.sml__ctl{display:flex;flex-wrap:wrap;gap:8px}.sml__ghost{font:inherit;font-size:13.5px;font-weight:700;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 15px;cursor:pointer}.sml__ghost[aria-pressed=true]{border-color:var(--gold);color:var(--gold2)}.sml__ghost:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.sml__grid{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}.sml__card{border:1px solid var(--line);border-radius:18px;padding:16px 18px;background:#fff}.sml__ch{font-size:15.5px;font-weight:800;color:var(--plum);margin-bottom:8px!important}.sml__ch span{font-size:13px;font-weight:600;color:var(--muted);margin-inline-start:6px}.sml__rt{font-size:15.5px;line-height:1.8;color:var(--ink)}.sml__remind{border-inline-start:4px solid var(--gold)}.sml__scales{display:flex;flex-direction:column;gap:14px}.sml__sc{display:flex;flex-direction:column;gap:6px}.sml__sc .e{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.sml__sc .e .on{color:var(--plum);font-weight:800}.sml__sc .t{position:relative;height:8px;border-radius:8px;background:linear-gradient(to left,#EFE7F8,var(--plum2))}.sml__sc .p{position:absolute;top:50%;width:20px;height:20px;border-radius:50%;background:#fff;border:4px solid var(--gold);transform:translate(50%,-50%);right:0;transition:right 1.3s cubic-bezier(.2,.8,.2,1);box-shadow:0 4px 10px -4px #2f0f5599}.sml__note{font-size:12px;color:var(--muted);margin-top:10px!important}.sml__likes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sml__lk{display:flex;flex-direction:row;align-items:center;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;text-decoration:none!important;color:inherit;transition:box-shadow .2s,transform .2s}.sml__lk:hover{box-shadow:0 10px 24px #3a1f611f;transform:translateY(-2px)}.sml__lk .i{flex:0 0 76px;width:76px;height:76px;background:#f7f4fa}.sml__lk img{width:100%;height:100%;object-fit:contain;display:block}.sml__lk .b{padding:8px 12px;display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.sml__lk .w{font-size:11.5px;font-weight:700;color:#9a6b12}.sml__lk .tt{font-size:13px;font-weight:700;color:var(--ink);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sml__lk .pr{font-size:14px;font-weight:800;color:var(--plum2)}@media(min-width:750px){.sml{padding:44px 24px 12px}.sml__h{font-size:28px}.sml__stage,.sml__body{min-height:520px}.sml__body{padding:28px 30px}.sml__bottle{width:210px;height:210px}.sml__pt{font-size:30px}.sml__grid{grid-template-columns:1fr 1fr}}@media(max-width:749px){.sml__likes{grid-template-columns:1fr;gap:8px}}@media(max-width:480px){.sml__tl>div{font-size:11px}}@media(prefers-reduced-motion:reduce){.sml__bottle:after{animation:none}.sml__n,.sml__mood,.sml__sc .p{transition:none}}.sml__gl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;z-index:1;touch-action:pan-y}.sml.is-3d .sml__fx{display:none}.sml.is-3d .sml__stage,.sml.is-3d .sml__body{min-height:560px}.sml.is-3d .sml__intro{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;justify-content:flex-end;padding:0 16px 26px;pointer-events:none}.sml.is-3d .sml__intro>*{pointer-events:auto}.sml.is-3d .sml__bottle{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:250px;height:250px}.sml.is-3d .sml__bottle.is-press{transform:translate(-50%,-50%) scale(.96)}.sml.is-3d .sml__bottle img{opacity:0}.sml.is-3d .sml__journey{background:linear-gradient(to top,rgba(20,6,40,.85),rgba(20,6,40,.35) 70%,transparent);margin:auto -18px -22px;padding:60px 18px 22px;border-radius:0 0 24px 24px}.sml__n{border-top:3px solid var(--nc,rgba(255,255,255,.2))}.sml__n i{display:none}.sml__stage.is-loading:before{content:"";position:absolute;z-index:3;left:50%;top:47%;width:44px;height:44px;margin:-22px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:var(--gold);animation:smlSpin 1s linear infinite}@keyframes smlSpin{to{transform:rotate(360deg)}}@media(min-width:750px){.sml.is-3d .sml__stage,.sml.is-3d .sml__body{min-height:640px}.sml.is-3d .sml__journey{margin:auto -30px -28px;padding:70px 30px 28px}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/smsm-smell.css.map */