.registration-referal{display:flex;flex-direction:column;gap:8px;width:100%}.registration-referal__header{align-items:center;display:inline-flex;gap:4px;position:relative;width:-moz-fit-content;width:fit-content}.registration-referal__question,.registration-referal__toggle{align-items:center;background:none;border:none;color:#181819;cursor:pointer;display:inline-flex;padding:0}.registration-referal__question{height:24px;justify-content:center;width:24px}.registration-referal__toggle{gap:4px}.registration-referal__toggle:hover{color:#7248da}.registration-referal__caret{flex-shrink:0;transition:transform .2s ease}.registration-referal.is-open .registration-referal__caret{transform:rotate(180deg)}.registration-referal__input-wrap{position:relative;width:100%}.registration-referal__input{background-color:#fff;border:1px solid #e7e6e8;border-radius:12px;height:48px;outline:none;padding:12px 48px 12px 16px;width:100%}.registration-referal__input::-moz-placeholder{color:#919193}.registration-referal__input::placeholder{color:#919193}.registration-referal__input:hover{border-color:#8d6be0}.registration-referal__input:focus{border-color:#181819}.registration-referal__input:disabled{border-color:#d7d6d8;color:#b1b3b4;cursor:not-allowed}.registration-referal__clear{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;justify-content:center;padding:0}.registration-referal__clear,.registration-referal__edit-icon{height:24px;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:24px}.registration-referal__edit-icon{background-image:url(../img/svg/icon-input-edit-gray.svg);background-position:50%;background-repeat:no-repeat;pointer-events:none}.registration-referal__tooltip{background-color:#181819;border-radius:0 12px 12px;color:#fff;left:10px;max-width:calc(100vw - 32px);padding:12px;position:absolute;top:calc(100% + 14px);width:365px;z-index:5}.registration-referal__tooltip p{color:#fff;margin:0}.registration-referal__tooltip-arrow{background-color:#181819;bottom:100%;clip-path:polygon(0 0,0 100%,100% 100%);height:14px;left:0;position:absolute;width:22px}.registration-component.mobile-view{margin-left:auto;margin-right:auto;max-width:343px;width:100%}.registration-component.mobile-view .rega-form{gap:40px}.registration-component.mobile-view .rega-form .form-title{font-size:26px;font-weight:600;letter-spacing:.2px;line-height:125%;padding:0 30px 0 0}.registration-component.mobile-view .rega-form .form-wrap{flex-direction:column}.registration-component.mobile-view .rega-form .form-wrap .inputs-wrap{gap:24px}.registration-component.mobile-view .rega-form .form-wrap .form-field-columns{flex-direction:column;gap:12px}.registration-component.mobile-view .rega-form .form-wrap .form-field-columns .form-field-wrap{width:100%}.registration-component.mobile-view .rega-form .form-buttons{gap:12px;max-width:100%}.registration-component.mobile-view .rega-form .form-footer{flex-direction:column-reverse;gap:40px}.registration-component.mobile-view .rega-form .form-footer__hint{font-size:22px;font-weight:600;letter-spacing:.2px;line-height:125%}.registration-component.mobile-view .rega-form .form-footer__hint.mobile{display:block}.registration-component.mobile-view .rega-form .form-footer__hint.desktop{display:none}.registration-component.mobile-view .rega-form .form-footer__privacy .component-checkbox__label{padding-right:20px}.registration-component.mobile-view .rega-form .form-footer__third-auth{flex-direction:column;gap:24px;justify-content:center}.registration-component .form-buttons{display:flex;flex-direction:column;gap:16px;max-width:40%;width:100%}.registration-component .login-description{color:#585659}.registration-component .rega-form{display:flex;flex-direction:column;gap:24px}.registration-component .rega-form .form-title{font-size:30px;font-weight:600;letter-spacing:.4px;line-height:130%;padding-bottom:48px;padding-right:440px}.registration-component .rega-form .form-field-columns,.registration-component .rega-form .form-field-wrap,.registration-component .rega-form .form-wrap,.registration-component .rega-form .inputs-wrap{display:flex}.registration-component .rega-form .form-wrap{gap:32px}.registration-component .rega-form .inputs-wrap{flex-direction:column;gap:16px;justify-content:space-between;width:100%}.registration-component .rega-form .form-field-columns{gap:12px}.registration-component .rega-form .form-field-columns .form-field-wrap{width:calc(50% - 6px)}.registration-component .rega-form .form-footer__privacy .component-checkbox__label{color:#585659;font-size:14px;font-weight:400;letter-spacing:-.2px;line-height:130%;padding-right:30px}.registration-component .rega-form .form-footer__privacy .component-checkbox__label:before{top:3px}.registration-component .rega-form .form-footer__third-auth{align-items:center;flex-direction:row;gap:12px}.registration-component .rega-form .form-footer__hint.mobile{display:none}.registration-component .rega-form .timer{color:#585659;cursor:default}.registration-component .rega-form .timer:hover{background-color:#fff;border:1px solid #d0bef1}@media(max-width:1199px){.registration-component{margin-left:auto;margin-right:auto;max-width:343px;width:100%}.registration-component .rega-form{gap:40px}.registration-component .rega-form .form-title{font-size:26px;font-weight:600;letter-spacing:.2px;line-height:125%;padding:0 30px 0 0}.registration-component .rega-form .form-wrap{flex-direction:column}.registration-component .rega-form .form-wrap .inputs-wrap{gap:24px}.registration-component .rega-form .form-wrap .form-field-columns{flex-direction:column;gap:12px}.registration-component .rega-form .form-wrap .form-field-columns .form-field-wrap{width:100%}.registration-component .rega-form .form-buttons{gap:12px;max-width:100%}.registration-component .rega-form .form-footer{flex-direction:column-reverse;gap:40px}.registration-component .rega-form .form-footer__hint{font-size:22px;font-weight:600;letter-spacing:.2px;line-height:125%}.registration-component .rega-form .form-footer__hint.mobile{display:block}.registration-component .rega-form .form-footer__hint.desktop{display:none}.registration-component .rega-form .form-footer__privacy .component-checkbox__label{padding-right:20px}.registration-component .rega-form .form-footer__third-auth{flex-direction:column;gap:24px;justify-content:center}}