.checkbox{display:block;padding:12px 0;cursor:pointer}*+.checkbox{margin-top:8px}.checkbox+.checkbox{margin-top:0}.checkbox,.checkbox--theme-primary{--color:var(--primary-900);--color-rgb:var(--primary-900-rgb);--check-color:var(--white)}.checkbox--theme-white{--color:var(--white);--color-rgb:var(--white-rgb);--check-color:var(--primary-500)}.checkbox__flex{gap:8px}.checkbox__box,.checkbox__flex{display:flex;align-items:center}.checkbox__box{--size:18px;flex-shrink:0;justify-content:center;width:18px;width:var(--size);height:18px;height:var(--size);color:var(--check-color);border:1px solid rgba(var(--color-rgb),.2);border-radius:3px;background-color:#f8f8f7;transition:background-color .2s}.checkbox--checked .checkbox__box{background-color:rgba(var(--color-rgb),1)}.checkbox:not(.checkbox--checked):hover .checkbox__box{background-color:rgba(var(--color-rgb),.2)}.checkbox:not(.checkbox--checked):active .checkbox__box{background-color:rgba(var(--color-rgb),.4)}.checkbox__box svg{--size:16px;width:16px;width:var(--size);height:16px;height:var(--size);opacity:0;transition:opacity .2s}.checkbox--checked .checkbox__box svg{opacity:1}.checkbox__label{font-size:14px;font-weight:400;line-height:1.4;color:var(--color);-webkit-user-select:none;-moz-user-select:none;user-select:none;text-underline-offset:2px}