.luvia-impact{position:relative;overflow:hidden}.luvia-impact__header{text-align:center;margin-bottom:var(--luvia-space-xl);max-width:640px;margin-left:auto;margin-right:auto}.luvia-impact__calculator{max-width:480px;margin:0 auto var(--luvia-space-xl)}.luvia-impact__calculator-label{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;font-size:var(--luvia-text-md);font-weight:500;color:rgb(var(--color-foreground));margin-bottom:var(--luvia-space-md)}.luvia-impact__calculator-bubble{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .4rem;background:rgb(var(--luvia-aqua));color:#fff;font-weight:700;font-size:var(--luvia-text-lg);font-variant-numeric:tabular-nums;border-radius:8px;transition:transform .15s ease}.luvia-impact__calculator-bubble.is-bumped{transform:scale(1.15)}.luvia-impact__slider-wrap{display:flex;align-items:center;gap:.75rem}.luvia-impact__slider-bound{font-size:var(--luvia-text-sm);font-weight:600;color:rgba(var(--color-foreground),.35);min-width:16px;text-align:center}.luvia-impact__slider{--fill: 22%;-webkit-appearance:none;appearance:none;flex:1;height:6px;border-radius:3px;background:linear-gradient(to right,rgb(var(--luvia-aqua)) 0%,rgb(var(--luvia-aqua)) var(--fill),rgba(var(--color-foreground),.1) var(--fill),rgba(var(--color-foreground),.1) 100%);outline:none;cursor:pointer;border:none;margin:0}.luvia-impact__slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:rgb(var(--luvia-aqua));border:3px solid rgb(var(--color-background));box-shadow:0 2px 8px #00000026;cursor:pointer;transition:box-shadow .2s ease}.luvia-impact__slider::-webkit-slider-thumb:hover{box-shadow:0 2px 12px #0003,0 0 0 6px rgba(var(--luvia-aqua),.15)}.luvia-impact__slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:rgb(var(--luvia-aqua));border:3px solid rgb(var(--color-background));box-shadow:0 2px 8px #00000026;cursor:pointer}.luvia-impact__slider::-moz-range-track{height:6px;border-radius:3px;background:rgba(var(--color-foreground),.1);border:none}.luvia-impact__slider::-moz-range-progress{height:6px;border-radius:3px;background:rgb(var(--luvia-aqua))}.luvia-impact__grid{display:grid;grid-template-columns:1fr;gap:1rem;max-width:1000px;margin:0 auto}.luvia-impact__card{position:relative;display:flex;flex-direction:column;justify-content:center;padding:2rem 1.75rem;background:rgb(var(--luvia-stone));border-radius:var(--luvia-radius-lg);overflow:hidden;border:1px solid rgba(var(--luvia-aqua),.12);opacity:0;transform:translateY(24px);transition:border-color .3s ease,box-shadow .3s ease,transform .6s ease,opacity .6s ease}.luvia-impact__card.is-visible{opacity:1;transform:translateY(0)}.luvia-impact .luvia-impact__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.luvia-impact .luvia-impact__card:nth-child(1):before{background:radial-gradient(ellipse at 10% 15%,rgba(var(--luvia-aqua),.3) 0%,rgba(var(--luvia-aqua),.08) 50%,transparent 75%)}.luvia-impact .luvia-impact__card:nth-child(2):before{background:radial-gradient(ellipse at 90% 20%,rgba(var(--luvia-aqua),.25) 0%,rgba(var(--luvia-aqua),.06) 50%,transparent 75%)}.luvia-impact .luvia-impact__card:nth-child(3):before{background:radial-gradient(ellipse at 85% 85%,rgba(var(--luvia-aqua),.25) 0%,rgba(var(--luvia-aqua),.06) 50%,transparent 75%)}.luvia-impact .luvia-impact__card:nth-child(4):before{background:radial-gradient(ellipse at 15% 80%,rgba(var(--luvia-aqua),.25) 0%,rgba(var(--luvia-aqua),.06) 50%,transparent 75%)}.luvia-impact .luvia-impact__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(var(--luvia-aqua),.05) 1px,transparent 1px);background-size:16px 16px;pointer-events:none}.luvia-impact__card:hover{border-color:rgba(var(--luvia-aqua),.3);box-shadow:0 8px 32px rgba(var(--luvia-aqua),.12),0 2px 12px #0000000f}.luvia-impact__card.is-visible:hover{transform:translateY(-4px)}.luvia-impact__card-inner{position:relative;z-index:1}.luvia-impact .luvia-impact__card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:1rem}.luvia-impact__card-icon svg{width:24px;height:24px;fill:rgb(var(--luvia-aqua));opacity:.6}.luvia-impact__card-icon svg path,.luvia-impact__card-icon svg circle,.luvia-impact__card-icon svg rect,.luvia-impact__card-icon svg line{fill:inherit}.luvia-impact__card-number{display:block;font-size:clamp(2.4rem,5vw,3.2rem);font-family:var(--font-heading-family);font-weight:700;line-height:1;letter-spacing:-.03em;color:rgb(var(--luvia-aqua-dark));font-variant-numeric:tabular-nums;margin-bottom:.5rem}.luvia-impact__card-label{display:block;font-size:var(--luvia-text-md);font-weight:600;color:rgb(var(--luvia-charcoal));line-height:var(--luvia-leading-snug)}.luvia-impact__card-description{display:block;font-size:var(--luvia-text-sm);color:rgba(var(--luvia-charcoal),.55);line-height:var(--luvia-leading-normal);margin-top:.25rem}@media screen and (max-width:749px){.luvia-impact__card-inner{display:grid;grid-template-columns:40px 1fr;column-gap:.75rem;align-items:center}.luvia-impact .luvia-impact__card-icon{margin-bottom:0;grid-row:1;grid-column:1}.luvia-impact__card-number{grid-row:1;grid-column:2}.luvia-impact__card-label,.luvia-impact__card-description{grid-column:1 / -1}}@media screen and (min-width:750px){.luvia-impact__grid{grid-template-columns:repeat(12,1fr);gap:1.25rem}.luvia-impact__card{padding:2.5rem 2rem}.luvia-impact__card-number{font-size:clamp(2.8rem,4vw,3.6rem)}.luvia-impact .luvia-impact__card-icon svg{width:28px;height:28px}.luvia-impact__grid--3 .luvia-impact__card:nth-child(1){grid-column:span 7;grid-row:span 2}.luvia-impact__grid--3 .luvia-impact__card:nth-child(1) .luvia-impact__card-number{font-size:clamp(3.5rem,6vw,4.5rem)}.luvia-impact__grid--3 .luvia-impact__card:nth-child(2),.luvia-impact__grid--3 .luvia-impact__card:nth-child(3){grid-column:span 5}.luvia-impact__grid--4 .luvia-impact__card{grid-column:span 6}.luvia-impact__grid--2 .luvia-impact__card:nth-child(1){grid-column:span 7}.luvia-impact__grid--2 .luvia-impact__card:nth-child(2){grid-column:span 5}.luvia-impact__grid--1 .luvia-impact__card{grid-column:span 12}}@media(prefers-reduced-motion:reduce){.luvia-impact__card{opacity:1;transform:none;transition:none}.luvia-impact__card:hover{transform:none}.luvia-impact__calculator-bubble{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/luvia-impact.css.map */