@layer component{.form-input[data-v-3cabcc8f] .input{background-color:var(--bg-up);border:2px solid oklch(from var(--fg) l c h/35%);border-radius:var(--border-radius-sm);color:var(--fg);font-family:var(--font);max-width:100%;padding:0 .75em;transition:.15s ease;width:100%}.form-input[data-v-3cabcc8f] .input::-moz-placeholder{color:inherit;opacity:.4}.form-input[data-v-3cabcc8f] .input::placeholder{color:inherit;opacity:.4}.form-input[data-v-3cabcc8f] .input:focus-visible{border-color:var(--fg-primary);color:var(--fg-up);outline:none}.form-input[data-v-3cabcc8f] .input.--disabled,.form-input[data-v-3cabcc8f] .input[disabled]{border-style:dotted;cursor:not-allowed;opacity:.7}.form-input[data-v-3cabcc8f] input.input{--line-height-sm:var(--line-height-sm-sm);--line-height-base:var(--line-height-sm-base);--line-height-lg:var(--line-height-sm-lg);--line-height:var(--line-height-base);line-height:var(--line-height)}@container (width <= 317px){.form-input[data-v-3cabcc8f] input.input{--line-height:var(--line-height-sm)}}@container (width >= 634px){.form-input[data-v-3cabcc8f] input.input{--line-height:var(--line-height-lg)}}.form-input[data-v-3cabcc8f] input.input{font-size:var(--font-size-sm);font-family:var(--font);font-weight:400;letter-spacing:.02em;text-wrap:pretty}.form-input[data-v-3cabcc8f] input.input strong{font-weight:700}.form-input[data-v-3cabcc8f] input.input{line-height:1;min-height:calc(var(--sp-md) + 1em);padding:0 1em}.form-input[data-v-3cabcc8f] button.input{align-items:center;cursor:pointer;overflow:hidden;padding:.5em;position:relative;text-align:start}.form-input[data-v-3cabcc8f] button.input .form-input-icon{transition:.25s ease}@media(hover:hover){.form-input[data-v-3cabcc8f] button.input:hover .form-input-icon{opacity:1}}.form-input[data-v-3cabcc8f] button.input:focus-visible .form-input-icon{opacity:1}.form-input[data-v-3cabcc8f] select.input{--line-height-sm:var(--line-height-sm-sm);--line-height-base:var(--line-height-sm-base);--line-height-lg:var(--line-height-sm-lg);--line-height:var(--line-height-base);line-height:var(--line-height)}@container (width <= 317px){.form-input[data-v-3cabcc8f] select.input{--line-height:var(--line-height-sm)}}@container (width >= 634px){.form-input[data-v-3cabcc8f] select.input{--line-height:var(--line-height-lg)}}.form-input[data-v-3cabcc8f] select.input{font-size:var(--font-size-sm);font-family:var(--font);font-weight:400;letter-spacing:.02em;text-wrap:pretty}.form-input[data-v-3cabcc8f] select.input strong{font-weight:700}.form-input[data-v-3cabcc8f] select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentcolor 0),linear-gradient(135deg,currentcolor 50%,transparent 0);background-position:right 1.25em top 55%,right 1em top 55%;background-repeat:no-repeat;background-size:.35em .35em,.35em .35em;cursor:pointer;line-height:1;min-height:calc(var(--sp-md) + 1em);padding-inline:1em 2.5em}.form-input[data-v-3cabcc8f] textarea.input{--line-height-sm:var(--line-height-sm-sm);--line-height-base:var(--line-height-sm-base);--line-height-lg:var(--line-height-sm-lg);--line-height:var(--line-height-base);line-height:var(--line-height)}@container (width <= 317px){.form-input[data-v-3cabcc8f] textarea.input{--line-height:var(--line-height-sm)}}@container (width >= 634px){.form-input[data-v-3cabcc8f] textarea.input{--line-height:var(--line-height-lg)}}.form-input[data-v-3cabcc8f] textarea.input{font-size:var(--font-size-sm);font-family:var(--font);font-weight:400;letter-spacing:.02em;text-wrap:pretty}.form-input[data-v-3cabcc8f] textarea.input strong{font-weight:700}.form-input[data-v-3cabcc8f] textarea.input{padding:1em;resize:vertical}}