.n-text-field{color:#757575;transition:opacity .3s ease-in-out}.n-text-field__slot{align-items:center;background-color:#fff;border:1px solid #e6e6e6;border-radius:10px;display:flex;height:60px;padding:15px;position:relative}.n-text-field__content{flex-grow:1}.n-text-field__prepend-icon{height:20px;margin-right:15px;width:20px}.n-text-field__input{background-color:transparent;color:#222;font-weight:400;height:60px;letter-spacing:-.02em;outline:none;padding-top:18px;width:100%}.n-text-field__label{cursor:text;letter-spacing:normal;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transform-origin:top left;transition:all .2s ease-in-out}.n-text-field--active .n-text-field__label,.n-text-field--focused .n-text-field__label{top:7px;transform:translateY(0) scale(.8)}.n-text-field--dense .n-text-field--active .n-text-field__label,.n-text-field--dense .n-text-field--focused .n-text-field__label{top:4px}.n-text-field__required-text{color:#ff5252}.n-text-field__details{font-size:12px;letter-spacing:normal;padding:0 15px}.n-text-field--has-prepend .n-text-field__details{margin-left:36px}.n-text-field__messages{margin-top:5px}.n-text-field--has-state .n-text-field__label{color:currentColor}.n-text-field--dense .n-text-field__input,.n-text-field--dense .n-text-field__slot{height:50px}.n-text-field--dense.n-text-field--active .n-text-field__label,.n-text-field--dense.n-text-field--focused .n-text-field__label{top:2px}.n-text-field--disabled{opacity:.5}.n-text-field--disabled:not(.n-text-field--readonly){pointer-events:none}.n-text-field--no-border .n-text-field__slot{border:none}