steps-with-media{display:block}.steps-with-media__grid{display:grid;grid-template-columns:1fr;gap:2rem}@media screen and (max-width:749px){.steps-with-media__content{display:contents}.steps-with-media__intro{order:1}.steps-with-media__media-wrapper{order:2}.steps-with-media__steps{order:3}}@media screen and (min-width:750px){.steps-with-media__grid{gap:3rem}.steps-with-media__grid{grid-template-columns:var(--column-left, 40%) 1fr}.steps-with-media__grid--reversed{direction:rtl}.steps-with-media__grid--reversed>*{direction:ltr}}.steps-with-media__intro{display:flex;flex-direction:column;gap:1rem}.steps-with-media__content{display:flex;flex-direction:column;gap:1.5rem}@media screen and (min-width:750px){.steps-with-media__content--align-top{justify-content:flex-start}.steps-with-media__content--align-center{justify-content:center}.steps-with-media__content--align-bottom{justify-content:flex-end}}.steps-with-media__heading{margin:0;line-height:1.2}.steps-with-media__heading--small{font-size:1.8rem}.steps-with-media__heading--medium{font-size:2.4rem}.steps-with-media__heading--large{font-size:3rem}@media screen and (min-width:750px){.steps-with-media__heading--small{font-size:2.2rem}.steps-with-media__heading--medium{font-size:3.2rem}.steps-with-media__heading--large{font-size:4rem}}.steps-with-media__text{margin:0;color:rgba(var(--color-foreground),.7);line-height:1.6}.steps-with-media__text:empty{display:none}.steps-with-media__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.steps-with-media__step{display:flex;flex-direction:column;gap:.4rem;padding:1.2rem 1.5rem;border:none;border-left:3px solid rgba(var(--color-foreground),.1);background:none;text-align:left;cursor:pointer;transition:border-color .3s ease,background-color .3s ease,color .3s ease;width:100%;font-family:inherit;color:rgba(var(--color-foreground),.55)}.steps-with-media__step:hover{background-color:rgba(var(--color-foreground),.03);color:rgba(var(--color-foreground),.8)}.steps-with-media__step.active{border-left-color:var(--steps-accent-color, rgb(var(--color-foreground)));background-color:rgba(var(--color-foreground),.04);color:rgb(var(--color-foreground))}.steps-with-media__step-number{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;opacity:.5}.steps-with-media__step.active .steps-with-media__step-number{opacity:.7;color:var(--steps-accent-color, inherit)}.steps-with-media__step-title{font-size:1.1rem;font-weight:600;line-height:1.3;transition:color .3s ease}.steps-with-media__step-description{font-size:.9rem;line-height:1.5;opacity:0;max-height:0;overflow:hidden;transition:opacity .3s ease,max-height .3s ease}.steps-with-media__step.active .steps-with-media__step-description{opacity:1;max-height:200px}.steps-with-media__media-wrapper{position:relative;overflow:hidden;background-color:rgba(var(--color-foreground),.04)}.steps-with-media__media-wrapper--16-9{aspect-ratio:16 / 9}.steps-with-media__media-wrapper--16-10{aspect-ratio:16 / 10}.steps-with-media__media-wrapper--4-3{aspect-ratio:4 / 3}.steps-with-media__media-wrapper--1-1{aspect-ratio:1 / 1}.steps-with-media__media-wrapper--6-7{aspect-ratio:6 / 7}@media screen and (min-width:750px){.steps-with-media__media-wrapper{position:sticky;top:2rem}}.steps-with-media__media-panel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s ease;pointer-events:none}.steps-with-media__media-panel.active{opacity:1;pointer-events:auto}.steps-with-media__media-panel img,.steps-with-media__media-panel video{width:100%;height:100%;object-fit:cover;display:block}.steps-with-media__media-panel iframe{width:100%;height:100%;border:0;display:block}.steps-with-media__media-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:rgba(var(--color-foreground),.25)}.steps-with-media__media-placeholder svg{width:48px;height:48px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/steps-with-media.css.map */