.yd-checkbox{gap:var(--yd-checkbox-gap);line-height:var(--yd-text-line-height-s);cursor:pointer;align-items:center;display:inline-flex}.yd-checkbox_size_s{--yd-checkbox-size:16px;--yd-checkbox-gap:var(--yd-spacing-xs);--yd-checkbox-text-size:var(--yd-text-size-s)}.yd-checkbox_size_m{--yd-checkbox-size:20px;--yd-checkbox-gap:var(--yd-spacing-xs);--yd-checkbox-text-size:var(--yd-text-size-m)}.yd-checkbox_size_l{--yd-checkbox-size:20px;--yd-checkbox-gap:var(--yd-spacing-s);--yd-checkbox-text-size:var(--yd-text-size-l)}.yd-checkbox__indicator{width:var(--yd-checkbox-size);height:var(--yd-checkbox-size);color:var(--yd-color-text-primary-inverted);border:1px solid var(--yd-color-line-neutral-accent);border-radius:var(--yd-border-radius-s);flex-shrink:0;transition:background-color .2s,border-color .2s;display:inline-block;position:relative}.yd-checkbox__indicator input{z-index:2;appearance:none;cursor:inherit;border-radius:inherit;opacity:0;position:absolute;inset:-1px}.yd-checkbox__indicator svg{z-index:1;width:calc(var(--yd-checkbox-size) - 2px);height:calc(var(--yd-checkbox-size) - 2px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.yd-checkbox__checkIcon{visibility:hidden;opacity:0;transition:opacity .2s}.yd-checkbox__label{font-size:var(--yd-checkbox-text-size)}.yd-checkbox:hover .yd-checkbox__indicator{border-color:var(--yd-color-line-neutral-accent-hover)}:is(.yd-checkbox:has(input:checked) .yd-checkbox__indicator,.yd-checkbox:has(input:indeterminate) .yd-checkbox__indicator){background-color:var(--yd-color-bg-brand);border-color:#0000}.yd-checkbox:has(input:checked) .yd-checkbox__checkIcon{visibility:visible;opacity:1}.yd-checkbox:has(input:indeterminate) .yd-checkbox__indicator:before{content:"";background-color:var(--yd-color-text-primary-inverted);border-radius:var(--yd-border-radius-xs);width:calc(100% - 4px);height:2px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:is(.yd-checkbox:has(input:checked):hover .yd-checkbox__indicator,.yd-checkbox:has(input:indeterminate):hover .yd-checkbox__indicator){background-color:var(--yd-color-bg-brand-hover)}.yd-checkbox:has(input:focus-visible) .yd-checkbox__indicator{outline:3px solid var(--yd-color-outline-brand);outline-offset:2px}:is(.yd-checkbox:has(input:disabled),.yd-checkbox:has(input:disabled:checked),.yd-checkbox:has(input:disabled:indeterminate)){cursor:not-allowed}:is(.yd-checkbox:has(input:disabled) .yd-checkbox__indicator,.yd-checkbox:has(input:disabled:checked) .yd-checkbox__indicator,.yd-checkbox:has(input:disabled:indeterminate) .yd-checkbox__indicator){color:var(--yd-color-text-disabled);background-color:var(--yd-color-bg-disabled);border-color:#0000}.yd-checkbox:has(input:disabled) .yd-checkbox__indicator:before{background-color:var(--yd-color-text-disabled)}.yd-checkbox:has(input:disabled:checked) .yd-checkbox__indicator:before{background-color:var(--yd-color-text-disabled)}.yd-checkbox:has(input:disabled:indeterminate) .yd-checkbox__indicator:before{background-color:var(--yd-color-text-disabled)}:is(.yd-checkbox:has(input:disabled) .yd-checkbox__label,.yd-checkbox:has(input:disabled:checked) .yd-checkbox__label,.yd-checkbox:has(input:disabled:indeterminate) .yd-checkbox__label){color:var(--yd-color-text-disabled)}