.super-toggle{--bg: var(--clr-metal-100);font-size:clamp(.8rem,1.5vw,1rem);position:relative;background:var(--bg);border-radius:10em;display:grid;grid:auto / 1fr 1fr;height:max(6.8rem,7.2em)}.super-toggle:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:50%;height:100%;border:.6rem solid var(--bg);border-radius:inherit;background:var(--clr-white);transition:transform .3s ease}.super-toggle li{position:relative;z-index:2;display:flex;flex-flow:column;gap:.4em;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;-webkit-tap-highlight-color:transparent}.super-toggle li label{font-weight:700;font-size:max(1.6rem,1.8em);color:var(--clr-metal-500)}.super-toggle li:first-child label{color:var(--clr-black)}.super-toggle li .savings{font-weight:700;font-size:max(1.5rem,1.6em);color:var(--clr-green-700)}.super-toggle.is-toggled:after{transform:translate(100%)}.super-toggle.is-toggled li:first-child label{color:var(--clr-metal-500)}.super-toggle.is-toggled li:last-child label{color:var(--clr-black)}