.cMd{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}.cRa{--py:1.25rem}.cRa .ce{border-radius:var(--pMa)}.cD{opacity:0;width:var(--py);height:var(--py);cursor:pointer;border:none;margin:0}.cba{opacity:0;color:var(--pk);font-size:calc(1.25 * var(--py));transition:opacity .1s ease-in}.cba,.ce{pointer-events:none;display:inline-block;position:absolute}.ce{cursor:pointer;background:var(--pb);transition:box-shadow var(--pi) ease-in-out;width:var(--py);height:var(--py);box-shadow:var(--pG) 0 0 0 2px inset;border-radius:var(--pj)}.dark .ce{background:var(--pf)}@media (hover:hover){.cD:hover+.ce{box-shadow:var(--pG) 0 0 0 3px inset}}.cD:focus+.ce{box-shadow:var(--pG) 0 0 0 3px inset}.cD:checked+.ce{box-shadow:var(--pk) 0 0 0 2px inset}.coe .ce{box-shadow:var(--pv) 0 0 0 2px inset}.cD:checked+.ce+.cba{opacity:1}