:root {
    --color-light-text-secondary: rgba(4, 4, 19, 0.55);
}
:root {
    --gap-3xs: 2px;
    --gap-2xs: 4px;
    --gap-xs: 8px;
    --gap-s: 12px;
    --gap-0: 0px;
    --gap-2: var(--gap-3xs);
    --gap-4: var(--gap-2xs);
    --gap-8: var(--gap-xs);
    --gap-12: var(--gap-s);
}
:root {
    --font-family-system:
        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
}
:root {
    --checkbox-group-mobile-sub-padding-left: var(--gap-4);
    --checkbox-group-mobile-list-padding-left: var(--gap-2);
    --checkbox-group-mobile-label-color: var(--color-light-text-secondary);
    --checkbox-group-mobile-error-padding-left: var(--gap-0);
    --checkbox-group-mobile-error-border-left: none;
}
.checkboxList {
    padding-left: var(--checkbox-group-mobile-list-padding-left);
}
.label {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    font-family: var(--font-family-system);
    color: var(--checkbox-group-mobile-label-color);
    padding-left: var(--checkbox-group-mobile-sub-padding-left);
    margin-bottom: var(--gap-12);
}
.label.tag {
        margin-bottom: var(--gap-8);
    }
.sub {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    font-family: var(--font-family-system);
    margin-top: var(--gap-12);
    padding-left: var(--checkbox-group-mobile-sub-padding-left);
}
.sub.tag {
        margin-top: var(--gap-8);
    }
.error {
    padding-left: var(--checkbox-group-mobile-error-padding-left);
    border-left: var(--checkbox-group-mobile-error-border-left);
}
.error.tag {
        padding-left: var(--gap-0);
    }