.ante{display:grid;grid-template:"toggle label" auto /
    max-content max-content;}.ante__poki{position:absolute;width:1.8333rem;top:0;left:0;margin:0;padding:0;height:1rem;opacity:0;}.ante__insa{grid-area:toggle;height:1.3888rem;padding:0.222rem;display:inline-block;width:4rem;border-radius:1.8328rem;vertical-align:middle;background-color:#a6a8ce;transition:background-color 1s;&::before{content:attr(data-icon-off);font-weight:700;height:100%;aspect-ratio:1/1;background:white;color:#a6a8ce;display:inline-block;vertical-align:top;border-radius:50%;text-align:center;font-size:1rem;transition:margin-left 0.25s,background-color 0.25s;}}:checked ~ .ante__insa::before{content:attr(data-icon-on);color:var(--eco-paper);margin-left:calc(100% - 1.3888rem);}@media (pointer:coarse){:checked ~ .ante__insa::before{margin-left:0.933rem;}}.ante__nimi{grid-area:label;color:#a6a8ce;line-height:0.8;padding:0 0.5em;font-size:0.833rem;margin:auto auto auto 0;transition:color 0.25s,opacity 0.25s;:checked ~ &{color:var(--eco-paper);}}.ante__nimi--enable{:checked ~ &{opacity:0;}}.ante__nimi--disable{opacity:0;:checked ~ &{opacity:1;}}