.checkbox{display:flex;align-items:center}.checkbox__wrapper{display:flex;position:relative}.checkbox__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--base-01);font-size:var(--body-m);opacity:0;pointer-events:none;transition:.3s}.checkbox__disabled{pointer-events:none;opacity:.56}.checkbox__disabled input{pointer-events:none;cursor:default}.checkbox__input{border-radius:var(--radius-sm);border:1px solid var(--base-03);background-color:var(--base-01);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;margin:0;transition:.3s}.checkbox__input:hover{background-color:var(--base-02)}.checkbox__input:checked{border:1px solid transparent;background-color:var(--primary)}.checkbox__input:checked:hover{background-color:var(--primary-hover)}.checkbox__input:checked~.checkbox__icon{opacity:1}.checkbox__size-m{gap:12px}.checkbox__size-m input{width:24px;height:24px;padding:6px 7px}.checkbox__size-s{gap:8px}.checkbox__size-s input{width:16px;height:16px;padding:2px 4px}