.zygo-how-to-apply__heading{margin-bottom:var(--zygo-space-8)}.zygo-how-to-apply__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--zygo-space-12);margin:0;padding:0;list-style:none}.zygo-how-to-apply__step{display:flex;flex-direction:column;gap:var(--zygo-space-4)}.zygo-how-to-apply__media{display:flex;flex-direction:column;gap:var(--zygo-space-5);min-width:0}.zygo-how-to-apply__pill{align-self:center}.zygo-how-to-apply__card{aspect-ratio:13 / 12;overflow:hidden;border-radius:var(--zygo-radius-md);background-color:color-mix(in srgb,rgb(var(--color-background)),#ffffff 70%)}.zygo-how-to-apply__card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.zygo-how-to-apply__card .placeholder-svg{width:100%;height:100%}.zygo-how-to-apply__title{margin:0 0 var(--zygo-space-3);font-family:var(--font-body-family);font-size:var(--zygo-text-md);font-weight:var(--font-body-weight-bold);line-height:var(--zygo-leading-snug);letter-spacing:var(--zygo-tracking-eyebrow);text-transform:uppercase}.zygo-how-to-apply__text{margin:0;font-size:var(--zygo-text-md);line-height:var(--zygo-leading-relaxed)}.zygo-how-to-apply__rail{display:block;position:relative}.zygo-how-to-apply__controls{display:none}@media screen and (min-width:750px)and (max-width:1199px){.zygo-how-to-apply__grid:not(.zygo-how-to-apply__grid--rail) .zygo-how-to-apply__step{flex-direction:row;align-items:center;gap:var(--zygo-space-10)}.zygo-how-to-apply__grid:not(.zygo-how-to-apply__grid--rail) .zygo-how-to-apply__media{flex:0 0 40%;max-width:380px}.zygo-how-to-apply__grid:not(.zygo-how-to-apply__grid--rail) .zygo-how-to-apply__copy{flex:1 1 auto}}@media screen and (min-width:1200px){.zygo-how-to-apply__grid{grid-template-columns:repeat(var(--zygo-htp-columns, 3),minmax(0,1fr));gap:var(--zygo-space-3)}}@media screen and (min-width:1600px){.zygo-how-to-apply__copy{padding-inline:var(--zygo-space-4)}}@media screen and (max-width:1199px){.zygo-how-to-apply__grid--rail{--zygo-htp-rail-gap: var(--zygo-space-5);--zygo-htp-peek: var(--zygo-space-16);--zygo-htp-per-view: 1;display:flex;gap:var(--zygo-htp-rail-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.zygo-how-to-apply__grid--rail::-webkit-scrollbar{display:none}.zygo-how-to-apply__grid--rail .zygo-how-to-apply__step{flex:0 0 calc((100% - var(--zygo-htp-peek) - var(--zygo-htp-rail-gap) * var(--zygo-htp-per-view)) / var(--zygo-htp-per-view));scroll-snap-align:start}.zygo-how-to-apply__rail .zygo-how-to-apply__controls{display:flex;align-items:center;justify-content:center;gap:var(--zygo-space-6);margin-top:var(--zygo-space-8)}.zygo-how-to-apply__rail[data-static] .zygo-how-to-apply__controls{display:none}.zygo-how-to-apply__arrow{display:flex;align-items:center;justify-content:center;padding:var(--zygo-space-2);border:0;background:none;color:rgba(var(--color-foreground),.35);cursor:pointer;transition:color .15s ease}.zygo-how-to-apply__arrow[disabled]{opacity:.4;cursor:default}.zygo-how-to-apply__arrow svg{display:block;width:12px;height:20px}.zygo-how-to-apply__arrow--prev svg{transform:rotate(180deg)}}@media screen and (min-width:750px)and (max-width:1199px){.zygo-how-to-apply__grid--rail{--zygo-htp-per-view: 2}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/zygo-how-to-apply.css.map */