input[type=checkbox]{width:auto}.checkbox{background-color:transparent;border-radius:11px;cursor:pointer;display:block;margin:0;padding:9px 0;position:relative;transition:background .05s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox:hover{background-color:var(--action-feedback)}.checkbox .checkbox__label{color:var(--text-primary);font-size:15px;font-weight:400;line-height:21px;margin:0;min-height:21px;padding:0 0 0 40px}.checkbox input{height:0;opacity:0;position:absolute;width:0}.checkbox input~.check-mark{background-color:var(--background);border:1px solid var(--action-edge);border-radius:7px;height:18px;left:9px;position:absolute;top:9px;transition:all .1s linear;width:18px}.checkbox input~.check-mark:after{border:solid var(--text-primary-inverted);border-width:0 2px 2px 0;content:"";display:none;height:10px;left:6px;position:absolute;top:2px;transform:rotate(42deg);width:4px}.checkbox input:disabled~.check-mark:after{border:solid var(--text-secondary);border-width:0 2px 2px 0}.checkbox input:checked~.check-mark:after{display:block}.checkbox:hover input~.check-mark{box-shadow:0 0 0 3px var(--action)}.checkbox:hover input:disabled~.check-mark{box-shadow:none;cursor:default}.checkbox input:checked~.check-mark{background-color:var(--action-primary);border:1px solid var(--action-primary)}.checkbox input:checked:disabled~.check-mark,.checkbox input:disabled~.check-mark{background-color:var(--edge);border:1px solid var(--edge)}.checkbox .checkbox__error{color:var(--danger)}.checkbox .checkbox__description,.checkbox .checkbox__error{font-size:14px;line-height:18px;margin:3px 0;padding:0 9px 0 40px}.checkbox .checkbox__description{color:var(--text-tertiary)}.checkbox.checkbox--disabled{cursor:inherit}.checkbox.checkbox--disabled:hover{background-color:transparent}.grid .grid__header .grid__row__cell .checkbox,.grid .grid__row .grid__row__cell .checkbox{padding:0}.grid .grid__header .grid__row__cell .checkbox .checkbox__label,.grid .grid__row .grid__row__cell .checkbox .checkbox__label{padding:0 0 0 32px}.grid .grid__header .grid__row__cell .checkbox input~.check-mark,.grid .grid__row .grid__row__cell .checkbox input~.check-mark{top:0}.modal .card .checkbox:hover,.sidepanel .card .checkbox:hover{background-color:var(--action)}
