.s-text-field__input{display:flex;flex-grow:1}.s-text-field__input label{position:absolute;max-width:90%;overflow:hidden;text-overflow:ellipsis;top:6px;pointer-events:none;transform-origin:top left}.s-text-field__input label.active{max-width:133%;transform:translateY(-18px) scale(.75)}.s-text-field__input input{caret-color:inherit;flex:1 1 auto;line-height:20px;padding:8px 0;max-width:100%;min-width:0;width:100%;background:transparent;border:none}.s-text-field__wrapper{width:100%;color:inherit;caret-color:currentColor;display:flex;align-items:center}.s-text-field__wrapper:before,.s-text-field__wrapper:after{border-radius:inherit;width:inherit;bottom:-1px;content:"";left:0;position:absolute;transition:.3s cubic-bezier(.25,.8,.5,1) all;pointer-events:none}.s-text-field__wrapper:before{border-color:var(--theme-text-fields-border);border-style:solid;border-width:thin 0 0 0}.s-text-field__wrapper:after{background-color:currentColor;border-color:currentColor;border-style:solid;border-width:thin 0 thin 0;transform:scaleX(0)}.s-text-field__wrapper:hover:before{border-color:var(--theme-text-primary)}.s-text-field__wrapper:focus-within:after{transform:scale(1)}.s-text-field__wrapper:focus-within label{color:inherit}.s-text-field__wrapper>[slot=prepend]{margin-right:8px}.s-text-field__wrapper>[slot=append]{margin-right:8px}.s-text-field__wrapper.outlined:before{top:0;border-width:thin}.s-text-field__wrapper.outlined:focus-within:before{border-color:currentColor;border-width:2px}.s-text-field__wrapper.outlined label{top:18px}.s-text-field__wrapper.outlined label.active{padding:0 4px;background-color:var(--theme-surface);transform:translateY(-24px) scale(.75)}.s-text-field__wrapper.outlined,.s-text-field__wrapper.solo,.s-text-field__wrapper.filled{padding:0 1px 0 12px}.s-text-field__wrapper.filled,.s-text-field__wrapper.outlined{min-height:56px}.s-text-field__wrapper.filled{border-radius:4px 4px 0 0;background-color:var(--theme-text-fields-filled)}.s-text-field__wrapper.filled:hover{background-color:var(--theme-text-fields-filled-hover)}.s-text-field__wrapper.filled input,.s-text-field__wrapper.filled textarea{padding-top:22px}.s-text-field__wrapper.filled label{top:20px}.s-text-field__wrapper.filled label.active{transform:translateY(-10px) scale(.75)}.s-text-field__wrapper.outlined:after,.s-text-field__wrapper.solo:after,.s-text-field__wrapper.rounded:after{display:none}.s-text-field__wrapper.outlined,.s-text-field__wrapper.solo{border-radius:4px}.s-text-field__wrapper.solo{min-height:48px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.s-text-field__wrapper.solo:before{display:none}.s-text-field__wrapper.rounded{border-radius:28px}.s-text-field__wrapper.rounded.filled:before{border:none}.s-text-field__wrapper.rounded.outlined{padding:0 24px}.s-text-field__wrapper.flat{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f!important}.s-text-field.error .s-text-field__wrapper:before,.s-text-field.success .s-text-field__wrapper:before{border-color:currentColor!important}.s-text-field.dense input{padding:4px 0 2px}.s-text-field.dense .s-text-field__wrapper.outlined,.s-text-field.dense .s-text-field__wrapper.filled{min-height:40px}.s-text-field.dense .s-text-field__wrapper.outlined label{top:10px}.s-text-field.dense .s-text-field__wrapper.outlined label.active{transform:translateY(-16px) scale(.75)}.s-text-field.dense .s-text-field__wrapper.solo{min-height:40px}.s-text-field.dense .s-text-field__wrapper.filled input,.s-text-field.dense .s-text-field__wrapper.filled textarea{margin-top:11px}.s-text-field.dense .s-text-field__wrapper.filled label{top:12px}.s-text-field.dense .s-text-field__wrapper.filled label.active{transform:translateY(-8px) scale(.75)}.s-textarea textarea{align-self:stretch;flex:1 1 auto;line-height:1.75rem;max-width:100%;min-height:32px;outline:none;padding:0;width:100%;margin-top:4px}.s-textarea .s-text-field__wrapper>[slot=prepend],.s-textarea .s-text-field__wrapper>[slot=append]{align-self:flex-start;margin-top:2px}.s-textarea .s-text-field__wrapper.filled [slot=prepend],.s-textarea .s-text-field__wrapper.filled [slot=append]{margin-top:28px}.s-textarea .s-text-field__wrapper.outlined [slot=prepend],.s-textarea .s-text-field__wrapper.outlined [slot=append]{margin-top:20px}.s-textarea .s-text-field__wrapper.outlined textarea{margin-top:18px}.s-textarea .s-text-field__wrapper.solo [slot=prepend],.s-textarea .s-text-field__wrapper.solo [slot=append],.s-textarea .s-text-field__wrapper.solo textarea{margin-top:8px}.s-textarea .s-text-field__wrapper.autogrow textarea{overflow:hidden}.s-textarea .s-text-field__wrapper.no-resize textarea{resize:none}.s-input__slot{border-radius:inherit;align-items:center;color:inherit;display:flex;margin-bottom:8px;position:relative;transition:.3s cubic-bezier(.25,.8,.5,1) all;width:100%;height:inherit}.s-input__control{display:flex;flex-direction:column;width:100%}.s-input__details{color:var(--theme-text-secondary);display:flex;flex:1 0 auto;max-width:100%;font-size:12px;overflow:hidden}.s-input__details>[slot=messages]{display:flex;flex-direction:row;justify-content:space-between;flex-grow:1}.s-input{display:flex;align-items:center;flex-direction:row;flex:1 1 auto;font-size:16px;letter-spacing:normal;max-width:100%;text-align:left}.s-input input{max-height:32px}.s-input input,.s-input textarea{color:var(--theme-text-primary)}.s-input input:invalid,.s-input textarea:invalid{box-shadow:none}.s-input input:focus,.s-input input:active,.s-input textarea:focus,.s-input textarea:active{outline:none}.s-input input::placeholder,.s-input textarea::placeholder{color:var(--theme-text-disabled)}.s-input>[slot=prepend-outer],.s-input>[slot=append-outer]{align-self:flex-start;display:inline-flex;margin-bottom:4px;margin-top:4px;line-height:1}.s-input>[slot=prepend-outer]{margin-right:9px}.s-input>[slot=append-outer]{margin-left:9px}.s-input .s-icon{-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex;height:24px;flex:1 0 auto;justify-content:center;min-width:24px;width:24px}.s-input label{height:20px;line-height:20px;color:var(--theme-text-secondary);white-space:nowrap;transition:.3s cubic-bezier(.25,.8,.5,1) all}.s-input:focus-within .s-icon{color:inherit}.s-input.disabled{pointer-events:none;color:var(--theme-text-disabled)}.s-input.disabled input,.s-input.disabled textarea{color:var(--theme-text-disabled)}.s-input.disabled .s-icon{color:var(--theme-icons-inactive)}.s-input.disabled label{color:var(--theme-text-disabled)}.s-input.dense .s-input__slot{margin-bottom:4px}
