@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}select option{background:#252524}.input-container{margin:20px;position:relative}.input-field:not(:focus)::placeholder{color:#f2f6fc}.input-field{border:none;border-bottom:2px solid;border-bottom-style:var(--tw-border-style);background-color:#0000;border-color:#4a55654d;border-bottom-width:2px;outline:none;width:100%;padding:10px;font-size:16px;display:block}@supports (color:color-mix(in lab,red,red)){.input-field{border-color:color-mix(in oklab,var(--color-gray-600,oklch(44.6% .03 256.802))30%,transparent)}}.input-label{color:#0000;pointer-events:none;font-size:16px;transition:all .3s;position:absolute;top:0;left:0}.input-highlight{background-color:var(--color-primary);width:0;height:2px;transition:all .3s;position:absolute;bottom:0;left:0}.input-field:focus:not(select)+.input-label,.input-field:not(:placeholder-shown):not(select)+.input-label,.input-field:valid+.input-label{color:var(--color-primary);font-size:12px;top:-12px}.input-field:valid+.input-label:after{content:url("data:image/svg+xml,%0A%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 9' width='10' height='9'%3E%3Cstyle%3E.a%7Bfill:%2324fec1%7D%3C/style%3E%3Cpath fill-rule='evenodd' class='a' d='m9.8 0.5q0.1 0.1 0.1 0.2 0.1 0.1 0.1 0.2 0 0.1 0 0.2 0 0.1-0.1 0.2l-5.7 7.5q-0.1 0.1-0.2 0.1-0.1 0.1-0.2 0.1-0.1 0-0.2 0-0.1-0.1-0.2-0.2l-3.2-3.2q-0.2-0.1-0.2-0.3 0-0.3 0.2-0.4 0.1-0.2 0.3-0.2 0.3 0 0.4 0.2l2.8 2.8 5.3-7.1q0.1 0 0.2-0.1 0.1 0 0.2-0.1 0.1 0 0.2 0.1 0.1 0 0.2 0z'/%3E%3C/svg%3E");padding-left:5px}.input-field:focus+.input-label+.input-highlight,.input-field:focus+.input-highlight{width:100%}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}