label.form_input.svelte-keial1{border:2px solid rgba(var(--real-black-rgb), .2);background:var(--white);border-radius:4px;transition:all .2s;display:inline-block;position:relative}label.form_input.svelte-keial1:hover{border-color:rgba(var(--real-black-rgb), .3)}label.form_input.svelte-keial1:before{content:attr(data-label);color:rgba(var(--real-black-rgb), .3);transform-origin:0 0;cursor:text;pointer-events:none;transition:color .2s,transform .2s;position:absolute;top:50%;left:.5em;transform:translateY(-50%)}label.form_input.svelte-keial1:hover:before{color:rgba(var(--real-black-rgb), .6)}label.form_input.svelte-keial1:has(input:where(.svelte-keial1):focus){border-color:var(--default-button-color);transition:all}label.form_input.svelte-keial1:has(input:where(.svelte-keial1):focus):before{color:var(--default-button-color);transition:all}.svelte-keial1:is(label.form_input:where(.svelte-keial1):has(input:where(.svelte-keial1):focus),label.form_input:where(.svelte-keial1):has(input:where(.svelte-keial1):not(:placeholder-shown))):before{transform:scale(.8)translateY(calc(-100% - .4em))}label.form_input.svelte-keial1 input:where(.svelte-keial1){color:var(--black);background:0 0;border:none;outline:none;width:100%;padding:1.5em .5em .5em;font-size:1em}label.form_input.align-center.svelte-keial1:before{left:50%;transform:translate(-50%,-50%)}label.form_input.align-center.svelte-keial1:has(input:where(.svelte-keial1):focus):before{transform:scale(.8)translate(-50%,calc(-100% - .4em))}label.form_input.align-center.svelte-keial1:has(input:where(.svelte-keial1):not(:placeholder-shown)):before{transform:scale(.8)translate(-50%,calc(-100% - .4em))}label.form_input.align-right.svelte-keial1:before{left:auto;right:.5em;transform:translateY(-50%)}label.form_input.align-right.svelte-keial1:has(input:where(.svelte-keial1):focus):before{transform:scale(.8)translateY(calc(-100% - .4em))translate(50%)}label.form_input.align-right.svelte-keial1:has(input:where(.svelte-keial1):not(:placeholder-shown)):before{transform:scale(.8)translateY(calc(-100% - .4em))translate(50%)}label.form_input.align-center.svelte-keial1 input:where(.svelte-keial1){text-align:center}label.form_input.align-right.svelte-keial1 input:where(.svelte-keial1){text-align:right}label.form_input+label.form_input{border-radius:0 0 4px 4px;margin-top:-2px}:has(label.form_input+label.form_input)>label.form_input:first-child{border-radius:4px 4px 0 0}