.base-form-hint{position:relative;z-index:2;cursor:default}.base-form-hint__icon{display:none;position:absolute;right:1rem;top:-1.75rem;width:1rem;height:1rem}.base-form-hint__inner{width:100%;position:absolute;background:#ffe8e5;border-radius:0 0 4px 4px;font-size:12px;color:#5f0505;padding:4px 6px;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-1)}.base-form-hint--right .base-form-hint__inner{right:0}.base-form-hint--left .base-form-hint__inner{left:0}.base-form-label__name{display:flex;font-size:12px;margin-bottom:6px;color:var(--color-gray-500)}.base-form-field{position:relative;flex:1 1 0}.base-form-field--error .base-form-input,.base-form-field--error .base-form-color-picker,.base-form-field--error .base-form-select{border-color:var(--color-red)!important}.base-form-field--required .base-form-label__name{position:relative}.base-form-field--required .base-form-label__name:after{content:"*";margin-left:2px;color:var(--color-red)}html[dir=rtl] .base-form-field--required .base-form-label__name:after{margin-left:0;margin-right:2px}.base-form-field .base-form-hint{position:absolute;right:0;bottom:0;width:100%}.base-form-field .base-form-checkbox{margin-top:4px}.base-form-input{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;width:100%;background-color:var(--color-gray-200);border-radius:var(--radius-sm);line-height:1;box-sizing:border-box;outline:none;border:2px solid transparent;transition:all .3s;color:var(--color-gray-firm);cursor:text}.base-form-input:focus{border-color:var(--color-gray-400)}.base-form-input::placeholder{font-size:14px;color:var(--color-gray-400)}.base-form-input:disabled{color:var(--color-gray-400);background-color:var(--color-gray-300)}.base-form-input-prefix{-webkit-user-select:none;user-select:none;font-size:12px;color:var(--color-gray-400);border-right:1px solid var(--color-gray-300);padding-right:8px;display:flex;align-items:center;line-height:1;width:25px;overflow:hidden}html[dir=rtl] .base-form-input-prefix{border-right:none;padding-right:0;border-left:1px solid var(--color-gray-300);padding-left:8px}.base-form-input-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;border:none;padding:0;line-height:1}.base-form-input--textarea .base-form-input-input{resize:none;line-height:1.4}.base-form-input-input:focus{outline:none}.base-form-input--regular{font-size:14px;padding:10px 14px}.base-form-input--small{font-size:12px;padding:6px 10px}.base-form-input--textarea{align-items:flex-start}