.ds-checkbox{appearance:none;border:2px solid var(--md-sys-color-on-surface-variant);cursor:pointer;background-color:#0000;border-radius:50%;width:20px;height:20px;transition:background-color .2s cubic-bezier(.2,0,0,1),border-color .2s cubic-bezier(.2,0,0,1);position:relative}.ds-checkbox:checked{background-color:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.ds-checkbox:after{content:"";border:solid var(--md-sys-color-on-primary);opacity:0;border-width:0 2px 2px 0;width:6px;height:10px;transition:all .2s cubic-bezier(.2,0,0,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)rotate(45deg)scale(.5)}.ds-checkbox:checked:after{opacity:1;transform:translate(-50%,-60%)rotate(45deg)scale(1)}.ds-checkbox:disabled{border-color:var(--md-sys-color-on-surface);cursor:not-allowed;opacity:.38}.ds-checkbox:hover:not(:disabled):not(:checked){border-color:var(--md-sys-color-on-surface);background-color:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent)}.ds-checkbox:focus-visible{outline:2px solid var(--md-sys-color-secondary);outline-offset:2px}.ds-config-table th{letter-spacing:.02em;color:var(--md-sys-color-on-surface-variant);font-size:.75rem}.ds-config-table td{border-color:var(--md-sys-color-outline-variant)}.ds-result-row{background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);transition:background-color .2s cubic-bezier(.2,0,0,1),border-color .2s cubic-bezier(.2,0,0,1)}.ds-result-row:hover{background:var(--md-sys-color-surface-container);border-color:var(--md-sys-color-outline)}.ds-card-thumb{transition:transform .15s}.ds-card-thumb:hover{z-index:10;transform:scale(1.08)}.ds-char-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;display:grid}.ds-char-cell{cursor:pointer;background:var(--md-sys-color-surface-container);border:1.5px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;transition:background-color .2s,border-color .2s;display:flex}.ds-char-cell:hover{background:var(--md-sys-color-surface-container-high)}.ds-char-cell-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-secondary-container)}.ds-progress-container{padding:4px 0}.ds-progress-track{background:var(--md-sys-color-secondary-container);border-radius:999px;width:100%;height:6px;position:relative;overflow:hidden}.ds-progress-bar{background:var(--md-sys-color-primary);border-radius:999px;height:100%;transition:width .3s cubic-bezier(.2,0,0,1);position:relative}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-spinner{animation:.8s linear infinite ds-spin}.ds-field-input{border:1px solid var(--md-sys-color-outline);width:100%;color:var(--md-sys-color-on-surface);background:0 0;border-radius:4px;padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s cubic-bezier(.2,0,0,1),box-shadow .2s cubic-bezier(.2,0,0,1)}.ds-field-input:hover:not(:disabled):not(:focus){border-color:var(--md-sys-color-on-surface)}.ds-field-input:focus{border-color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary);outline:none}.dr-group-card{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);border-radius:12px;padding:1rem 1rem .75rem}
