@layer reset;@layer tokens{:root{--f-checkbox-advanced-icon-color:var(--f-color-secondary);--f-checkbox-advanced-bg-color:var(--f-color-surface-raised);--f-checkbox-advanced-border-color:var(--f-color-border-default);--f-checkbox-advanced-color:var(--f-color-text-secondary);--f-checkbox-advanced-icon-color--checked:var(--f-color-primary);--f-checkbox-advanced-bg-color--checked:color-mix(in srgb, var(--f-color-primary) 12%, transparent);--f-checkbox-advanced-border-color--checked:var(--f-color-primary);--f-checkbox-advanced-color--checked:var(--f-color-primary);--f-checkbox-checked-bg-color:var(--f-color-primary);--f-checkbox-checked-color:var(--f-color-surface-raised);--f-checkbox-disabled-color:var(--f-color-text-secondary);--f-checkbox-border-color:var(--f-color-border-default);--f-checkbox-border-radius:var(--f-border-radius-sm);--f-checkbox-width:22px;--f-checkbox-width-sm:17px;--f-checkbox-gap:var(--f-space-3);--f-checkbox-checkmark-color:var(--f-color-on-accent);--f-checkbox-indeterminate-bg-color:var(--f-color-primary);--f-checkbox-indeterminate-border-color:var(--f-color-primary)}}@layer base;@layer components{.f-checkbox-radio-item{--_f-checkbox--width:var(--f-checkbox-width);--_f-checkbox--gap:var(--f-checkbox-gap);--_f-checkbox--border-color:var(--f-checkbox-border-color);--_f-checkbox--checked-color:var(--f-checkbox-checked-color);--_f-checkbox--advanced-icon-color:var(--f-checkbox-advanced-icon-color);--_f-checkbox--advanced-bg-color:var(--f-checkbox-advanced-bg-color);--_f-checkbox--advanced-border-color:var(--f-checkbox-advanced-border-color);--_f-checkbox--advanced-color:var(--f-checkbox-advanced-color);line-height:var(--_f-checkbox--width);vertical-align:top;cursor:pointer;align-items:flex-start;gap:var(--_f-checkbox--gap);transition:all .25s;display:inline-flex}.f-checkbox-radio-item--size-small{--_f-checkbox--width:var(--f-checkbox-width-sm)}.f-checkbox-radio-item--checked{--_f-checkbox--border-color:var(--f-checkbox-checked-bg-color);--_f-checkbox--checked-color:var(--f-checkbox-checked-bg-color)}.f-checkbox-radio-item--checked>.f-checkbox-radio-item__icon{color:var(--f-checkbox-checkmark-color)}.f-checkbox-radio-item--disabled{color:var(--f-checkbox-disabled-color);cursor:not-allowed;pointer-events:auto}.f-checkbox-radio-item--iconed>input[type=checkbox],.f-checkbox-radio-item--iconed input[type=radio]{display:none}.f-checkbox-radio-item>.f-checkbox-radio-item__icon{color:var(--_f-checkbox--advanced-icon-color);display:inline-flex}.f-checkbox-radio-item>.f-checkbox-radio-item__icon svg{width:var(--_f-checkbox--width);height:auto}.f-checkbox-radio-item--advanced{border:1px solid var(--_f-checkbox--advanced-border-color);background-color:var(--_f-checkbox--advanced-bg-color);color:var(--_f-checkbox--advanced-color);border-radius:var(--f-checkbox-border-radius);padding:var(--f-space-3) var(--_f-checkbox--gap)}.f-checkbox-radio-item--advanced.f-checkbox-radio-item--checked{--_f-checkbox--advanced-icon-color:var(--f-checkbox-advanced-icon-color--checked);--_f-checkbox--advanced-bg-color:var(--f-checkbox-advanced-bg-color--checked);--_f-checkbox--advanced-border-color:var(--f-checkbox-advanced-border-color--checked);--_f-checkbox--advanced-color:var(--f-checkbox-advanced-color--checked)}.f-checkbox-radio-item--advanced.f-checkbox-radio-item--size-small{padding:var(--f-space-2) var(--_f-checkbox--gap)}.f-checkbox-radio-item:hover:not(:disabled):not(.f-checkbox-radio-item--disabled){--_f-checkbox--border-color:var(--f-checkbox-checked-bg-color)}.f-checkbox-radio-item>input[type=checkbox],.f-checkbox-radio-item input[type=radio]{width:var(--_f-checkbox--width);height:var(--_f-checkbox--width);vertical-align:top;cursor:pointer;border:1px solid var(--_f-checkbox--border-color);box-sizing:border-box;background:var(--_f-checkbox--checked-color);appearance:none;outline:none;flex-shrink:0;display:inline-block;position:relative}.f-checkbox-radio-item>input[type=checkbox]:disabled,.f-checkbox-radio-item input[type=radio]:disabled{cursor:not-allowed}.f-checkbox-radio-item>input[type=checkbox]:focus,.f-checkbox-radio-item input[type=radio]:focus{box-shadow:0 0 0 2px var(--f-checkbox-advanced-bg-color)}.f-checkbox-radio-item>input[type=checkbox]:disabled:checked,.f-checkbox-radio-item input[type=radio]:disabled:checked{--_f-checkbox--border-color:var(--f-checkbox-checked-bg-color);--_f-checkbox--checked-color:var(--f-checkbox-checked-bg-color);opacity:.5}.f-checkbox--indeterminate input:before{content:"";border:2px solid var(--f-checkbox-checkmark-color);border-top:0;border-left:0;width:9px;height:0;display:block;position:absolute;top:calc(50% - 1px);left:calc(50% - 5px)}.f-checkbox--indeterminate input:checked,.f-checkbox--indeterminate input:not(:checked){--_f-checkbox--checked-color:var(--f-checkbox-indeterminate-bg-color);--_f-checkbox--border-color:var(--f-checkbox-indeterminate-border-color)}.f-checkbox--indeterminate input:checked:after,.f-checkbox--indeterminate input:not(:checked):after{display:none}.f-checkbox input{border-radius:var(--f-checkbox-border-radius);transition:background .3s,border-color .3s,box-shadow .2s}.f-checkbox input:after{content:"";border:2px solid var(--f-checkbox-checkmark-color);opacity:0;border-top:0;border-left:0;width:7px;height:11px;transition:transform .4s cubic-bezier(.2,.85,.32,1.2),opacity .3s;display:block;position:absolute;top:3px;left:6px;transform:translateY(5px)rotate(60deg)}.f-checkbox input:checked:after{opacity:1;transform:translateY(0)rotate(40deg)}.f-checkbox.f-checkbox-radio-item--size-small input:after{width:5px;height:8px;top:2px;left:5px}}@layer theme,utilities;