.checkbox{display:inline-flex;align-items:center;flex-wrap:wrap;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:20px;gap:var(--g-8);position:relative}.checkbox input[type=checkbox]{display:none}.checkbox input[type=checkbox]:checked+.checkbox__box{background-color:var(--elements-accent);border:2px solid var(--elements-accent)}.checkbox input[type=checkbox]:checked+.checkbox__box:after{content:"";position:absolute;left:3px;top:0;width:4px;height:8px;border:2px solid var(--color-white);border-width:0 2px 2px 0;border-radius:0;transform:rotate(40deg)}.checkbox input[type=checkbox]:checked+.checkbox__box--md:after{left:6px;top:2px;width:3px;height:7px}.checkbox__box{min-width:16px;width:16px;height:16px;border:2px solid var(--elements-medium-gray-50);border-radius:var(--Corner-Extra-Small);position:relative;transition:var(--Transition-hover)}.checkbox__box--md{width:20px;height:20px;min-width:20px}.checkbox__label{-webkit-user-select:none;user-select:none}.checkbox a{width:calc(100% - 16px - var(--g-8))}@media (hover: hover){.checkbox:hover .checkbox__box{border-color:var(--elements-accent)}.checkbox:hover:has(a:hover) .checkbox__box{border-color:var(--elements-medium-gray-50)}}.checkbox.disabled{opacity:.5;pointer-events:none}.checkbox--switch .checkbox__box{min-width:46px;width:46px;height:26px;background-color:var(--bg-gray);border-color:var(--bg-gray);border-radius:var(--Corner-Full)}.checkbox--switch .checkbox__box:after{position:absolute;content:"";border:none;width:18px;height:18px;border-radius:var(--Corner-Full);top:50%;left:4px;transform:translateY(-50%);background-color:var(--color-white);transition:var(--Transition-hover)}.checkbox--switch input[type=checkbox]:checked+.checkbox__box{background-color:var(--elements-accent)}.checkbox--switch input[type=checkbox]:checked+.checkbox__box:after{width:18px;height:18px;border:none;border-radius:var(--Corner-Full);top:50%;left:calc(100% - 4px);transform:translateY(-50%) translate(-100%);background-color:var(--color-white)}.checkbox--reversed{flex-direction:row-reverse}
