@layer components{.input{overflow:visible!important;padding:16px 0 8px;border-bottom:1px solid rgba(0,0,0,.4);transition:border-color .2s ease;position:relative}.input:focus-within{border-bottom-color:#005CA2}.input__placeholder{position:absolute;top:16px;left:0;color:rgba(0,0,0,.6);pointer-events:none;transform-origin:left center;transition:all .2s ease}.input__field,.input__placeholder{font-family:Noto Sans TC,sans-serif;font-weight:350;font-size:18px;line-height:1.6}.input__field{color:#000000;background:none;border:none;outline:none;width:100%;overflow:visible!important;padding:0;transition:color .2s ease}.input__field:focus~.input__placeholder{color:#005CA2;transform:translateY(-100%) scale(.75)}.input__field:disabled{color:rgba(0,0,0,.4);cursor:not-allowed}.input--has-value .input__placeholder{color:rgba(0,0,0,.6);transform:translateY(-100%) scale(.75)}.input:focus-within.input--has-value .input__placeholder{color:#005CA2}.input--disabled{border-bottom-color:rgba(0,0,0,.2)}.input--disabled:focus-within{border-bottom-color:rgba(0,0,0,.2)}.input--disabled .input__placeholder{color:rgba(0,0,0,.3)}.input--error{border-bottom-color:#d32f2f}.input--error:focus-within{border-bottom-color:#d32f2f}.input--error .input__placeholder{color:#d32f2f}.input--success{border-bottom-color:#2e7d32}.input--success:focus-within{border-bottom-color:#2e7d32}.input--success .input__placeholder{color:#2e7d32}}