.textfield__box{background-color:rgb(var(--white,255 255 255));border-radius:.375rem;border-style:solid;border-width:1px;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{background-color:transparent;flex-grow:1;padding-left:1rem;padding-right:1rem;--tw-text-opacity:1;color:rgb(72 68 101/var(--tw-text-opacity,1))}.textfield__input::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(186 185 197/var(--tw-placeholder-opacity,1))}.textfield__input::placeholder{--tw-placeholder-opacity:1;color:rgb(186 185 197/var(--tw-placeholder-opacity,1))}.textfield__input{outline:2px solid transparent;outline-offset:2px}.textfield__input.disabled,.textfield__input:disabled,.textfield__input[disabled]{cursor:not-allowed;--tw-text-opacity:1;color:rgb(186 185 197/var(--tw-text-opacity,1))}.textfield__input.disabled::-moz-placeholder,.textfield__input:disabled::-moz-placeholder,.textfield__input[disabled]::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(186 185 197/var(--tw-placeholder-opacity,1))}.textfield__input.disabled::placeholder,.textfield__input:disabled::placeholder,.textfield__input[disabled]::placeholder{--tw-placeholder-opacity:1;color:rgb(186 185 197/var(--tw-placeholder-opacity,1))}.textfield__input[readonly]{cursor:not-allowed}.textfield__icon{align-items:center;display:flex;flex-shrink:1}.textfield__icon.--left{padding-left:.75rem}.textfield__icon.--right{padding-right:.75rem}.textfield.--focused .textfield__box{--tw-border-opacity:1;border-color:rgb(126 129 206/var(--tw-border-opacity,1))}.textfield.--bordered:not(.--focused):not(.--disabled):not(.--invalid) .textfield__box{--tw-border-opacity:1;border-color:rgb(233 233 237/var(--tw-border-opacity,1));--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.--shadowed:not(.--focused) .textfield__box{border-color:rgb(var(--white,255 255 255))}.textfield.--disabled .textfield__box,.textfield.--disabled .textfield__box:hover{--tw-border-opacity:1;border-color:transparent;--tw-bg-opacity:1;background-color:rgb(245 245 247/var(--tw-bg-opacity,1))}.textfield.--disabled .textfield__icon,.textfield.--disabled .textfield__label{--tw-text-opacity:1;color:rgb(186 185 197/var(--tw-text-opacity,1))}.textfield.--invalid .textfield__box{--tw-border-opacity:1!important;border-color:rgb(255 22 78/var(--tw-border-opacity,1))!important}.textfield.--valid .textfield__box{--tw-border-opacity:1!important;border-color:rgb(47 189 36/var(--tw-border-opacity,1))!important}.textfield.--password .textfield__input{padding-right:0}
