@layer properties,theme,base;@layer components{.hu24ba_root{gap:calc(var(--spacing) * 8);flex-direction:column;display:flex}.hu24ba_header{align-items:flex-end;column-gap:calc(var(--spacing) * 6);row-gap:calc(var(--spacing) * 3);flex-wrap:wrap;display:flex}.hu24ba_selectField{width:calc(var(--spacing) * 44)}.hu24ba_headerNote{padding-bottom:calc(var(--spacing) * 2.5);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-fg-mute)}.hu24ba_preview{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}.hu24ba_previewHeader{align-items:center;gap:calc(var(--spacing) * 3);flex-wrap:wrap;display:flex}.hu24ba_previewTitle{font-weight:var(--font-weight-medium);color:var(--color-fg-base)}.hu24ba_note{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-fg-mute)}.hu24ba_field{align-items:flex-start;gap:calc(var(--spacing) * 1.5);flex-direction:column;display:flex}.hu24ba_fieldLabel{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-fg-mute)}.hu24ba_textInput{min-width:calc(var(--spacing) * 32);border:1px solid var(--color-border-base);border-radius:var(--radius-lg);background-color:var(--color-bg-base);max-width:100%;padding-inline:calc(var(--spacing) * 3.5);padding-block:calc(var(--spacing) * 2);color:var(--color-fg-base)}.hu24ba_textarea{min-width:calc(var(--spacing) * 48);max-width:100%;max-height:calc(var(--spacing) * 40);border:1px solid var(--color-border-base);border-radius:var(--radius-lg);background-color:var(--color-bg-base);padding-inline:calc(var(--spacing) * 3.5);padding-block:calc(var(--spacing) * 2);color:var(--color-fg-base)}.hu24ba_selectBox{border:1px solid var(--color-border-base);border-radius:var(--radius-lg);background-color:var(--color-bg-base);align-items:center;width:fit-content;display:flex}.hu24ba_select{appearance:none;padding-block:calc(var(--spacing) * 2);color:var(--color-fg-base);background-color:#0000;padding-inline-start:calc(var(--spacing) * 3.5);padding-inline-end:calc(var(--spacing) * 1.5)}.hu24ba_chevron{pointer-events:none;color:var(--color-fg-mute);padding-inline-end:calc(var(--spacing) * 3)}}@layer utilities;