.input{position:relative;display:flex;align-items:center;flex-direction:column;width:100%}.input input::placeholder{transition:var(--Transition-hover)}.input input[type=tel]{padding:20px var(--g-16) var(--g-8) calc(var(--g-16) + 45px)}.input input[type=tel]+.input__label{top:6px;font-size:12px}.input input[type=date]{padding:20px calc(var(--g-16) - 2px) var(--g-8)}.input input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;box-sizing:border-box;position:absolute;top:-1px;right:-1px;height:calc(100% + 2px);width:calc(100% + 2px);padding:16px;border-radius:var(--Corner-Small);color:transparent;background:transparent}.input input[type=date]::-webkit-calendar-picker-indicator:focus{outline-color:var(--elements-accent)}.input input:focus:not(:read-only)+.input__label,.input input:not(:placeholder-shown)+.input__label{top:6px;font-size:12px}.input input:not([type=tel]):not(:focus):placeholder-shown::placeholder{color:transparent}.input--sm .input__field{height:44px;min-height:44px;max-height:44px;padding:var(--g-12) var(--g-8) var(--g-12) var(--g-12);border-radius:var(--Corner-Small)}.input--sm .input__label{display:none}.input--disabled{color:var(--elements-medium-gray-50);opacity:.6;pointer-events:none}.input--disabled .input__label{color:var(--elements-medium-gray-50)}.input--clearable input{padding-right:36px!important}.input__field{flex:1;height:52px;min-height:52px;max-height:52px}.input__country-code{height:calc(100% - 4px);line-height:normal;position:absolute;padding:20px 0 var(--g-8) var(--g-16);left:2px;top:2px;border-radius:var(--Corner-Small)}.input__label{position:absolute;top:17px;left:16px;font-size:14px;line-height:1.2;color:var(--elements-medium-gray);transition:var(--Transition-hover)}.input__password-visibility,.input__clear{position:absolute;border:0;background:none;cursor:pointer;color:var(--color-white)}.input__clear{display:none;justify-content:center;align-items:center;height:100%;padding:0;width:36px;top:0;right:0}@media (min-width: 1280px){.input__clear{right:var(--g-2)}}.input__clear.show{display:flex}.input__clear svg{width:10px;height:10px}.input__password-visibility{top:6px;right:calc(var(--g-16) - 10px);color:var(--elements-medium-gray);padding:10px}.input__password-visibility .input__password-show,.input__password-visibility .input__password-hide{display:flex;width:20px;height:20px;transition:var(--Transition-hover)}.input__password-visibility .input__password-hide{position:absolute;top:10px}.input__password-visibility:not(.show) .input__password-show{visibility:visible;opacity:1}.input__password-visibility:not(.show) .input__password-hide{visibility:hidden;opacity:0}.input__password-visibility.show .input__password-show{visibility:hidden;opacity:0}.input__password-visibility.show .input__password-hide{visibility:visible;opacity:1}.input.invalid input{border-color:var(--elements-red);outline-color:var(--elements-red)}