.CheckBox{--color:var(--accent-color);--active-color:var(--color);display:block;overflow:hidden;padding:4px}.CheckBox:hover{text-decoration:underline}.CheckBox_soft{--color:var(--back-soft-color);--active-color:var(--accent-back)}.CheckBox__content{align-items:center;display:grid;font-size:20px;grid-gap:15px;gap:15px;grid-column:2;grid-template-columns:.8em 1fr;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media only screen and (max-width:1640px){.CheckBox__content{font-size:18px}}@media only screen and (max-width:1240px){.CheckBox__content{font-size:16px}}.CheckBox__content:before{border:1px solid var(--color);box-sizing:border-box;content:"";display:inline-block;grid-column:1;grid-row:1;height:16px;transition:background-color 65ms ease;width:16px}.CheckBox_radio :before{border-radius:50%}.CheckBox__text{transform:translateY(1px)}.CheckBox input[type=checkbox],.CheckBox input[type=radio]{left:-50%;opacity:0;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.CheckBox input[type=checkbox]:focus-visible+.CheckBox__content,.CheckBox input[type=radio]:focus-visible+.CheckBox__content{text-decoration:underline}.CheckBox input[type=checkbox]:checked~.CheckBox__content:before,.CheckBox input[type=radio]:checked~.CheckBox__content:before{background-color:var(--active-color)}.CheckBox:not(:disabled){cursor:pointer}