.ritual-walkthrough__marquee{--scrolling-content-gap: 2.5ch}.ritual-walkthrough__marquee-item{font-size:var(--text-sm);text-transform:lowercase;letter-spacing:.01em;color:rgb(var(--text-color) / .35)}.ritual-walkthrough__marquee-item .shape{font-size:.375rem}@media(prefers-reduced-motion:reduce){.ritual-walkthrough__marquee{display:none}}.ritual-walkthrough__layout{display:grid;gap:2rem}.ritual-walkthrough__layout:not(.has-media) .ritual-walkthrough__steps{max-width:44rem;margin-inline:auto;width:100%}@media screen and (min-width:1000px){.ritual-walkthrough__layout.has-media{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}.ritual-walkthrough__layout.has-media.media-start{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.ritual-walkthrough__layout.has-media.media-start .ritual-walkthrough__frame{order:-1}}.ritual-walkthrough__step+.ritual-walkthrough__step{border-block-start:1px solid rgb(var(--border-color))}.ritual-walkthrough__step-header{width:100%;display:flex;align-items:center;gap:1.25rem;padding-block:1.25rem;padding-inline:0;background:none;border:none;color:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent}@media screen and (min-width:700px){.ritual-walkthrough__step-header{padding-block:1.5rem;gap:1.5rem}}.ritual-walkthrough__num{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--text-h3);line-height:1;letter-spacing:var(--heading-letter-spacing);color:rgb(var(--text-color) / .15);flex-shrink:0;min-width:2ch;transition:color .4s ease}.ritual-walkthrough__step.is-open .ritual-walkthrough__num{color:rgb(var(--text-color))}.ritual-walkthrough__step-title{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--text-h5);line-height:1.1;letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-text-transform);flex:1;min-width:0}.ritual-walkthrough__indicator{flex-shrink:0;color:rgb(var(--text-color) / .6);transition:transform .4s cubic-bezier(.4,0,.2,1),color .2s ease}.ritual-walkthrough__step.is-open .ritual-walkthrough__indicator{transform:rotate(45deg);color:rgb(var(--text-color))}@media(pointer:fine){.ritual-walkthrough__step-header:hover .ritual-walkthrough__indicator{color:rgb(var(--text-color))}}.ritual-walkthrough__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1)}.ritual-walkthrough__step.is-open .ritual-walkthrough__panel{grid-template-rows:1fr}.ritual-walkthrough__panel-inner{overflow:hidden;min-height:0}.ritual-walkthrough__body{padding-block-end:1.5rem;max-width:36rem}.ritual-walkthrough__inline-media{position:relative;margin-block-end:1.5rem;border-radius:min(var(--rw-frame-radius),12px);overflow:hidden;aspect-ratio:var(--rw-media-aspect);background-color:rgb(var(--text-color) / .05)}.ritual-walkthrough__inline-media mux-video,.ritual-walkthrough__frame-item mux-video{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s ease}.ritual-walkthrough__inline-media mux-video.is-live,.ritual-walkthrough__frame-item mux-video.is-live{opacity:1}@keyframes rw-chip-halo{0%{transform:scale(1)}to{transform:scale(.8)}}.ritual-walkthrough.rw-needs-tap .ritual-walkthrough__step.is-open .ritual-walkthrough__inline-media:before,.ritual-walkthrough.rw-needs-tap .ritual-walkthrough__frame-item.is-active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:3rem;height:3rem;border-radius:var(--rounded-full);background:radial-gradient(50% 50% at 50% 50%,#fff0,#ffffff4d);animation:2s ease-in-out infinite alternate rw-chip-halo;pointer-events:none}.ritual-walkthrough.rw-needs-tap .ritual-walkthrough__step.is-open .ritual-walkthrough__inline-media:after,.ritual-walkthrough.rw-needs-tap .ritual-walkthrough__frame-item.is-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:2rem;height:2rem;border-radius:var(--rounded-full);background-color:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" stroke="black" stroke-width="2" stroke-linejoin="round" d="M7 5.5v13l12-6.5z"/></svg>');background-repeat:no-repeat;background-position:50% 50%;background-size:1.375rem;box-shadow:0 1px 4px #0000001f;pointer-events:none}@media screen and (min-width:1000px){.ritual-walkthrough.rw-needs-tap .ritual-walkthrough__frame-item.is-active:before{width:4.25rem;height:4.25rem}.ritual-walkthrough.rw-needs-tap .ritual-walkthrough__frame-item.is-active:after{width:2.5rem;height:2.5rem;background-size:1.71875rem}}.ritual-walkthrough__inline-media img,.ritual-walkthrough__inline-media video,.ritual-walkthrough__inline-media mux-video{width:100%;height:100%;object-fit:cover;display:block;--media-object-fit: cover}@media screen and (min-width:1000px){.has-media .ritual-walkthrough__inline-media{display:none}}.ritual-walkthrough__frame{display:none}@media screen and (min-width:1000px){.has-media .ritual-walkthrough__frame{display:block;position:sticky;top:calc(var(--sticky-area-height, 0px) + 2rem);aspect-ratio:var(--rw-media-aspect);border-radius:var(--rw-frame-radius);overflow:hidden;background-color:rgb(var(--text-color) / .05)}}.ritual-walkthrough__frame-item{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;scale:1.02;transition:opacity .45s ease,scale .6s ease;pointer-events:none}.ritual-walkthrough__frame-item.is-active{opacity:1;scale:1}.ritual-walkthrough__frame-item img,.ritual-walkthrough__frame-item video,.ritual-walkthrough__frame-item mux-video{width:100%;height:100%;object-fit:cover;display:block;--media-object-fit: cover}@media(prefers-reduced-motion:reduce){.ritual-walkthrough__panel,.ritual-walkthrough__indicator,.ritual-walkthrough__num,.ritual-walkthrough__frame-item{transition:none}.ritual-walkthrough__frame-item{scale:1}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/ritual-walkthrough.css.map */