.textfield{--field-placeholder-color:rgb(var(--gray-400));--field-bg-color:rgb(var(--white));--field-text-color:rgb(var(--gray-600));--field-border-color:rgb(var(--white));--field-border-color-focused:#7e81ce}.textfield__box{background-color:var(--field-bg-color);border:1px solid var(--field-border-color);border-radius:.375rem;display:flex;position:relative;width:100%;--tw-shadow:2px 5px 9px rgba(54,54,54,.02);--tw-shadow-colored:2px 5px 9px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.textfield__input{color:var(--field-text-color)}.textfield__input::-moz-placeholder{color:var(--field-placeholder-color)}.textfield__input::placeholder{color:var(--field-placeholder-color)}.textfield__input{background-color:transparent;flex-grow:1;outline:2px solid transparent;outline-offset:2px;padding-left:1rem;padding-right:1rem}.textfield__input.disabled,.textfield__input:disabled,.textfield__input[disabled]{--field-text-color:rgb(var(--gray-400));--field-placeholder-color:rgb(var(--gray-400));cursor:not-allowed}.textfield__input[readonly]{cursor:not-allowed}.textfield__icon{align-items:center;color:var(--field-text-color);display:flex;flex-shrink:1}.textfield__icon.--left{padding-left:.75rem}.textfield__icon.--right{padding-right:.75rem}.textfield.--password .textfield__input{padding-right:0}.textfield.--focused{--field-border-color:var(--field-border-color-focused)}.textfield.--bordered:not(.--focused):not(.--disabled):not(.--invalid){--field-border-color:rgb(var(--gray-200))}.textfield.--bordered:not(.--focused):not(.--disabled):not(.--invalid) .textfield__box{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.textfield .show-placeholder-error::-moz-placeholder{color:rgb(var(--danger))}.textfield .show-placeholder-error::placeholder{color:rgb(var(--danger))}.textfield.--shadowed:not(.--focused){--field-border-color:rgb(var(--white))}.textfield.--disabled{--field-border-color:rgb(var(--gray-100));--field-bg-color:rgb(var(--gray-100));--field-text-color:rgb(var(--gray-400))}.textfield.--invalid{--field-border-color:rgb(var(--danger))}.textfield.--valid{--field-border-color:rgb(var(--success))}