.input.svelte-17hmuun{position:relative}input.svelte-17hmuun{display:block;width:100%;padding:1.5rem 0 .5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;background-color:transparent;border-bottom:1px solid var(--black);box-shadow:0 0 0 0 var(--primary);transition:box-shadow .2s ease}input.svelte-17hmuun:hover{border-color:var(--primary)}input.svelte-17hmuun:focus{outline:none;box-shadow:0 1px 0 0 var(--primary)}label.svelte-17hmuun{position:absolute;top:0;left:0;font-size:1em;transform:translateY(1.5rem);transition:font-size .2s ease,transform .2s ease;text-wrap:nowrap}.has-ctn.svelte-17hmuun label:where(.svelte-17hmuun),input.svelte-17hmuun:focus+label:where(.svelte-17hmuun){font-size:.875rem;transform:translateY(0)}input[required].svelte-17hmuun+label:where(.svelte-17hmuun):after{content:"*"}