@layer components{.c-checkbox{align-items:center;background-color:var(--color-tertiary);border:1px solid var(--color-quinary);cursor:pointer;display:flex;justify-content:center}.c-checkbox--s{height:1rem;width:1rem}.c-checkbox--m{height:1.25rem;width:1.25rem}.c-checkbox--xl{height:2rem;width:2rem}.c-checkbox__description{color:var(--color-neutral-700);flex:1 100%;float:none}.c-checkbox__indicator{align-items:center;background:var(--checkbox-theme-color,var(--color-primary));color:var(--color-tertiary);display:flex;justify-content:center}.c-checkbox__indicator--s{height:.7rem;width:.7rem}.c-checkbox__indicator--m{height:.8rem;width:.8rem}.c-checkbox__indicator--xl{height:1.3793103448rem;width:1.3793103448rem}.c-checkbox__group-container{padding:0}.c-checkbox__container{align-items:center;display:flex}.c-checkbox__container .c-label{color:var(--color-secondary);flex:1;padding-inline-start:var(--space-scale-xs)}.c-checkbox__container .c-label--s{line-height:1;padding-inline-start:calc(var(--space-scale-2xs) - 2px)}.c-checkbox__container--secondary .c-label{font-weight:700}.c-checkbox__container--secondary .c-checkbox[data-state=checked]{border:none}.c-checkbox__container--secondary .c-checkbox[data-state=checked]:focus{box-shadow:var(--shadow-focus-s)}.c-checkbox__container--secondary .c-checkbox__indicator{height:100%;width:100%}.c-checkbox__container--secondary .c-checkbox[data-state=unchecked]+.c-label,.c-checkbox__container--secondary input:not(:checked)+.c-label{color:var(--color-neutral-700)}.c-checkbox__container--error .c-checkbox{background-color:var(--color-error-20);border:1px solid var(--color-error)}.c-checkbox__container--error .c-checkbox__error-message{color:var(--color-error);flex:1 100%;padding-top:var(--space-scale-xs)}.c-checkbox__container--s{align-items:flex-start}@media screen and (max-width:34.9375rem){.c-checkbox__container--xl{align-items:flex-start}}.c-checkbox:hover{background-color:var(--color-neutral-300)}.c-checkbox:focus{box-shadow:var(--shadow-focus-s)}.c-checkbox[data-disabled]{background-color:var(--color-quinary);pointer-events:none}.c-checkbox[data-disabled]+.c-label{color:var(--color-neutral-500);pointer-events:none}.c-checkbox__is-checked{--icon-size:.625em}}