.xl-input{align-self:center;color:var(--gray-800);display:block;font-size:1rem;line-height:1.5rem;position:relative;width:100%}.xl-input__label{color:var(--blue-500);left:0;margin-left:1rem;margin-right:1rem;margin-top:calc(.5rem + 2px);max-width:calc(100% - 1rem);padding:.25rem .5rem;pointer-events:none;position:absolute;top:0;transform:translateY(-80%) translate(.5rem) scale(.75);transform-origin:left center;transition:transform .12s,color .12s,background-image .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.xl-input__element,.xl-input__label{background-color:var(--surface)}.xl-input__element{-moz-appearance:none;appearance:none;-webkit-appearance:none;border-color:var(--gray-200);border-radius:.75rem;border-width:2px;color:var(--gray-800);display:block;filter:none;font-size:1rem;line-height:1.5rem;min-width:0;padding:.875rem 1rem;scroll-margin-bottom:6rem;scroll-margin-top:6rem;transition:box-shadow .12s;width:100%}.xl-input__element::-moz-focus-inner{border:none}.xl-input__element:-moz-focusring{outline:none}.xl-input__element:-webkit-autofill,.xl-input__element:-webkit-autofill:focus,.xl-input__element:-webkit-autofill:hover{-webkit-text-fill-color:var(--gray-800);-webkit-box-shadow:0 0 0 1000px var(--surface) inset;-webkit-transition:none;transition:none}.xl-input__element:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 5px var(--blue-300) inset,0 0 0 1000px var(--surface) inset}.xl-input__element:not(:focus):not(:active)+.xl-input__label--down{background:transparent;color:var(--gray-400);transform:none}.xl-input__element:active,.xl-input__element:focus{border-color:var(--blue-500);box-shadow:0 0 0 5px var(--blue-300) inset;outline:2px solid transparent;outline-offset:2px}.xl-input__element:invalid:focus{border-color:var(--blue-500);box-shadow:0 0 0 5px var(--blue-300) inset;outline:2px solid transparent;outline-offset:2px}.xl-input>textarea{height:5rem;min-height:5rem}.xl-input__element:active+.xl-input__label,.xl-input__element:focus+.xl-input__label{color:var(--blue-500)}.xl-input__element:invalid:not(:focus){box-shadow:none;outline:none}@keyframes autoFillStart{0%{opacity:1}to{opacity:1}}@keyframes autoFillEnd{0%{opacity:1}to{opacity:1}}