.what--paper{background:var(--paper)}.what--salie{background:var(--kleur-salie-extralicht)}.what--zand{background:var(--kleur-zand-licht)}.what--ijs{background:var(--kleur-ijsblauw-licht)}.what .what-split{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(32px,4vw,64px);align-items:center}@media(max-width:1180px){.what .what-split{grid-template-columns:auto minmax(0,1fr)}.what .what-split .split-copy{grid-column:1 / -1}}@media(max-width:680px){.what .what-split{grid-template-columns:1fr;justify-items:center}.what .what-split .split-copy{grid-column:auto;justify-self:stretch}}.what .split-copy h2{margin-bottom:18px}.what .split-copy p{margin:0 0 16px;line-height:1.7;color:var(--tekst-70)}.what .split-copy p:last-child{margin-bottom:0}.what .split-copy p strong{color:var(--kleur-inkt);font-weight:600}.what .bobquote{display:flex;gap:16px;align-items:flex-start;background:var(--kleur-lichtoranje);border-radius:var(--r-lg);padding:20px 24px;margin-top:24px}.what .bobquote p{margin:0;font-size:.9375rem;line-height:1.6;color:var(--kleur-inkt)}.what .bobquote p b,.what .bobquote p strong{font-weight:700}bob-battery{display:block}.what .batt{position:relative;width:clamp(180px,21vw,264px);flex:none;justify-self:center}.what .batt:before{content:"";position:absolute;z-index:0;left:50%;bottom:-5%;width:116%;aspect-ratio:1;transform:translate(-50%);background:var(--kleur-lichtoranje);border-radius:50%}.what .batt-cap{position:relative;z-index:1;display:block;width:44%;height:12px;margin:0 auto;border-radius:6px 6px 0 0;background:var(--kleur-dark-card)}.what .batt-body{position:relative;overflow:hidden;aspect-ratio:3 / 4;border-radius:26px;background:var(--kleur-dark-card);border:6px solid var(--kleur-dark-card);box-shadow:inset 0 0 0 2px #ffffff0f}.what .batt-inner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;overflow:hidden;background:var(--kleur-inkt)}.what .batt-fill{position:absolute;left:0;right:0;bottom:0;height:0;background:var(--cta);color:var(--cta);transition:height 1.6s cubic-bezier(.2,.7,.3,1)}.what .batt-wave{position:absolute;left:-50%;bottom:calc(100% - 1px);width:200%;max-width:none;height:15px;display:block}@media(prefers-reduced-motion:no-preference){.what .batt-wave{animation:batt-drift 5.5s linear infinite}}@keyframes batt-drift{0%{transform:translate(0)}to{transform:translate(25%)}}@media(prefers-reduced-motion:reduce){.what .batt-fill{transition:none}}.what .batt-pct{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-kop);font-weight:700;font-size:clamp(1.75rem,3vw,2.25rem);letter-spacing:-1px;color:var(--paper)}.what .batt-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;margin-inline:-16px}.what .batt-legend li{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:18px;background:transparent;transition:background-color .25s ease}.what .batt-legend li:hover{background:var(--kleur-zand-licht)}.what .batt-legend .bolt-dot{margin-top:3px}.what .batt-legend h5{font-size:1rem;margin-bottom:2px}.what .batt-legend p{margin:0;font-size:.875rem;line-height:1.55;color:var(--tekst-70)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bob-what-battery.css.map */