:root{--checkbox-size:28px;--checkbox-color:#3b82f6;--checkbox-bg:#0f172acc;--checkbox-border:#1e293b;--checkbox-checkmark-color:#dbeafe;--checkbox-hover-bg:#1e293be6;--checkbox-hover-border:#93c5fd;--checkbox-focus-shadow:#ffffff1a}.checkbox-container{background:#f8fafc;border-radius:16px;gap:20px;padding:20px;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000000d}.ios-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:inline-block;position:relative}.ios-checkbox input{display:none}.ios-checkbox.with-label{vertical-align:top;align-items:center;gap:10px;max-width:100%;display:inline-flex}.ios-checkbox.with-label .checkbox-wrapper{flex:none;margin-top:2px}.ios-checkbox .checkbox-label{color:#ffffffd9;white-space:normal;flex:auto;min-width:0;line-height:1.35;display:inline}.ios-checkbox input:focus-visible+.checkbox-wrapper .checkbox-bg{box-shadow:0 0 0 4px var(--checkbox-focus-shadow)}.checkbox-wrapper{width:var(--checkbox-size);height:var(--checkbox-size);border-radius:8px;transition:transform .2s;position:relative}.checkbox-bg{border:2px solid var(--checkbox-border);background:var(--checkbox-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;transition:all .2s;position:absolute;inset:0}.checkbox-icon{width:80%;height:80%;color:var(--checkbox-checkmark-color);margin:auto;transition:all .2s;position:absolute;inset:0;transform:scale(0)}.check-path{stroke-dasharray:40;stroke-dashoffset:40px;transition:stroke-dashoffset .3s .1s}.ios-checkbox input:checked+.checkbox-wrapper .checkbox-bg{background:var(--checkbox-color);border-color:var(--checkbox-color)}.ios-checkbox input:checked+.checkbox-wrapper .checkbox-icon{transform:scale(1)}.ios-checkbox input:checked+.checkbox-wrapper .check-path{stroke-dashoffset:0}.ios-checkbox:hover .checkbox-wrapper{transform:scale(1.05)}.ios-checkbox:active .checkbox-wrapper{transform:scale(.95)}.ios-checkbox input:focus+.checkbox-wrapper .checkbox-bg{box-shadow:0 0 0 4px var(--checkbox-focus-shadow)}.ios-checkbox.onyx{--checkbox-color:#fff;--checkbox-bg:#0f172acc;--checkbox-border:#1e293b}.ios-checkbox.black{--checkbox-color:#000;--checkbox-bg:#2d2d2dcc;--checkbox-border:#333}.ios-checkbox.blue{--checkbox-color:#3b82f6;--checkbox-bg:#0f172acc;--checkbox-border:#93c5fd}.ios-checkbox.green{--checkbox-color:#10b981;--checkbox-bg:#d1fae5;--checkbox-border:#6ee7b7}.ios-checkbox.purple{--checkbox-color:#8b5cf6;--checkbox-bg:#ede9fe;--checkbox-border:#c4b5fd}.ios-checkbox.red{--checkbox-color:#ef4444;--checkbox-bg:#fee2e2;--checkbox-border:#fca5a5}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ios-checkbox input:checked+.checkbox-wrapper{animation:.3s cubic-bezier(.4,0,.2,1) bounce}