.text-field.svelte-poikaa{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;width:100%;height:56px;gap:var(--gap-sm);align-self:stretch;border-radius:10px;border:1px solid grey;padding:4px 16px;transition:all .2s ease-in-out;color:var(--primary-color)}.text-field.svelte-poikaa select:where(.svelte-poikaa){width:100%;height:100%;flex:1 0 auto;border:none;outline:none;color:var(--primary-color-light)}.text-field.svelte-poikaa label:where(.svelte-poikaa){position:absolute;left:11px;top:15px;padding:0 4px;background:var(--white);transition:all .2s ease-in-out;pointer-events:none;color:var(--primary-color-light)}.text-field.svelte-poikaa:focus-within,.text-field.svelte-poikaa.filled{border:2px solid var(--primary-color-light)}:is(.text-field.svelte-poikaa:focus-within,.text-field.svelte-poikaa.filled) label:where(.svelte-poikaa){top:-11px}