.ctd{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}.cHa{--py:1.25rem}.cHa .cf{border-radius:var(--pKa)}.cC{opacity:0;width:var(--py);height:var(--py);cursor:pointer;border:none;margin:0}.c5{opacity:0;color:var(--pk);font-size:calc(1.25 * var(--py));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(--py);height:var(--py);box-shadow:var(--pK) 0 0 0 2px inset;border-radius:var(--pj)}.dark .cf{background:var(--pg)}@media (hover:hover){.cC:hover+.cf{box-shadow:var(--pK) 0 0 0 3px inset}}.cC:focus+.cf{box-shadow:var(--pK) 0 0 0 3px inset}.cC:checked+.cf{box-shadow:var(--pk) 0 0 0 2px inset}.c1d .cf{box-shadow:var(--pv) 0 0 0 2px inset}.cC:checked+.cf+.c5{opacity:1}