.checkbox{--checkbox-size:24px;--checkbox-color:black;--checkbox-bg:white;--checkbox-border:black;--checkbox-focus-ring:var(--color-blue);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;align-items:flex-start;gap:8px;display:inline-flex;position:relative}.checkbox input{opacity:0;width:0;height:0;position:absolute}.checkbox-box{width:var(--checkbox-size);height:var(--checkbox-size);flex-shrink:0;transition:transform .2s;position:relative}.checkbox-bg{border:2px solid var(--checkbox-border);background:var(--checkbox-bg);transition:all .2s;position:absolute;inset:0}.checkbox-icon{color:#fff;width:80%;height:80%;margin:auto;transition:all .2s;position:absolute;inset:0;transform:scale(0)}.checkbox-path{stroke-dasharray:40;stroke-dashoffset:40px;transition:stroke-dashoffset .3s .1s}.checkbox input:checked+.checkbox-box .checkbox-bg{background:var(--checkbox-color);border-color:var(--checkbox-color)}.checkbox input:checked+.checkbox-box .checkbox-icon{transform:scale(1)}.checkbox input:checked+.checkbox-box .checkbox-path{stroke-dashoffset:0}.checkbox:hover .checkbox-box{transform:scale(1.05)}.checkbox:active .checkbox-box{transform:scale(.95)}.checkbox input:focus-visible+.checkbox-box .checkbox-bg{box-shadow:0 0 0 4px var(--checkbox-focus-ring)}@keyframes checkbox-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.checkbox input:checked+.checkbox-box{animation:.3s cubic-bezier(.4,0,.2,1) checkbox-bounce}.checkbox[data-error=true]{--checkbox-border:var(--color-error)}.checkbox[data-disabled=true]{cursor:not-allowed;opacity:.5}.checkbox[data-disabled=true]:hover .checkbox-box,.checkbox[data-disabled=true]:active .checkbox-box{transform:none}