.checkbox{--checkbox-border:#353a5a;cursor:pointer;align-items:center;gap:6px;display:inline-flex}.checkbox--checked{--checkbox-indicator-opacity:1;--checkbox-border:#b055ff;--checkbox-bg:#b055ff}.checkbox--disabled{cursor:default;opacity:.5}.checkbox--invalid{--checkbox-border:#ff3d33}.checkbox--md{--checkbox-size:20px;--checkbox-icon-size:12px}.checkbox--lg{--checkbox-size:24px;--checkbox-icon-size:14px}.checkbox:not(.checkbox--disabled):hover{--checkbox-border:#b055ff}.checkbox:not(.checkbox--disabled):hover .checkbox__indicator{box-shadow:0 0 0 3px #b055ff1a}.checkbox__input{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.checkbox__input:focus-visible+.checkbox__indicator{box-shadow:0 0 0 3px #b055ff1a}.checkbox__indicator{background-color:var(--checkbox-bg,#191e2a);border:1px solid var(--checkbox-border);height:var(--checkbox-size);width:var(--checkbox-size);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:box-shadow .15s ease-in-out,border-color .15s ease-in-out,background-color .15s ease-in-out;display:flex;position:relative}.checkbox__indicator:after{content:"";height:var(--checkbox-icon-size);opacity:var(--checkbox-indicator-opacity,0);width:var(--checkbox-icon-size);background-color:#e6e9ef;transition:opacity .15s ease-in-out;display:block;-webkit-mask-image:url(../../img/icon/check.svg);mask-image:url(../../img/icon/check.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.checkbox--md .checkbox__label{color:#e6e9ef;letter-spacing:.01px;font-size:14px;font-weight:500;line-height:20px}.checkbox--lg .checkbox__label{color:#e6e9ef;letter-spacing:.01px;font-size:16px;font-weight:500;line-height:24px}