@layer shared{.checkbox{display:flex;align-items:center;gap:var(--spacing-2xs);position:relative;--size:24px;--checkmark-size:16px;--bg-color:var(--background-secondary);--border-color:var(--border-tertiary);--border-radius:var(--border-radius-xs)}.checkbox.size-s{--size:16px;--checkmark-size:12px;--border-radius:var(--border-radius-2xs)}.checkbox.size-l{--size:32px;--checkmark-size:24px;--border-radius:var(--border-radius-sm)}.checkbox__input{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--size);height:var(--size);border:1px solid var(--border-highlight,var(--border-color));border-radius:var(--border-radius);background:var(--bg-highlight,var(--bg-color));margin:0}.checkbox__input:not(:disabled){cursor:pointer}@media(hover){.checkbox__input:not(:disabled):hover{--bg-highlight:var(--background-secondary-hover)}.checkbox__input:not(:disabled):active{--bg-highlight:var(--background-secondary-active)}}.checkbox__input:checked{--border-highlight:var(--border-success);--bg-highlight:var(--background-input-success)}.checkbox__input.has-errors{--border-highlight:var(--border-error);--bg-highlight:var(--background-input-error)}.checkbox__input:disabled{--border-highlight:var(--background-disabled);--bg-highlight:var(--background-disabled)}.checkbox__checkmark{display:none}:checked+.checkbox__checkmark{display:block;position:absolute;left:calc((var(--size) - var(--checkmark-size))/2);width:var(--checkmark-size);fill:var(--text-title);pointer-events:none}:disabled+.checkbox__checkmark{fill:var(--background-icon-disabled)}}