input[type=checkbox]:not(.custom-checkbox){position:absolute;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden}.box-label{width:3rem;height:3rem;display:block;position:relative;cursor:pointer;border:1px solid #000;border-radius:.25rem;box-shadow:inset 0 1px 3px black,0 1px black;transition:all 250ms ease-in-out}.box-label:after,.box-label:before{position:relative;display:block;content:'';font-size:2rem;font-weight:300;width:50%;height:100%}.box-label:after{content:'\f816';font-family:'font awesome 6 pro',serif;left:0}.box-label:before{content:'\f06c';font-family:'font awesome 6 pro',serif;display:none}input[type=checkbox]:checked+.box-label:after{left:50%}.box-label{overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(var(--surface));color:rgba(var(--onSurface))}.box-label:after,.box-label:before{display:inline-block;width:100%;text-align:center;position:absolute;line-height:3rem;color:rgba(var(--onSurface));transition:all .2s ease}.box-label:after{left:100%}.box-label:before{left:0}input[type=checkbox]:checked+.box-label{background-color:rgba(var(--primary));box-shadow:inset 0 1px 1px black,0 1px black}input[type=checkbox]:checked+.box-label:before{left:-100%}input[type=checkbox]:checked+.box-label:after{left:0;color:rgba(var(--onPrimary))}input[type=checkbox].custom-checkbox{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:currentColor;width:1.25em;height:1.25em;border:.1em solid;border-radius:.25em;display:grid;place-content:center}.custom-checkbox-block{display:grid;width:fit-content;cursor:pointer;font-size:1.25rem;grid-template-columns:auto 1em;text-align:end;gap:.5rem}input[type=checkbox].custom-checkbox::before{content:'';width:.75em;height:.75em;transform:scale(0);background-color:CanvasText;transition:120ms transform ease-in-out;box-shadow:inset 1em 1em rgba(var(--primary));transform-origin:bottom left;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}input[type=checkbox].custom-checkbox:checked::before{transform:scale(1)}