.seal-product-step-theatre{--seal-step-theatre-ink: rgb(25 34 30);--seal-step-theatre-muted: rgb(25 34 30 / .66);--seal-step-theatre-line: rgb(25 34 30 / .14);--seal-step-theatre-line-strong: rgb(25 34 30 / .28);--seal-step-theatre-accent: rgb(47 111 82);--seal-step-theatre-accent-soft: rgb(47 111 82 / .1);--seal-step-theatre-surface: var(--color-background);--seal-step-theatre-radius: 8px;--seal-step-theatre-shadow: 0 18px 54px rgb(25 34 30 / .08)}.seal-product-step-theatre .seal-product-step-theatre__mobile-panels{display:none}.seal-product-step-theatre .seal-product-step-theatre__steps{position:relative;display:grid;align-content:center;gap:0;border-block-start:1px solid var(--seal-step-theatre-line)}.seal-product-step-theatre .seal-product-step-theatre__kicker{display:inline-flex;align-items:center;gap:.46rem;margin:0;padding-block:0 1rem;color:var(--seal-step-theatre-accent);font-size:.74rem;font-weight:820;line-height:1.2;text-transform:uppercase}.seal-product-step-theatre .seal-product-step-theatre__kicker:before{content:"";width:.42rem;height:.42rem;border-radius:999px;background:currentcolor}.seal-product-step-theatre .seal-product-step-theatre__step{display:grid;position:relative;grid-template-columns:2.35rem minmax(0,1fr);gap:clamp(.9rem,1.5vw,1.12rem);width:100%;padding:clamp(1.05rem,2.2vw,1.45rem) 0 clamp(1.05rem,2.2vw,1.45rem) clamp(.55rem,1vw,.8rem);border:0;border-block-end:1px solid var(--seal-step-theatre-line);background:transparent;color:var(--seal-step-theatre-ink);cursor:pointer;font:inherit;text-align:left;-webkit-tap-highlight-color:transparent}.seal-product-step-theatre .seal-product-step-theatre__step:before{content:"";position:absolute;inset-block:.72rem;inset-inline-start:0;width:2px;border-radius:999px;background:var(--seal-step-theatre-accent);opacity:0;transform:scaleY(.42);transform-origin:center;transition:opacity .18s ease,transform .24s cubic-bezier(.2,.7,.2,1)}.seal-product-step-theatre .seal-product-step-theatre__step:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--seal-step-theatre-accent-soft),transparent 68%);opacity:0;pointer-events:none;transition:opacity .18s ease}.seal-product-step-theatre .seal-product-step-theatre__step-index{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:1.86rem;height:1.86rem;border:1px solid var(--seal-step-theatre-line-strong);border-radius:999px;color:var(--seal-step-theatre-muted);font-size:.74rem;font-weight:850;line-height:1;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.seal-product-step-theatre .seal-product-step-theatre__step-copy{position:relative;z-index:1;display:grid;align-self:center;gap:.44rem;min-width:0;color:var(--seal-step-theatre-ink)}.seal-product-step-theatre .seal-product-step-theatre__step-copy strong{grid-column:auto;color:var(--seal-step-theatre-ink);font-size:clamp(1.12rem,1.45vw,1.42rem);font-weight:780;line-height:1.12}.seal-product-step-theatre .seal-product-step-theatre__step-copy span,.seal-product-step-theatre .seal-product-step-theatre__step-copy em{display:block;grid-column:auto;color:var(--seal-step-theatre-muted);font-size:clamp(.98rem,1.15vw,1.08rem);font-style:normal;line-height:1.5;transition:color .18s ease}.seal-product-step-theatre .seal-product-step-theatre__step:is(.is-active,:hover,:focus-visible):before{opacity:1;transform:scaleY(1)}.seal-product-step-theatre .seal-product-step-theatre__step:is(.is-active,:hover,:focus-visible):after{opacity:1}.seal-product-step-theatre .seal-product-step-theatre__step:is(.is-active,:hover,:focus-visible) .seal-product-step-theatre__step-index{border-color:var(--seal-step-theatre-accent);background:var(--seal-step-theatre-accent);color:#fff;transform:translateY(-1px)}.seal-product-step-theatre .seal-product-step-theatre__step:is(.is-active,:hover,:focus-visible) .seal-product-step-theatre__step-copy span,.seal-product-step-theatre .seal-product-step-theatre__step:is(.is-active,:hover,:focus-visible) .seal-product-step-theatre__step-copy em{color:var(--seal-step-theatre-ink)}.seal-product-step-theatre .seal-product-step-theatre__step:focus-visible{outline:2px solid var(--seal-step-theatre-accent);outline-offset:4px}@media screen and (max-width:749px){.seal-product-step-theatre{overflow:hidden;gap:0;border:1px solid var(--seal-step-theatre-line);border-radius:var(--seal-step-theatre-radius);background:var(--seal-step-theatre-surface);box-shadow:var(--seal-step-theatre-shadow)}.seal-product-step-theatre .seal-product-step-theatre__media-stack{order:1;margin:clamp(.72rem,3.4vw,1rem) clamp(.72rem,3.4vw,1rem) 0;border-radius:var(--seal-step-theatre-radius);box-shadow:none}.seal-product-step-theatre .seal-product-step-theatre__steps{order:2;display:flex;gap:.55rem;align-items:center;overflow-x:auto;margin-inline:0;padding:clamp(.78rem,3.5vw,1rem) clamp(.72rem,3.4vw,1rem) .48rem;border-block:0;background:transparent;scroll-padding-inline:clamp(.72rem,3.4vw,1rem);scroll-snap-type:x mandatory;scrollbar-width:none}.seal-product-step-theatre .seal-product-step-theatre__steps::-webkit-scrollbar{display:none}.seal-product-step-theatre .seal-product-step-theatre__kicker{display:none}.seal-product-step-theatre .seal-product-step-theatre__step{flex:0 0 auto;grid-template-columns:auto minmax(0,auto);gap:.45rem;align-items:center;width:auto;min-width:min(68vw,12.8rem);max-width:13rem;padding:.62rem .88rem;border:1px solid var(--seal-step-theatre-line);border-radius:999px;background:transparent;color:var(--seal-step-theatre-ink);scroll-snap-align:start;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.seal-product-step-theatre .seal-product-step-theatre__step:before,.seal-product-step-theatre .seal-product-step-theatre__step:after{content:none}.seal-product-step-theatre .seal-product-step-theatre__step-index{width:auto;height:auto;min-width:1.32rem;border:0;background:transparent;color:var(--seal-step-theatre-muted);font-size:.68rem}.seal-product-step-theatre .seal-product-step-theatre__step-copy{gap:0;color:var(--seal-step-theatre-ink)}.seal-product-step-theatre .seal-product-step-theatre__step-copy strong{overflow:hidden;color:currentcolor;font-size:.88rem;line-height:1.12;text-overflow:ellipsis;white-space:nowrap}.seal-product-step-theatre .seal-product-step-theatre__step-copy span,.seal-product-step-theatre .seal-product-step-theatre__step-copy em{display:none}.seal-product-step-theatre .seal-product-step-theatre__step:is(.is-active,:hover,:focus-visible){border-color:var(--seal-step-theatre-ink);background:var(--seal-step-theatre-ink);color:#fff;transform:translateY(-1px)}.seal-product-step-theatre .seal-product-step-theatre__step:is(.is-active,:hover,:focus-visible) .seal-product-step-theatre__step-copy,.seal-product-step-theatre .seal-product-step-theatre__step:is(.is-active,:hover,:focus-visible) .seal-product-step-theatre__step-copy strong{color:#fff}.seal-product-step-theatre .seal-product-step-theatre__step:is(.is-active,:hover,:focus-visible) .seal-product-step-theatre__step-index{border-color:transparent;background:transparent;color:currentcolor;transform:none}.seal-product-step-theatre .seal-product-step-theatre__mobile-panels{order:3;display:block;padding:.18rem clamp(1rem,4vw,1.18rem) clamp(1rem,4vw,1.25rem)}.seal-product-step-theatre .seal-product-step-theatre__mobile-panel{color:var(--seal-step-theatre-ink)}.seal-product-step-theatre .seal-product-step-theatre__mobile-panel[hidden],.seal-product-step-theatre .seal-product-step-theatre__mobile-panel strong{display:none}.seal-product-step-theatre .seal-product-step-theatre__mobile-panel p{margin:0;color:var(--seal-step-theatre-muted);font-size:1rem;line-height:1.52}@media(prefers-reduced-motion:no-preference){.seal-product-step-theatre .seal-product-step-theatre__mobile-panel.is-active{animation:seal-step-theatre-panel-in .22s ease both}}}@keyframes seal-step-theatre-panel-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/95/assets/seal-product-step-theatre.css.map */