.base-input{display:flex;flex:1;flex-direction:column;min-width:0;position:relative;width:100%}.base-input .input-control{display:flex;flex:1;min-width:1px;position:relative}.base-input .input-icon{align-self:center;color:var(--input-icon-color,inherit);height:var(--input-icon-size,2.4rem);min-height:var(--input-icon-size,2.4rem);min-width:var(--input-icon-size,2.4rem);width:var(--input-icon-size,2.4rem)}.base-input .input-icon--right{margin-right:0}.base-input .input-wrapper{align-items:stretch;background:var(--almost-white);border:1px solid rgba(0,0,0,.08);border-radius:8px;color:var(--bg);display:flex;font-size:var(--body-font-size-4);font-weight:500;gap:10px;line-height:1;padding:6px 16px;position:relative;transition:border .2s ease-in-out}.base-input .input-wrapper.input--m{--input-icon-size:2rem;min-height:var(--control-size--m)}.base-input .input-wrapper.input--ml{--input-icon-size:2.4rem;min-height:var(--control-size--ml)}.base-input .input-wrapper.input--l{--input-icon-size:2.4rem;min-height:var(--control-size--l)}.base-input .input-wrapper .input-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:inherit!important;border:none;color:inherit;flex:1;font:inherit;line-height:1;margin-top:1.3rem;min-width:0;outline:none;padding:0;resize:none}.base-input .input-wrapper .input-trigger:disabled{cursor:not-allowed}.base-input .input-wrapper .input-trigger::placeholder{color:transparent;display:none;font-size:0}.base-input .input-wrapper .input-trigger::-webkit-input-placeholder{color:transparent;display:none;font-size:0}.base-input .input-wrapper .input-trigger::-moz-placeholder{color:transparent;display:none;font-size:0}.base-input .input-wrapper .input-trigger:-ms-input-placeholder{color:transparent;display:none;font-size:0}.base-input .input-wrapper .input-trigger::-ms-input-placeholder{color:transparent;display:none;font-size:0}.base-input .input-wrapper .input-trigger:not(:-moz-placeholder)+.input-placeholder{font-size:1.3rem;top:0;transform:none}.base-input .input-wrapper .input-trigger:focus+.input-placeholder,.base-input .input-wrapper .input-trigger:not(:placeholder-shown)+.input-placeholder{font-size:1.3rem;top:0;transform:none}.base-input .input-wrapper .input-trigger[type=number]::-webkit-inner-spin-button,.base-input .input-wrapper .input-trigger[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.base-input .input-wrapper .input-trigger[type=number]{-moz-appearance:textfield}.base-input .input-wrapper.input--main-1{background:var(--main-1);border-color:#ffffff1a;color:var(--main-4)}.base-input .input-wrapper.input--main-1 .input-placeholder{color:var(--main-4)}.base-input .input-wrapper.input--main-1 .input-control{color:var(--almost-white)}.base-input .input-actions{align-items:center;display:flex;gap:8px;margin:0}.base-input .input-actions>*{background:none;border:none;cursor:pointer}.base-input.error .input-wrapper{border-color:var(--system-error)}.base-input.success .input-wrapper{border-color:var(--system-allow)}.base-input.warning .input-wrapper{border-color:var(--system-warning)}.base-input .error-message,.base-input .warning-message{margin-top:4px}.base-input .input-placeholder{background:transparent;color:#0a182540;font:inherit;left:2px;margin:0;padding:0;pointer-events:none;position:absolute;transition:all .2s ease}.base-input .input-placeholder,.base-input--input .input-placeholder{top:50%;transform:translateY(-50%)}.base-input--textarea .input-placeholder{top:16px}.base-input--textarea .input-actions,.base-input--textarea .input-icon,.base-input--textarea .status-icon{align-self:flex-start}.base-input--textarea .status-icon{margin-top:10px}.base-input .input-loader{animation:button-spin .6s linear infinite;will-change:transform}@keyframes button-spin{to{transform:rotate(-1turn)}}.status-icon{align-items:center;align-self:center;display:flex;justify-content:center;position:relative}.error-icon{color:var(--system-error)}.success-icon{color:var(--system-allow)}.warning-icon{color:var(--system-warning)}.error-message,.warning-message{font-family:var(--font-default),sans-serif;font-size:var(--body-font-size-6);font-weight:500;line-height:150%}.error-message{color:var(--system-error)}.warning-message{color:var(--system-warning)}