.checkbox{padding:var(--spacing-lg) 0;cursor:pointer;display:block}*+.checkbox{margin-top:var(--spacing-md)}.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{align-items:center;gap:var(--spacing-md);display:flex}.checkbox__box{--size:16px;width:16px;width:var(--size);height:16px;height:var(--size);color:var(--check-color);border:1.5px solid rgba(var(--color-rgb), .2);border-radius:var(--radius-xs);background-color:var(--gray-50);transition:background-color var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:flex}.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:active .checkbox__box{transform:scale(.9)}.checkbox input:focus-visible+.checkbox__flex .checkbox__box{box-shadow:var(--focus-ring)}.checkbox__box svg{--size:12px;width:12px;width:var(--size);height:12px;height:var(--size);stroke-width:3px;opacity:0;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);transform:scale(.5)}.checkbox--checked .checkbox__box svg{opacity:1;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-spring) var(--ease-spring);transform:none}.checkbox__label{color:var(--color);-webkit-user-select:none;user-select:none;text-underline-offset:2px;font-size:14px;font-weight:400;line-height:1.4}@media (prefers-reduced-motion:reduce){.checkbox__box,.checkbox__box svg{transition:opacity var(--duration-fast) ease, background-color var(--duration-fast) ease;transform:none}.checkbox:active .checkbox__box{transform:none}}