.gene-when-to-use{max-width:var(--site-max-width, 1600px);margin:0 auto;box-sizing:border-box;padding-left:calc(var(--gap, 8px) * 2);padding-right:calc(var(--gap, 8px) * 2);padding-top:var(--gene-wtu-space-top, 64px);padding-bottom:var(--gene-wtu-space-bottom, 64px)}.gene-when-to-use.gene-when-to-use--bleed-right{padding-right:0}@media(min-width:1200px){.gene-when-to-use{padding-left:calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));padding-right:calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2))}.gene-when-to-use.gene-when-to-use--bleed-right{padding-right:0}}@media(min-width:1800px){.gene-when-to-use{max-width:var(--site-max-width-big, 1600px)}}.gene-when-to-use__grid{display:grid;grid-template-columns:1fr;align-items:center;gap:32px}@media(min-width:750px){.gene-when-to-use__grid{grid-template-columns:1fr 1fr;gap:10px}}.gene-when-to-use__text{display:flex;flex-direction:column;align-items:stretch;width:100%}@media(min-width:750px){.gene-when-to-use__text{order:0;padding-right:300px;box-sizing:border-box}}.gene-when-to-use__eyebrow{font-family:Inter,sans-serif;font-weight:300;font-size:14px;line-height:18px;color:#b5b3b0;margin:0 0 20px}.gene-when-to-use__panels{display:grid;width:100%}.gene-when-to-use__panel{grid-area:1 / 1;display:flex;flex-direction:column;align-items:stretch;gap:20px;opacity:0;transform:translate(24px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}.gene-when-to-use__panel.is-active{opacity:1;transform:translate(0);pointer-events:auto}.gene-when-to-use__panel.is-leaving{opacity:0;transform:translate(-24px)}.gene-when-to-use__heading{font-family:BentonModDisp,serif;font-weight:400;font-size:50px;line-height:50px;letter-spacing:-.01em;color:#111;margin:0}.gene-when-to-use__subheading{font-family:Inter,sans-serif;font-weight:300;font-size:14px;line-height:18px;color:#111;margin:0}.gene-when-to-use__body{font-family:Inter,sans-serif;font-weight:300;font-size:14px;line-height:18px;color:#b5b3b0;margin:0}.gene-when-to-use__next{align-self:flex-start;flex-shrink:0;margin-top:20px;width:40.74px;height:40.74px;border-radius:50%;border:none;background-color:#f1ede4;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .2s ease,transform .2s ease}.gene-when-to-use__next:hover{background-color:#e7e1d5}.gene-when-to-use__next:active{transform:scale(.94)}.gene-when-to-use__next svg{width:13px;height:18px;display:block}.gene-when-to-use__media{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:5px;overflow:hidden;background-color:#e7e1d5}@supports not (aspect-ratio: 1 / 1){.gene-when-to-use__media{height:0;padding-bottom:100%}}@media(min-width:750px){.gene-when-to-use__media{order:0}}.gene-when-to-use__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translate(24px);transition:opacity .45s ease,transform .45s ease}.gene-when-to-use__slide.is-active{opacity:1;transform:translate(0)}.gene-when-to-use__slide.is-leaving{opacity:0;transform:translate(-24px)}.gene-when-to-use__slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.gene-when-to-use__slide-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#e7e1d5;color:#7c2135;font-family:Inter,sans-serif;font-weight:300;font-size:14px;text-align:center;padding:24px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/gene-when-to-use.css.map */