.cLd{cursor:pointer;--py:1.4rem;width:var(--py);height:var(--py);flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.cUa{--py:1.25rem}.cUa .cf{border-radius:var(--pta)}.cE{opacity:0;width:var(--py);height:var(--py);cursor:pointer;border:none;margin:0}.cca{opacity:0;color:var(--pk);font-size:calc(var(--py) * 1.25);transition:opacity .1s ease-in}.cca,.cf{pointer-events:none;display:inline-block;position:absolute}.cf{cursor:pointer;background:var(--pb);transition:box-shadow var(--pi) ease-in-out;width:var(--py);height:var(--py);box-shadow:var(--pF) 0 0 0 2px inset;border-radius:var(--pj)}.dark .cf{background:var(--pf)}@media (hover:hover){.cE:hover+.cf{box-shadow:var(--pF) 0 0 0 3px inset}}.cE:focus+.cf{box-shadow:var(--pF) 0 0 0 3px inset}.cE:checked+.cf{box-shadow:var(--pk) 0 0 0 2px inset}.cne .cf{box-shadow:var(--pv) 0 0 0 2px inset}.cE:checked+.cf+.cca{opacity:1}