.DxCheckbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;padding:0;position:relative}.DxCheckbox__input{-webkit-box-flex:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #0c121c;border-radius:5px;display:grid;-ms-flex:0 0 auto;flex:0 0 auto;height:24px;margin:0;place-content:center;position:relative;-webkit-transform:translateY(-.075em);transform:translateY(-.075em);width:24px}.DxCheckbox__icon{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:center;left:12px;opacity:0;position:absolute;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:24px}.DxCheckbox:has(.DxCheckbox__input:checked) .DxCheckbox__icon{color:#000;opacity:1}.DxCheckbox:focus-within .DxCheckbox__input,.DxCheckbox:hover .DxCheckbox__input{border:2px solid #000}.DxCheckbox:focus-within:has(.DxCheckbox__input:checked) .DxCheckbox__input,.DxCheckbox:hover:has(.DxCheckbox__input:checked) .DxCheckbox__input{background-color:#000}.DxCheckbox:focus-within:has(.DxCheckbox__input:checked) .DxCheckbox__icon,.DxCheckbox:hover:has(.DxCheckbox__input:checked) .DxCheckbox__icon{color:#fff;opacity:1}.DxCheckbox--dark-input,.dark .DxCheckbox-input{background-color:rgba(0,0,0,0);border:1px solid #fff}.DxCheckbox--dark:has(.DxCheckbox__input:checked) .DxCheckbox__input,.dark .DxCheckbox:has(.DxCheckbox__input:checked) .DxCheckbox__input{border:2px solid #fff}.DxCheckbox--dark:has(.DxCheckbox__input:checked) .DxCheckbox__icon,.dark .DxCheckbox:has(.DxCheckbox__input:checked) .DxCheckbox__icon{color:#fff;opacity:1}.DxCheckbox--dark:focus-within .DxCheckbox__input,.DxCheckbox--dark:hover .DxCheckbox__input,.dark .DxCheckbox:focus-within .DxCheckbox__input,.dark .DxCheckbox:hover .DxCheckbox__input{border:2px solid #fff}.DxCheckbox--dark:focus-within:has(.DxCheckbox__input:checked) .DxCheckbox__input,.DxCheckbox--dark:hover:has(.DxCheckbox__input:checked) .DxCheckbox__input,.dark .DxCheckbox:focus-within:has(.DxCheckbox__input:checked) .DxCheckbox__input,.dark .DxCheckbox:hover:has(.DxCheckbox__input:checked) .DxCheckbox__input{background-color:#fff}.DxCheckbox--dark:focus-within:has(.DxCheckbox__input:checked) .DxCheckbox__icon,.DxCheckbox--dark:hover:has(.DxCheckbox__input:checked) .DxCheckbox__icon,.dark .DxCheckbox:focus-within:has(.DxCheckbox__input:checked) .DxCheckbox__icon,.dark .DxCheckbox:hover:has(.DxCheckbox__input:checked) .DxCheckbox__icon{color:#000;opacity:1}.DxCheckbox:has(.DxCheckbox__input:disabled),.DxCheckbox:hover:has(.DxCheckbox__input:disabled){pointer-events:none}.DxCheckbox:has(.DxCheckbox__input:disabled) .DxCheckbox__input,.DxCheckbox:hover:has(.DxCheckbox__input:disabled) .DxCheckbox__input{background-color:#e4e4e4;border:none}.DxCheckbox:has(.DxCheckbox__input:disabled) .DxCheckbox__label,.DxCheckbox:hover:has(.DxCheckbox__input:disabled) .DxCheckbox__label{color:rgba(12,18,28,.3)}.DxCheckbox:has(.DxCheckbox__input:disabled:checked) .DxCheckbox__input,.DxCheckbox:hover:has(.DxCheckbox__input:disabled:checked) .DxCheckbox__input{background-color:#fff;border:2px solid #e4e4e4}.DxCheckbox:has(.DxCheckbox__input:disabled:checked) .DxCheckbox__icon,.DxCheckbox:hover:has(.DxCheckbox__input:disabled:checked) .DxCheckbox__icon{color:#e4e4e4;opacity:1}