#root,.test{display:flex;flex:1}#root{height:100vh;align-items:center;justify-content:center}body{margin:0;padding:0;width:100%}.Page,body{height:100%;display:flex}.Page{flex-direction:column;flex:1}input{color-scheme:light}input:focus{outline:none;box-shadow:0 0 0 2px rgba(229,141,109,.2)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.float{animation:float 6s ease-in-out infinite}.glass{background:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.floating-input-container{position:relative;width:100%}.floating-input{width:100%;padding:.6rem;font-size:.875rem;border-radius:.75rem;border:1px solid #e5e7eb;background-color:white;transition:all .2s ease}.floating-input:focus{border-color:#E58D6D;box-shadow:0 0 0 2px rgba(229,141,109,.2);outline:none}.floating-label{position:absolute;left:1rem;top:.6rem;font-size:.875rem;color:var(--color-opaque-brown);pointer-events:none;transition:all .2s ease;transform-origin:left top}.floating-input:focus+.floating-label,.floating-input:not(:placeholder-shown)+.floating-label{transform:translateY(-1.9rem) scale(.85);color:var(--color-brown);font-weight:500;left:.6rem}.floating-input:focus::placeholder{opacity:0}.floating-input-password{padding-right:2.5rem}input[type=date].floating-input::-webkit-calendar-picker-indicator{cursor:pointer}input[type=date].floating-input+.floating-label{transform:translateY(-1.4rem) scale(.85);color:#7F513A;font-weight:500}input[type=date].floating-input{padding-right:.5rem}