.usage{position:relative;overflow:hidden}.usage__bg{position:absolute;top:0;right:0;bottom:0;left:0}.usage__bg img{width:100%;height:100%;object-fit:cover}.usage--image .usage__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:var(--usage-overlay)}.usage__pattern{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:var(--pattern-image);background-repeat:no-repeat;background-size:1150px auto;opacity:.38;pointer-events:none}.usage__pattern--left{background-position:-380px center}.usage__pattern--right{background-position:calc(100% + 340px) center}.usage__pattern--center{background-position:center 35%;opacity:.3}.usage__ellipses{position:absolute;top:12rem;left:0;z-index:0;width:min(100%,36rem);height:auto;color:var(--usage-decor, var(--color-bronze));pointer-events:none}@media(min-width:990px){.usage__ellipses{top:50%;left:auto;right:0;transform:translateY(-50%)}}.usage__layout{position:relative;z-index:1;display:grid;gap:2.5rem;align-items:center;grid-template-columns:minmax(0,1fr)}@media(min-width:990px){.usage__layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:4rem}}.usage__content{display:flex;flex-direction:column;align-items:flex-start;gap:0}.usage__content .heading{margin-block-start:1rem}.usage__steps{position:relative;display:flex;flex-direction:column;gap:1.75rem;margin:2rem 0 0;padding:0;list-style:none}.usage__step:not(:last-child):after{content:"";position:absolute;top:.84375rem;bottom:-2.59375rem;left:.3125rem;border-left:1px solid var(--usage-line, var(--color-taupe))}.usage__step{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding-inline-start:2.125rem}.usage__step:before{content:"";position:absolute;top:.5rem;left:0;width:.6875rem;height:.6875rem;z-index:1;border-radius:50%;background-color:var(--usage-accent, var(--color-button))}.usage__chip{display:inline-block;padding:.3125rem .8125rem;border-radius:99px;background-color:var(--usage-chip-bg, var(--color-blush));color:var(--usage-chip-text, var(--usage-accent, var(--color-button)));font-size:.7rem;font-weight:700;line-height:1rem;letter-spacing:.12em;text-transform:uppercase}.usage__step-title{margin:.625rem 0 0;font-family:var(--font-body--family);font-size:1.28125rem;font-weight:500;line-height:1.875rem;letter-spacing:0}.usage__step p{margin:.375rem 0 0;color:var(--color-foreground-muted);font-size:.9375rem;line-height:1.5rem}.usage__content>.button{margin-block-start:2rem}.usage__art{position:relative;height:25rem}@media(min-width:750px){.usage__art{height:34rem}}.usage__art-primary,.usage__art-secondary{position:absolute;overflow:hidden}.usage__art-primary{top:0;right:0;width:77%;height:85%;aspect-ratio:auto;border-radius:1.25rem}.usage__art-secondary{bottom:0;left:0;width:43%;height:44%;aspect-ratio:auto;border:4px solid var(--color-background);border-radius:.75rem}.usage__play{position:absolute;top:1.25rem;left:.75rem;z-index:3;display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;padding:0;border:0;border-radius:50%;background-color:var(--usage-play-bg, var(--color-button));color:#fff;cursor:pointer;transition:transform .2s ease}.usage__play:hover{transform:scale(1.05)}.usage__play svg{width:1.375rem;height:1.5rem;margin-inline-start:.1875rem}.usage__badge{position:absolute;left:15%;top:0;z-index:2;width:6.5rem;height:6.5rem}.usage__play~.usage__badge{display:none}.usage__badge svg{display:block;width:100%;height:100%;animation:usage-badge-spin 22s linear infinite}@media(prefers-reduced-motion:reduce){.usage__badge svg{animation:none}}@keyframes usage-badge-spin{to{transform:rotate(360deg)}}.usage__badge-bg{fill:var(--usage-accent, var(--color-button))}.usage__badge-text{font-family:var(--font-body--family);font-size:9.5px;letter-spacing:2.4px;fill:#fff;font-weight:600}.usage__badge-icon{fill:#fff}.usage__dialog{width:min(92vw,26rem);max-height:90dvh;padding:0;border:0;border-radius:1rem;overflow:hidden;background:#000}.usage__dialog::backdrop{background:#141210cc}.usage__dialog video{display:block;width:100%;max-height:90dvh}.usage__dialog-close{position:absolute;top:.5rem;right:.5rem;z-index:1;width:2.5rem;height:2.5rem;border:0;border-radius:50%;background:#ffffffe6;font-size:1.5rem;line-height:1;cursor:pointer}@media(max-width:989px){.usage__layout{display:flex;flex-direction:column;align-items:stretch;gap:0}.usage__content{display:contents}.usage__content>.eyebrow{order:1;align-self:flex-start}.usage__content>.heading{order:2}.usage__art{order:3;margin-block-start:1.75rem}.usage__steps{order:4}.usage__content>.button{order:5;align-self:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/section-usage-steps.css.map */