.phone-field{width:100%;box-shadow:var(--input-shadow);border-radius:24px;display:flex}.phone-field__country-container,.phone-field__phone-container{flex:50%;width:0;position:relative}.phone-field__country-container{max-width:173px}.phone-field__country-container svg{-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)scaleY(-1)}.phone-field__country,.phone-field__phone{background-color:var(--bg-primary);width:100%;padding:11px 16px;font-size:1.6rem;line-height:1.5}.error .phone-field__country,.error .phone-field__phone{border-color:var(--error);padding-top:9px;padding-bottom:9px}.error .phone-field__country{border-width:2px 1px 2px 2px}.error .phone-field__phone{border-width:2px 2px 2px 1px}.phone-field__country{border:1px solid var(--border);appearance:none;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);cursor:pointer;border-radius:24px 0 0 24px}.phone-field__phone{border-style:solid;border-color:var(--border);border-width:1px 1px 1px 0;border-radius:0 24px 24px 0}.phone-field__phone::placeholder{color:var(--text-tertiary)}.phone-field__phone:focus::placeholder{color:#0000}.phone-field__code{-webkit-user-select:none;user-select:none;pointer-events:none;display:block;position:absolute;top:50%;transform:translateY(-50%)}.phone-field__phone-container .phone-field__code{color:var(--text-tertiary);left:15px}.phone-field__country-container .phone-field__code{color:var(--text-primary);right:28px}.loader-container{width:var(--size);height:var(--size);border-radius:50%;position:relative;overflow:hidden;transform:translateZ(0)}.loader,.loader:before,.loader:after{border-radius:50%}.loader{color:var(--color);font-size:var(--size);text-indent:-99999em;width:calc(100% - .2em);height:calc(100% - .2em);margin:.1em;box-shadow:inset 0 0 0 .1em}.loader:before,.loader:after{content:"";position:absolute}.loader:before{background:var(--bg_color);transform-origin:100%;border-radius:1em 0 0 1em;width:.5em;height:1em;animation:2s 1.5s infinite load2;top:0;left:0}.loader:after{background:var(--bg_color);transform-origin:0;border-radius:0 1em 1em 0;width:.5em;height:1em;animation:2s infinite load2;top:0;right:0}@keyframes load2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-form{flex-direction:column;height:100%;display:flex}@media only screen and (width<=899px){.login-form__footer{border-top:1px solid var(--border-light);margin:auto -16px 0;padding:16px 16px 0}}.registration-form{flex-direction:column;height:100%;display:flex}@media only screen and (width<=899px){.registration-form__footer{border-top:1px solid var(--border-light);margin:auto -16px 0;padding:16px 16px 0}}