.prs-form-control { display: flex; flex-direction: column; gap: 0.25rem; > .prs-label-error { display: none; } &:has(:user-invalid) > .prs-label-error, &:has(.prs-input_invalid) > .prs-label-error { display: inherit; } } .prs-form-control-col { display: grid; grid-template-columns: 1fr; gap: 1rem; @media (min-width: 768px) { grid-template-columns: 33% 1fr; } } .prs-label { color: var(--prs-c-gray-600); font-weight: 600; display: flex; align-items: center; justify-content: space-between; gap: 0.25rem; user-select: none; &:where(.prs-label-alt) { color: currentColor; flex-direction: column; align-items: start; justify-content: start; } } .prs-label-text { padding-top: 0.125rem; padding-bottom: 0.125rem; font-size: 0.875rem; line-height: 1.375rem; &:where(.prs-label-text-alt) { max-width: 30rem; color: var(--prs-c-gray-600); font-weight: normal; text-wrap: balance; } &:where(.prs-label-error) { color: var(--prs-c-danger-600); } } .prs-toggle-label { display: inline-flex; align-items: start; justify-content: space-between; gap: 0.625rem; cursor: pointer; user-select: none; .prs-label-text { font-size: inherit; } &:has(.prs-toggle_disabled, [disabled]) { cursor: not-allowed; } } .prs-checkbox-label, .prs-radio-label { display: flex; align-items: center; gap: 0.5rem; cursor: pointer; user-select: none; .prs-label-text { font-size: inherit; } &:has([disabled]) { cursor: not-allowed; .prs-label-text { color: var(--prs-c-gray-300); } } }