.inputContainer{margin:2px 0;position:relative}.inputContainer input,.inputContainer textarea,.inputContainer select{border:1px solid color-mix(in srgb,var(--color-foreground)50%,transparent 90%);background-color:var(--input-bg-color);box-sizing:border-box;border-radius:6px;width:100%;padding:14px 16px 8px;font-size:1rem;line-height:1.4em;transition:box-shadow .3s,border-color .3s}:is(.inputContainer input,.inputContainer textarea,.inputContainer select):focus~label,:is(.inputContainer input,.inputContainer textarea,.inputContainer select):not(:placeholder-shown)~label{color:var(--color-foreground);background-color:var(--input-bg-color);border:1px solid color-mix(in srgb,var(--color-foreground)50%,transparent 10%);transform:translate(14px,-9px)scale(.75)}:is(.inputContainer input,.inputContainer textarea,.inputContainer select).input-select-blank-value:not(:focus){color:color-mix(in srgb,var(--color-foreground)90%,transparent 50%)}:is(.inputContainer input,.inputContainer textarea,.inputContainer select).input-select-blank-value~label{visibility:hidden}:is(.inputContainer input,.inputContainer textarea,.inputContainer select):focus,:is(.inputContainer input,.inputContainer textarea,.inputContainer select):focus~label{border-color:var(--color-foreground);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-foreground)50%,transparent 95%);outline:none}.inputContainer select{box-sizing:border-box;padding:16px 16px 12px}.inputContainer label{pointer-events:none;transform-origin:0 0;color:color-mix(in srgb,var(--color-foreground)90%,transparent 50%);border-radius:8px;padding:0 16px;transition:transform .3s cubic-bezier(0,0,.2,1),color .3s,visibility .3s;position:absolute;top:0;left:0;transform:translateY(11px)scale(1)}