@layer components{.color-picker_wrap{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.color-picker_label{font-weight:var(--primary-bold)}.color-picker_hint{color:var(--text-2)}.color-picker_row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.color-picker_swatch{--_swatch:var(--colors-vivid-yellow);--_on:var(--colors-on-vivid);width:var(--control-height-main);aspect-ratio:1;border:var(--border-width-thick) solid var(--border-strong);border-radius:var(--radius-round);background-color:var(--_swatch);color:var(--_on);transition:box-shadow var(--hover-duration) var(--hover-ease), translate var(--move-duration) var(--ease-out);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.color-picker_swatch>.color-picker_mark{opacity:0}.color-picker_swatch[aria-pressed=true],.color-picker_swatch.chosen{box-shadow:0 0 0 var(--border-width-thick) var(--background-3), 0 0 0 calc(var(--border-width-thick) * 2) var(--border-strong);overflow:visible}:is(.color-picker_swatch[aria-pressed=true],.color-picker_swatch.chosen)>.color-picker_mark{opacity:1}@media (hover:hover){.color-picker_swatch:hover{translate:0 var(--hover-lift)}}.color-picker_swatch.custom{cursor:pointer;background-color:var(--background-3);color:var(--text);border-style:dashed}.color-picker_swatch.custom>.color-picker_mark{opacity:1}.color-picker_swatch.custom.chosen{background-color:var(--_swatch);color:var(--_on);border-style:solid}.color-picker_swatch.custom:has(:focus-visible){outline:var(--focus-width) solid var(--text);outline-offset:var(--focus-offset)}.color-picker_mark{display:inline-flex}.color-picker_input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.scale-question_wrap{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.scale-question_label{font-weight:var(--primary-bold)}.scale-question_scale{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.scale-question_item{cursor:pointer;justify-content:center;display:flex}.scale-question_input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.scale-question_mark{width:100%;max-width:4rem;min-height:var(--control-height-small);aspect-ratio:1;border:var(--border-width-thick) solid var(--border);border-radius:var(--radius-round);background-color:var(--background-3);transition:background-color var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease), box-shadow var(--hover-duration) var(--hover-ease), translate var(--move-duration) var(--ease-out)}@media (hover:hover){.scale-question_item:hover .scale-question_mark{translate:0 var(--hover-lift)}}.scale-question_input:checked+.scale-question_mark{border-color:var(--border-strong);background-color:var(--colors-vivid-yellow);box-shadow:var(--shadow-offset-small)}.scale-question_input:focus-visible+.scale-question_mark{outline:var(--focus-width) solid var(--text);outline-offset:var(--focus-offset)}.scale-question_ends{justify-content:space-between;gap:var(--space-3);color:var(--text-2);font-weight:var(--primary-medium);display:flex}.scale-question_ends>:last-child{text-align:end}.option-group_wrap{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.option-group_label{font-weight:var(--primary-bold)}.option-group_options{gap:var(--space-2);grid-template-columns:minmax(0,1fr);display:grid}.option-group_options.columns{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--card-width-small)), 1fr))}.option-group_option{align-items:center;gap:var(--space-3);min-height:4rem;padding:var(--space-3) var(--space-4);border:var(--border-width-medium) solid var(--border);border-radius:var(--radius-main);background-color:var(--background-3);cursor:pointer;transition:background-color var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease), box-shadow var(--hover-duration) var(--hover-ease);display:flex}.option-group_option:has(:checked){border-color:var(--border-strong);background-color:var(--colors-secondary-yellow);box-shadow:0 0 0 var(--border-width) var(--border-strong)}.option-group_option:has(:focus-visible){outline:var(--focus-width) solid var(--text);outline-offset:var(--focus-offset)}.option-group_input{appearance:none;width:var(--icon-main);aspect-ratio:1;border:var(--border-width-thick) solid var(--border-strong);border-radius:var(--radius-round);background-color:var(--background-3);transition:box-shadow var(--hover-duration) var(--hover-ease);flex:none;margin:0}.option-group_input:checked{background-color:var(--text);box-shadow:inset 0 0 0 var(--space-0) var(--background-3)}.option-group_input:focus-visible{outline:0}.option-group_text{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.option-group_name{font-weight:var(--primary-bold)}.option-group_sub{color:var(--text-2)}}