.primary.svelte-7hu4vd{--main: var(--primary-blue)}.warning.svelte-7hu4vd{--main: var(--yellow-500)}.error.svelte-7hu4vd{--main: var(--primary-rose)}.outlined-input.svelte-7hu4vd{--main-white: var(--text-light);--main-grey: var(--container-outline);--main-dark-grey: var(--container);--main-ease: cubic-bezier(.65, .05, .36, 1);position:relative}.outlined-input.svelte-7hu4vd input:where(.svelte-7hu4vd){color:var(--main-white);height:3rem;width:15rem;padding-right:.75rem;outline:1px solid var(--main-grey);border-radius:5px;border:none;background-color:var(--main-dark-grey);padding-left:1rem;font-size:1rem;transition:.1s var(--main-ease)}.outlined-input.svelte-7hu4vd label:where(.svelte-7hu4vd){position:absolute;top:50%;left:3%;transform:translateY(-50%);background-color:var(--main-dark-grey);color:var(--main-white);text-align:center;transition:.2s var(--main-ease);font-size:1rem;pointer-events:none;padding:0 5px}.outlined-input.svelte-7hu4vd input:where(.svelte-7hu4vd):not(:-moz-placeholder)~label:where(.svelte-7hu4vd){top:0;left:.5rem;font-size:.75rem;background:linear-gradient(0deg,transparent 0%,transparent 10%,var(--container) 50%,transparent 80%,transparent 100%)}.outlined-input.svelte-7hu4vd input:where(.svelte-7hu4vd):not(:placeholder-shown)~label:where(.svelte-7hu4vd),.outlined-input.svelte-7hu4vd input:where(.svelte-7hu4vd):focus~label:where(.svelte-7hu4vd){top:0;left:.5rem;font-size:.75rem;background:linear-gradient(0deg,transparent 0%,transparent 10%,var(--container) 50%,transparent 80%,transparent 100%)}.outlined-input.svelte-7hu4vd input:where(.svelte-7hu4vd):focus{outline:1px solid var(--main)!important}.outlined-input.svelte-7hu4vd input:where(.svelte-7hu4vd):hover{outline:1px solid var(--main-white)}.outlined-input.svelte-7hu4vd input:where(.svelte-7hu4vd):focus~label:where(.svelte-7hu4vd){color:var(--main)!important}