.ctd{cursor:pointer;--pz:1.4rem;width:var(--pz);height:var(--pz);flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.cHa{--pz:1.25rem}.cHa .cf{border-radius:var(--pNa)}.cC{opacity:0;width:var(--pz);height:var(--pz);cursor:pointer;border:none;margin:0}.c5{opacity:0;color:var(--pk);font-size:calc(1.25 * var(--pz));transition:opacity .1s ease-in}.c5,.cf{pointer-events:none;display:inline-block;position:absolute}.cf{cursor:pointer;background:var(--pb);transition:box-shadow var(--pf) ease-in-out;width:var(--pz);height:var(--pz);box-shadow:var(--pL) 0 0 0 2px inset;border-radius:var(--pj)}.dark .cf{background:var(--pg)}@media (hover:hover){.cC:hover+.cf{box-shadow:var(--pL) 0 0 0 3px inset}}.cC:focus+.cf{box-shadow:var(--pL) 0 0 0 3px inset}.cC:checked+.cf{box-shadow:var(--pk) 0 0 0 2px inset}.c1d .cf{box-shadow:var(--pw) 0 0 0 2px inset}.cC:checked+.cf+.c5{opacity:1}