.ui-field.svelte-1gwy2bl{--ui-field-gap-size: var(--ui-default-gap-size);--ui-field-drop-size: 0;position:relative;display:flex;width:100%;gap:1em;z-index:1}.ui-field.svelte-1gwy2bl.ui-field.ui-field-compact{flex-direction:column;gap:.25em}.ui-field.svelte-1gwy2bl.ui-field.ui-field-compact .ui-field-label:where(.svelte-1gwy2bl){width:100%;min-width:0;justify-content:start;padding-top:0}.ui-field.svelte-1gwy2bl.ui-field-stacked .ui-field-input:where(.svelte-1gwy2bl){flex-direction:column;gap:var(--ui-field-gap-size)}.ui-field.svelte-1gwy2bl.ui-field-recommended>.ui-field-flag:where(.svelte-1gwy2bl){opacity:.33}.ui-field.svelte-1gwy2bl.ui-field-completed>.ui-field-flag:where(.svelte-1gwy2bl){opacity:1}.ui-field.svelte-1gwy2bl.ui-field-error>.ui-field-flag:where(.svelte-1gwy2bl){background-color:var(--ui-base-danger)}.ui-field-flag.svelte-1gwy2bl{position:absolute;left:-.75rem;width:.25rem;height:100%;opacity:0;background-color:var(--ui-base-notice);transition:opacity .2s ease-out;border-radius:.125rem}.ui-field-label.svelte-1gwy2bl,.ui-field-input.svelte-1gwy2bl{position:relative;display:flex;align-items:start}.ui-field-label.svelte-1gwy2bl{width:8em;flex:0 0 auto;justify-content:end;padding-top:var(--ui-field-drop-size)}.ui-field-input.svelte-1gwy2bl{justify-content:start;min-width:0;flex:1 1 auto}.ui-field-note.svelte-1gwy2bl{position:absolute;top:.5em;right:.5em;z-index:2}@media (max-width: 416px){.ui-field.ui-field-compact-mobile.svelte-1gwy2bl{flex-direction:column;gap:.25em}.ui-field.ui-field-compact-mobile.svelte-1gwy2bl .ui-field-label:where(.svelte-1gwy2bl){width:100%;min-width:0;justify-content:start;padding-top:0}}@media (max-width: 680px){.ui-field.ui-field-compact-tablet.svelte-1gwy2bl{flex-direction:column;gap:.25em}.ui-field.ui-field-compact-tablet.svelte-1gwy2bl .ui-field-label:where(.svelte-1gwy2bl){width:100%;min-width:0;justify-content:start;padding-top:0}}@media (max-width: 900px){.ui-field.ui-field-compact-desktop.svelte-1gwy2bl{flex-direction:column;gap:.25em}.ui-field.ui-field-compact-desktop.svelte-1gwy2bl .ui-field-label:where(.svelte-1gwy2bl){width:100%;min-width:0;justify-content:start;padding-top:0}}