.tms-root .stl-wrap{position:relative;margin-top:clamp(22px,2.6vw,38px)}.tms-root .stl-rail{position:absolute;left:0;top:0;height:1px;width:0;background:var(--ink);z-index:2;pointer-events:none;transition:width .12s linear}.tms-root .tms-sec.dark .stl-rail{background:#fff}.tms-root .stl-flow{position:absolute;left:0;top:-2px;height:5px;overflow:hidden;z-index:3;pointer-events:none;transition:width .12s linear}.tms-root .stl-flow i{position:absolute;top:0;width:5px;height:5px;background:var(--ink);opacity:0;animation:tmsflowx 5.2s linear infinite}.tms-root .tms-sec.dark .stl-flow i{background:#fff}@keyframes tmsflowx{0%{left:-2%;opacity:0}7%{opacity:.9}93%{opacity:.9}to{left:102%;opacity:0}}.tms-root .stl{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.tms-root .stl::-webkit-scrollbar{display:none}.tms-root .stl-step{flex:0 0 88%;min-width:0;scroll-snap-align:start;position:relative;border-top:1px solid var(--line-soft);padding:22px 30px 4px 0}.tms-root .tms-sec.dark .stl-step{border-top-color:var(--line-dark)}.tms-root .stl-step:before{content:"";position:absolute;left:0;top:-6px;width:11px;height:11px;background:var(--paper);border:1px solid var(--line-soft);transition:background .3s,border-color .3s}.tms-root .tms-sec.dark .stl-step:before{background:var(--ink);border-color:var(--line-dark)}.tms-root .stl-step.seen:before{background:var(--ink);border-color:var(--ink)}.tms-root .tms-sec.dark .stl-step.seen:before{background:#fff;border-color:#fff}.tms-root .stl-k{display:flex;align-items:baseline;gap:10px;font-family:var(--f-mono);font-size:9.2px;letter-spacing:.1em;color:var(--muted-on-light)}.tms-root .tms-sec.dark .stl-k{color:var(--muted-on-dark)}.tms-root .stl-k .opt{font-size:7.6px;letter-spacing:.13em;text-transform:uppercase;border:1px solid var(--line-soft);padding:3px 6px}.tms-root .tms-sec.dark .stl-k .opt{border-color:var(--line-dark)}.tms-root .stl-step h3{font-size:clamp(15px,1.4vw,19px);letter-spacing:-.015em;margin:8px 0 18px;line-height:1.1}.tms-root .stl-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0a0a0a;margin-bottom:18px}.tms-root .stl-photo{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:grayscale(100%) contrast(1.04) brightness(1.16)}.tms-root .stl-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0a0a0a4d,#0a0a0a0f 38%,#0a0a0a33 66%,#0a0a0a9e)}.tms-root .stl-dur{position:absolute;z-index:2;right:9px;bottom:9px;font-family:var(--f-mono);font-size:9.35px;letter-spacing:.06em;color:#fff;background:var(--ink);border:1px solid rgba(255,255,255,.55);padding:5.1px 8.5px;line-height:1}.tms-root .stl-step p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink);margin-bottom:12px}.tms-root .tms-sec.dark .stl-step p{color:#fff}.tms-root .stl-tags{display:flex;flex-wrap:wrap;gap:6.8px;margin-top:16px}.tms-root .stl-tags span{font-family:var(--f-mono);font-size:9.35px;letter-spacing:.02em;color:var(--ink);border:1px solid var(--line-soft);padding:5.1px 8.5px;transition:background .15s,color .15s,border-color .15s}.tms-root .tms-sec.dark .stl-tags span{color:#fff;border-color:var(--line-dark)}.tms-root .stl-tags span:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.tms-root .tms-sec.dark .stl-tags span:hover{background:#fff;color:var(--ink);border-color:#fff}@media(min-width:760px){.tms-root .stl-step{flex:0 0 48%;padding-right:40px}}@media(min-width:1200px){.tms-root .stl-step{flex:0 0 33.3%}}.tms-root .stl-ctrl{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:16px}.tms-root .stl-count{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;color:var(--muted-on-light);margin-right:auto}.tms-root .tms-sec.dark .stl-count{color:var(--muted-on-dark)}.tms-root .stl-ctrl button{width:46px;height:46px;border:1px solid var(--line-soft);background:transparent;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:0;transition:background .15s,color .15s,border-color .15s}.tms-root .tms-sec.dark .stl-ctrl button{border-color:var(--line-dark);color:#fff}.tms-root .stl-ctrl button:hover:not(:disabled){background:var(--ink);color:#fff;border-color:var(--ink)}.tms-root .tms-sec.dark .stl-ctrl button:hover:not(:disabled){background:#fff;color:var(--ink);border-color:#fff}.tms-root .stl-ctrl button:disabled{opacity:.3;cursor:default}.tms-root .stl-ctrl svg{width:18px;height:18px}@media(prefers-reduced-motion:reduce){.tms-root .stl-flow i{animation:none}.tms-root .stl{scroll-behavior:auto}}.tms-root .excl{position:relative;display:inline-flex;align-items:center;gap:9px;margin-top:20px;font-family:var(--f-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;padding:9px 13px;border:1px solid currentColor;border-radius:0;color:var(--ink);overflow:hidden}.tms-root .tms-sec.dark .excl{color:#fff}.tms-root .excl .led{width:6px;height:6px;border-radius:50%;background:currentColor;animation:tms-led 2.6s ease-in-out infinite}@keyframes tms-led{0%,to{opacity:.28;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}.tms-root .stl-media .excl{position:absolute;z-index:2;right:9px;bottom:9px;margin-top:0;font-size:9.35px;letter-spacing:.06em;padding:5.1px 8.5px;gap:7px;background:var(--ink);color:#fff;border-color:#ffffff8c}.tms-root .stl-media .excl .led{width:5px;height:5px}.tms-root .stl-media:has(.excl) .stl-dur{right:auto;left:9px}@media(prefers-reduced-motion:reduce){.tms-root .excl .led{animation:none;opacity:.8}}.tms-root .stl--proto .stl-step h3{margin:0 0 7px}.tms-root .stl--proto .stl-step .stl-k{margin-bottom:18px}.tms-root .stl-fold{margin-top:4px}.tms-root .stl-fold__s{list-style:none}.tms-root .stl-fold__s::-webkit-details-marker{display:none}.tms-root .stl-fold__s::marker{content:""}.tms-root .stl-fold[open]>.stl-fold__s .sign{transform:rotate(45deg)}.tms-root .stl-fold[open]>.stl-fold__s .more-open{display:none}.tms-root .stl-fold[open]>.stl-fold__s .more-close{display:inline}.tms-root .stl-fold__c{padding-top:16px}.tms-root .stl-fold__c>:first-child{margin-top:0}
/*# sourceMappingURL=/cdn/shop/t/8/assets/tms-carousel.css.map */