.sss-showcase{position:relative;isolation:isolate;overflow:hidden}.sss-showcase__inner{position:relative;z-index:1;max-width:var(--sss-container);margin:0 auto}.sss-showcase--recessed{--well-top: #dbe8f0;--well-mid: #eaf2f7;--well-low: #e2edf4;background:radial-gradient(120% 90% at 50% 45%,transparent 55%,rgba(10,22,40,.05) 100%),linear-gradient(180deg,var(--well-top) 0%,var(--well-mid) 22%,var(--well-mid) 70%,var(--well-low) 100%);padding-top:calc(var(--sss-section-pad) + 16px);padding-bottom:calc(var(--sss-section-pad) + 8px)}.sss-showcase--recessed:before{content:"";position:absolute;inset:0 0 auto;height:160px;z-index:0;pointer-events:none;background:linear-gradient(180deg,#0a162833 0,#0a162812 5px,#0a162800 14px) top / 100% 14px no-repeat,linear-gradient(180deg,#0a162821,#0a16280d 30%,#0a162800);box-shadow:inset 0 1px #0a162829}.sss-showcase--recessed:after{content:"";position:absolute;inset:auto 0 0;height:90px;z-index:0;pointer-events:none;background:linear-gradient(0deg,#fff 0,#ffffffd9 2px,#ffffff59 9px,#fff0 20px) bottom / 100% 20px no-repeat,linear-gradient(0deg,#5fd4f41a,#5fd4f400);box-shadow:inset 0 -1px #0a162814}.sss-showcase__body{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:center;margin-top:48px}.sss-showcase__nav{display:flex;flex-direction:column;gap:8px}.sss-showcase__tab{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:12px 16px 14px 12px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--navy-900);text-align:left;cursor:pointer;font:inherit;transition:background var(--dur-med) var(--ease-out-sss),box-shadow var(--dur-med) var(--ease-out-sss),transform var(--dur-med) var(--ease-out-sss)}.sss-showcase__tab:hover{background:#ffffff8c}.sss-showcase__tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sss-showcase__tab.is-active{background:var(--snow-0);box-shadow:inset 0 1px #fff,0 1px 2px #0a16280f,0 10px 28px #0a162817;transform:translate(4px)}.sss-showcase__tab-icon{flex:0 0 auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--frost-50);box-shadow:inset 0 0 0 1.5px var(--line-200);transition:all var(--dur-med) var(--ease-out-sss)}.sss-showcase__tab.is-active .sss-showcase__tab-icon{background:var(--ice-50);color:var(--ice-700);box-shadow:inset 0 0 0 2px var(--ice-500)}.sss-showcase__tab-text{display:flex;flex-direction:column;min-width:0}.sss-showcase__tab-label{font-family:var(--font-display);font-weight:700;font-size:16px;line-height:1.3}.sss-showcase__tab-sub{font-size:12.5px;line-height:1.4;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sss-showcase__track{position:absolute;left:72px;right:16px;bottom:7px;height:3px;border-radius:3px;background:var(--line-200);overflow:hidden;opacity:0;transition:opacity var(--dur-med)}.sss-showcase__tab.is-active .sss-showcase__track{opacity:1}.sss-showcase__bar{display:block;height:100%;border-radius:inherit;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--ice-500),var(--ice-600))}.sss-showcase__tab.is-active .sss-showcase__bar{transform:scaleX(1)}sss-showcase[data-autoplay=true] .sss-showcase__tab.is-active .sss-showcase__bar{animation:sss-showcase-progress var(--sss-interval, 6s) linear forwards;animation-play-state:paused}sss-showcase.is-running .sss-showcase__tab.is-active .sss-showcase__bar{animation-play-state:running}@keyframes sss-showcase-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sss-showcase__stage{position:relative}.sss-showcase__spot{position:absolute;top:-12%;right:-8%;bottom:4%;left:-8%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#fffffff2,#ffffff80,#fff0 68%)}.sss-showcase__floor{position:absolute;left:14%;right:14%;bottom:58px;height:46px;z-index:0;pointer-events:none;background:radial-gradient(closest-side,#0a162829,#0a162800);animation:sss-showcase-floor 7s ease-in-out infinite}.sss-showcase__panels{position:relative;z-index:1;display:grid}.sss-showcase__panel{grid-area:1 / 1;display:flex;flex-direction:column;align-items:center;opacity:0;visibility:hidden;transform:translateY(14px) scale(.97);transition:opacity .42s var(--ease-out-sss),transform .62s var(--ease-out-sss),visibility 0s linear .62s}.sss-showcase__panel.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .52s var(--ease-out-sss) 80ms,transform .72s var(--ease-out-sss) 80ms,visibility 0s}.sss-showcase__media{display:block;width:100%;max-width:720px;translate:0 calc(var(--sss-par, 0) * -22px);animation:sss-showcase-float 7s ease-in-out infinite}.sss-showcase__media img{display:block;width:100%;height:auto;aspect-ratio:1400 / 960;object-fit:contain}.sss-showcase__caption{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:6px;text-align:center;opacity:0;transform:translateY(8px);transition:opacity .3s var(--ease-out-sss),transform .3s var(--ease-out-sss)}.sss-showcase__panel.is-active .sss-showcase__caption{opacity:1;transform:none;transition-delay:.26s}.sss-showcase__blurb{margin:0;color:var(--text-body);font-size:.98rem;max-width:440px}.sss-showcase__hud{display:flex;align-items:center;gap:10px;margin-top:18px;padding-left:16px;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.06em;color:var(--gray-500)}.sss-showcase__count [data-counter]{color:var(--navy-900)}.sss-showcase__toggle{width:34px;height:34px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:var(--snow-0);color:var(--navy-900);box-shadow:inset 0 0 0 1.5px var(--line-200),0 4px 12px #0a16280f;transition:box-shadow var(--dur-fast),color var(--dur-fast)}.sss-showcase__toggle:hover{color:var(--ice-700);box-shadow:inset 0 0 0 2px var(--ice-500),0 4px 12px #0a162814}.sss-showcase__toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sss-showcase__icon-play{display:none}.sss-showcase__toggle[aria-pressed=true] .sss-showcase__icon-play{display:block}.sss-showcase__toggle[aria-pressed=true] .sss-showcase__icon-pause{display:none}@keyframes sss-showcase-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sss-showcase-floor{0%,to{transform:scaleX(1);opacity:1}50%{transform:scaleX(.92);opacity:.75}}@media(max-width:989px){.sss-showcase__body{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:32px}.sss-showcase__nav{flex-direction:row;overflow-x:auto;gap:8px;padding:6px 4px 10px;margin:0 -24px;padding-inline:24px;scroll-snap-type:x proximity;scrollbar-width:none}.sss-showcase__nav::-webkit-scrollbar{display:none}.sss-showcase__tab{flex:0 0 auto;width:auto;scroll-snap-align:center;padding:8px 16px 12px 8px;gap:10px}.sss-showcase__tab.is-active{transform:none}.sss-showcase__tab-icon{width:36px;height:36px}.sss-showcase__tab-icon svg{width:18px;height:18px}.sss-showcase__tab-label{font-size:14.5px}.sss-showcase__tab-sub{display:none}.sss-showcase__track{left:12px;right:12px;bottom:5px}.sss-showcase__side{display:flex;align-items:center;gap:4px;min-width:0}.sss-showcase__nav{flex:1 1 auto;min-width:0;margin-right:0}.sss-showcase__hud{flex:0 0 auto;margin:0 -8px 4px 0;padding:0}.sss-showcase__count{display:none}.sss-showcase__floor{bottom:96px}}@media(max-width:749px){.sss-showcase--recessed:before{height:110px}.sss-showcase__caption{flex-direction:column;gap:12px}.sss-showcase__blurb{font-size:.93rem}}@media(prefers-reduced-motion:reduce){.sss-showcase__media,.sss-showcase__floor{animation:none;translate:none}sss-showcase .sss-showcase__tab.is-active .sss-showcase__bar{animation:none}.sss-showcase__panel,.sss-showcase__panel.is-active,.sss-showcase__caption{transition-duration:1ms;transition-delay:0s}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sss-showcase.css.map */