.wipes-usage{position:relative;padding:clamp(48px,8vw,110px) 0;background-color:var(--wu-bg, #1c2a1f);background-image:var(--wu-bg-image, none);background-size:cover;background-position:center;overflow:hidden;isolation:isolate}.wipes-usage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,color-mix(in srgb,var(--wu-bg) 55%,transparent) 10%,var(--wu-bg) 95%);opacity:var(--wu-overlay-opacity, .35);z-index:-1;pointer-events:none}.wipes-usage:not(.wipes-usage--has-image):before{opacity:0}.wipes-usage__inner{max-width:1180px;margin:0 auto;padding-left:0;padding-right:0}.wipes-usage__eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.16em;font-weight:700;text-transform:uppercase;color:var(--wu-accent, #c99a7c);margin:0 0 22px}.wipes-usage__eyebrow-rule{width:22px;height:1px;background:var(--wu-accent, #c99a7c);display:inline-block}.wipes-usage__heading{font-weight:700;color:var(--wu-ink, #f3efe6);font-size:47px;line-height:1.12;letter-spacing:-.01em;max-width:16ch;margin:0 0 22px}.wipes-usage__lede{font-size:clamp(.98rem,1.4vw,1.08rem);line-height:1.6;color:var(--wu-ink-dim, #c9d0bf);max-width:46ch;margin:0 0 clamp(40px,6vw,72px)}.wipes-usage__lede p{margin:0;font-size:16px}.wipes-usage__gauge-wrap{display:flex;flex-direction:column;align-items:center;margin:0 auto clamp(36px,5vw,56px)}.wipes-usage__gauge{width:min(340px,78vw);aspect-ratio:2 / 1.12;position:relative}.wipes-usage__gauge svg{width:100%;height:100%;display:block;overflow:visible}.wipes-usage__gauge-label{font-size:12px;font-weight:600;fill:var(--wu-ink-dim, #c9d0bf)}.wipes-usage__needle{transition:transform .9s cubic-bezier(.2,.9,.25,1)}.wipes-usage__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px);max-width:1180px;margin:0 auto}.wipes-usage__card{display:block;width:100%;text-align:left;font:inherit;background:var(--wu-card-bg, #24331fcc);border:1px solid var(--wu-card-border, #3c4a35);border-radius:var(--wu-radius, 18px);padding:clamp(20px,2.4vw,30px) clamp(20px,2.4vw,28px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:transform .35s ease,border-color .35s ease,background .35s ease;position:relative}.wipes-usage__card:hover,.wipes-usage__card:focus-visible{transform:translateY(-4px);border-color:color-mix(in srgb,var(--wu-accent, #c99a7c) 55%,var(--wu-card-border, #3c4a35));outline:none}.wipes-usage__card.is-active{border-color:var(--wu-accent, #c99a7c);background:color-mix(in srgb,var(--wu-card-bg, #24331fcc) 85%,var(--wu-accent, #c99a7c) 15%)}.wipes-usage__dot{width:9px;height:9px;border-radius:50%;background:var(--wu-ink-faint, #8ea083);display:inline-block;margin-bottom:18px;transition:background .35s ease,box-shadow .35s ease}.wipes-usage__card.is-active .wipes-usage__dot{background:var(--wu-accent, #c99a7c);box-shadow:0 0 0 4px color-mix(in srgb,var(--wu-accent, #c99a7c) 25%,transparent)}.wipes-usage__card-title{font-size:25px;font-weight:600;margin:0 0 10px;color:#fff}.wipes-usage__card-text{font-size:.92rem;line-height:1.55;color:var(--wu-ink-dim, #c9d0bf)}.wipes-usage__card-text p{margin:0;color:#fff;font-size:16px}@media(max-width:989px){.wipes-usage__heading{font-size:33px}.wipes-usage__card-title{font-size:21px}.wipes-usage__inner{padding:0 28px}.wipes-usage__cards{grid-template-columns:repeat(2,1fr)}.wipes-usage__card:last-child{grid-column:1 / -1}}@media(max-width:640px){.wipes-usage__cards{grid-template-columns:1fr}.wipes-usage__card:last-child{grid-column:auto}.wipes-usage__heading{max-width:none}}@media(prefers-reduced-motion:reduce){.wipes-usage__needle,.wipes-usage__card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/dry-wipes-usage.css.map */