.ua-form-container,.ua-form-step,.ua-quiz-container,.ua-quiz-question,.ua-quiz-result,.ua-assessment,.ua-personality-quiz{display:grid;gap:1rem;color:var(--universe-color-text);font-family:var(--universe-font-body)}
.ua-form-container,.ua-quiz-container,.ua-assessment,.ua-personality-quiz{padding:clamp(1rem,3vw,2rem);border:1px solid color-mix(in srgb,var(--universe-color-text) 16%,transparent);border-radius:var(--universe-radius-panel,.75rem);background:color-mix(in srgb,var(--universe-color-surface,var(--universe-color-background)) 82%,transparent)}
.ua-form-field,.ua-form-choice-group,.ua-form-condition{display:grid;gap:.5rem}
.ua-form-field label,.ua-form-choice-group legend{font-size:.9rem;font-weight:820}
.ua-form-field input,.ua-form-field textarea,.ua-form-field select,.ua-form-field output{width:100%;min-height:2.9rem;border:1px solid var(--universe-line,color-mix(in srgb,var(--universe-color-text) 24%,transparent));border-radius:.5rem;background:color-mix(in srgb,var(--universe-color-background) 82%,var(--universe-color-text) 8%);color:var(--universe-color-text);font:inherit;padding:.75rem .9rem;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--universe-color-primary) 7%,transparent),0 .45rem 1.35rem color-mix(in srgb,var(--universe-color-background) 22%,transparent)}
.ua-form-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--universe-color-primary-strong) 50%),linear-gradient(135deg,var(--universe-color-primary-strong) 50%,transparent 50%);background-position:calc(100% - 1.15rem) 52%,calc(100% - .78rem) 52%;background-size:.42rem .42rem,.42rem .42rem;background-repeat:no-repeat;padding-inline-end:2.35rem}
.ua-form-field textarea{min-height:7rem;resize:vertical}
.ua-form-field input:focus,.ua-form-field textarea:focus,.ua-form-field select:focus{outline:0;border-color:var(--universe-color-primary);box-shadow:0 0 0 .16rem var(--universe-color-focus),inset 0 0 0 1px color-mix(in srgb,var(--universe-color-primary) 22%,transparent)}
.ua-form-field[data-ua-control-error="true"] input,.ua-form-field[data-ua-control-error="true"] select,.ua-form-field[data-ua-control-error="true"] textarea,.ua-form-field input[aria-invalid="true"],.ua-form-field select[aria-invalid="true"],.ua-form-field textarea[aria-invalid="true"]{border-color:var(--universe-color-error,var(--universe-color-danger));padding-inline-end:2.65rem;box-shadow:0 0 0 .16rem color-mix(in srgb,var(--universe-color-error,var(--universe-color-danger)) 32%,transparent)}
.ua-form-field[data-ua-control-valid="true"] input,.ua-form-field[data-ua-control-valid="true"] select,.ua-form-field[data-ua-control-valid="true"] textarea{border-color:var(--universe-color-success);padding-inline-end:2.65rem;box-shadow:0 0 0 .16rem color-mix(in srgb,var(--universe-color-success) 28%,transparent)}
.ua-form-choice-row{display:flex;align-items:center;gap:.6rem;min-height:2.75rem}
.ua-form-choice-row input{inline-size:1.15rem;block-size:1.15rem}
.ua-form-help,.ua-form-error,.ua-form-proof{font-size:.9rem;line-height:1.4}
.ua-quiz-container-description,.ua-quiz-result-description{color:color-mix(in srgb,var(--universe-color-text) 78%,transparent);display:grid;gap:.4rem;line-height:1.5}
.ua-quiz-container-description > *,.ua-quiz-result-description > *{margin-block:0}
.ua-form-help,.ua-form-proof{color:color-mix(in srgb,var(--universe-color-text) 74%,transparent)}
.ua-form-error{color:var(--universe-color-error)}
.ua-form-invalid{border-color:var(--universe-color-error)!important;box-shadow:0 0 0 .2rem color-mix(in srgb,var(--universe-color-error) 25%,transparent)}
.ua-form-step-header,.ua-quiz-header,.ua-assessment-header{display:grid;gap:.35rem}
.ua-form-step-fields,.ua-quiz-options,.ua-assessment-dimensions{display:grid;gap:.75rem}
.ua-quiz-option{display:flex;gap:.65rem;align-items:flex-start;padding:.75rem;border:1px solid color-mix(in srgb,var(--universe-color-text) 16%,transparent);border-radius:.65rem}
.ua-quiz-result{padding:1rem;border-radius:.75rem;background:color-mix(in srgb,var(--universe-color-primary) 14%,transparent)}
.ua-signature-pad{min-height:8rem;border:1px dashed color-mix(in srgb,var(--universe-color-primary) 70%,transparent);border-radius:.75rem;display:grid;place-items:center;color:color-mix(in srgb,var(--universe-color-text) 70%,transparent)}
.ua-rating-input-options{display:flex;gap:.35rem;flex-wrap:wrap}
.ua-rating-input-options input{position:absolute;opacity:0}
.ua-rating-input-options span{display:grid;place-items:center;inline-size:2.25rem;block-size:2.25rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--universe-color-text) 18%,transparent)}
@media (max-width:48rem){.ua-form-container,.ua-quiz-container,.ua-assessment,.ua-personality-quiz{padding:1rem}.ua-rating-input-options span{inline-size:2rem;block-size:2rem}}