@layer component{.form-input[data-v-934a3163]{position:relative}}@layer compose{.form-input[data-v-934a3163] .input{border-radius:3px;corner-shape:notch;background-color:var(--bg-up);border:2px solid oklch(from var(--fg) l c h/35%);color:var(--fg);font-family:var(--font);max-width:100%;padding:0 .75em;transition:.15s ease;width:100%}.form-input[data-v-934a3163] .input::-moz-placeholder{color:var(--fg-down);color:inherit;opacity:.333}.form-input[data-v-934a3163] .input::placeholder{color:var(--fg-down);color:inherit;opacity:.333}.form-input[data-v-934a3163] .input:focus-visible{border-color:var(--fg-primary);color:var(--fg-up);outline:none}.form-input[data-v-934a3163] .input.--disabled,.form-input[data-v-934a3163] .input[disabled]{border-style:dotted;cursor:not-allowed;opacity:.7}.form-input[data-v-934a3163] .form-input-icon{box-sizing:content-box;display:inline-block;fill:currentcolor;height:calc(11 * var(--icon-pixel,var(--font-pixel)));overflow:visible;vertical-align:middle;color:var(--fg);inset-block-start:50%;inset-inline-end:.75em;opacity:.4;pointer-events:none;position:absolute;translate:0 -50%}.form-input[data-v-934a3163] input.input{text-box:trim-both cap alphabetic}.form-input[data-v-934a3163] input.input:where(body,input,select,textarea){text-box:normal}.form-input[data-v-934a3163] input.input{font-family:var(--font);font-weight:var(--font-weight-normal);letter-spacing:0;text-wrap:pretty}.form-input[data-v-934a3163] input.input b,.form-input[data-v-934a3163] input.input strong{color:var(--fg-primary);font-weight:var(--font-weight-normal)}.form-input[data-v-934a3163] input.input{line-height:var(--line-height);transition:--line-height var(--transition);--font:var(--font-body-24);--line-height:var(--line-height-body-24-tight);--font-pixel:var(--font-pixel-body-24);font-size:24px;padding:.75em}.form-input[data-v-934a3163] button.input{align-items:center;cursor:pointer;overflow:hidden;padding:.75em 1em;position:relative;text-align:start}.form-input[data-v-934a3163] button.input .form-input-icon{transition:.25s ease}.form-input[data-v-934a3163] button.input:focus-visible .form-input-icon,.form-input[data-v-934a3163] button.input:hover .form-input-icon{opacity:1}.form-input[data-v-934a3163] textarea.input{text-box:trim-both cap alphabetic}.form-input[data-v-934a3163] textarea.input:where(body,input,select,textarea){text-box:normal}.form-input[data-v-934a3163] textarea.input{font-family:var(--font);font-weight:var(--font-weight-normal);letter-spacing:0;text-wrap:pretty}.form-input[data-v-934a3163] textarea.input b,.form-input[data-v-934a3163] textarea.input strong{color:var(--fg-primary);font-weight:var(--font-weight-normal)}.form-input[data-v-934a3163] textarea.input{line-height:var(--line-height);transition:--line-height var(--transition);--font:var(--font-body-20);--line-height:var(--line-height-body-20-base);--font-pixel:var(--font-pixel-body-20);font-size:20px}@container (width <= 360px){.form-input[data-v-934a3163] textarea.input{--line-height:var(--line-height-body-20-tight)}}@container (width >= 720px){.form-input[data-v-934a3163] textarea.input{--line-height:var(--line-height-body-20-open)}}.form-input[data-v-934a3163] textarea.input{padding:1em;resize:vertical}}@layer component{.form-field[data-v-43918730]{display:block;text-align:start}.form-field[data-v-43918730]:last-child{margin-block-end:0}.label[data-v-43918730]{text-box:trim-both cap alphabetic;font-family:var(--font-display);font-weight:var(--font-display-weight-normal);letter-spacing:0;text-transform:uppercase;text-wrap:pretty;line-height:var(--line-height);transition:--line-height var(--transition);--line-height:var(--line-height-display-16-tight);--font-pixel:var(--font-pixel-display-16);font-size:16px;color:var(--fg);display:block;margin-block-end:.375em}.label[data-v-43918730]:where(body,input,select,textarea){text-box:normal}.label[data-v-43918730]:has(+.help){margin-block-end:0}.--disabled>.label[data-v-43918730],.--disabled>div>.label[data-v-43918730]{opacity:.75}.--disabled>.label .required-indicator[data-v-43918730],.--disabled>div>.label .required-indicator[data-v-43918730]{display:none}.required-indicator[data-v-43918730]:before{--bg-up:var(--color-orange-20);--bg:var(--color-orange-30);--bg-down:var(--color-orange-40);--fg-up:var(--color-orange-95);--fg:var(--color-orange-90);--fg-down:var(--color-orange-70);--fg-primary:var(--color-pink-80);--fg-secondary:var(--color-green-80);--fg-danger:var(--color-pink-70);color:var(--fg-primary);content:"*"}.help[data-v-43918730]{text-box:trim-both cap alphabetic;font-family:var(--font);letter-spacing:0;text-wrap:pretty;line-height:var(--line-height);transition:--line-height var(--transition);--font:var(--font-body-20);--line-height:var(--line-height-body-20-base);--font-pixel:var(--font-pixel-body-20);font-size:20px}.help[data-v-43918730]:where(body,input,select,textarea){text-box:normal}.help[data-v-43918730],.help b[data-v-43918730],.help strong[data-v-43918730]{font-weight:var(--font-weight-normal)}.help b[data-v-43918730],.help strong[data-v-43918730]{color:var(--fg-primary)}@container (width <= 360px){.help[data-v-43918730]{--line-height:var(--line-height-body-20-tight)}}@container (width >= 720px){.help[data-v-43918730]{--line-height:var(--line-height-body-20-open)}}.help[data-v-43918730]{color:var(--fg-down)}.help[data-v-43918730],.help p[data-v-43918730]{margin-block-end:var(--sp-xs)}.help[data-v-43918730]>:last-child{margin:0}}@layer compose{[data-v-43918730] .form-error{text-box:trim-both cap alphabetic}[data-v-43918730] .form-error:where(body,input,select,textarea){text-box:normal}[data-v-43918730] .form-error{font-family:var(--font);font-weight:var(--font-weight-normal);letter-spacing:0;text-wrap:pretty}[data-v-43918730] .form-error b,[data-v-43918730] .form-error strong{color:var(--fg-primary);font-weight:var(--font-weight-normal)}[data-v-43918730] .form-error{line-height:var(--line-height);transition:--line-height var(--transition);--font:var(--font-body-20);--line-height:var(--line-height-body-20-base);--font-pixel:var(--font-pixel-body-20);font-size:20px}@container (width <= 360px){[data-v-43918730] .form-error{--line-height:var(--line-height-body-20-tight)}}@container (width >= 720px){[data-v-43918730] .form-error{--line-height:var(--line-height-body-20-open)}}[data-v-43918730] .form-error{color:var(--fg-down);color:var(--fg-danger);margin-block-start:var(--sp-xs)}.--error[data-v-43918730] .input,[data-v-43918730] .input:user-invalid{border-color:var(--fg-danger)}}
