.dx-science__inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "media" "steps";row-gap:2.4rem}.dx-science__head{grid-area:head;min-width:0}.dx-science__heading{letter-spacing:-.01em}.dx-science__heading em{border-radius:.8rem}.dx-science__media{position:relative;grid-area:media;aspect-ratio:1 / 1;border-radius:var(--media-radius);background:rgba(var(--dx-accent),.06);overflow:hidden}.dx-science__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.dx-science__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.dx-science__video video{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease}.dx-science__video[data-autoplay] video{pointer-events:none}.dx-science__video.has-played video{opacity:1}.dx-science__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;width:6rem;height:6rem;margin:auto;padding:0;border:0;border-radius:50%;background:#fffffff0;box-shadow:0 .3rem 1.8rem #0003;color:#151515;cursor:pointer}.dx-science__play .dx-icon{width:2.4rem;height:2.4rem}.dx-science__video.is-playing .dx-science__play{opacity:0;pointer-events:none}.dx-science__body{display:flex;flex-direction:column;grid-area:steps;gap:2.4rem;min-width:0}.dx-science__steps{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.dx-science__step{display:grid;grid-template-columns:4rem minmax(0,1fr);column-gap:1.4rem;margin:0;padding:1.8rem 0;border-top:1px solid rgba(var(--color-foreground),.1)}.dx-science__step:last-child{border-bottom:1px solid rgba(var(--color-foreground),.1)}.dx-science__step--no-icon{grid-template-columns:minmax(0,1fr)}.dx-science__icon{width:4rem;height:4rem}.dx-science__icon .dx-icon{width:2rem;height:2rem}.dx-science__copy{display:flex;flex-direction:column;gap:.4rem;min-width:0}.dx-science__step-title{margin:0;font-size:2rem;line-height:1.3;letter-spacing:0}.dx-science__step-text{max-width:52ch;font-size:1.8rem;line-height:1.5625;color:rgba(var(--color-foreground),.8)}.dx-science__foot{display:flex;flex-direction:column;gap:1.6rem}.dx-science__note{font-size:1.3rem;line-height:1.45;color:rgba(var(--color-foreground),.6)}@media screen and (min-width:750px){.dx-science__inner{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto 1fr;grid-template-areas:"head media" "steps media";align-items:start;column-gap:4rem;row-gap:3.2rem}.dx-science__media{position:sticky;top:2.4rem}.dx-science__body{gap:2.8rem}.dx-science__step{grid-template-columns:4.4rem minmax(0,1fr);column-gap:1.6rem;padding:2rem 0}.dx-science__step--no-icon{grid-template-columns:minmax(0,1fr)}.dx-science__icon{width:4.4rem;height:4.4rem}.dx-science__icon .dx-icon{width:2.2rem;height:2.2rem}.dx-science__step-title{font-size:2.1rem}.dx-science__step-text{font-size:1.6rem}.dx-science__cta{align-self:flex-start}}@media screen and (min-width:990px){.dx-science__inner{column-gap:6.4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dx-science.css.map */