.registration-referal{display:flex;flex-direction:column;gap:8px;width:100%}.registration-referal__header{position:relative;display:inline-flex;align-items:center;gap:4px;width:-moz-fit-content;width:fit-content}.registration-referal__question,.registration-referal__toggle{background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;color:#181819}.registration-referal__question{width:24px;height:24px;justify-content:center}.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{width:100%;height:48px;padding:12px 48px 12px 16px;border:1px solid #e7e6e8;border-radius:12px;background-color:#fff;outline:none}.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{cursor:not-allowed;color:#b1b3b4;border-color:#d7d6d8}.registration-referal__clear{background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.registration-referal__clear,.registration-referal__edit-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:24px;height: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{position:absolute;top:calc(100% + 14px);left:10px;background-color:#181819;color:#fff;padding:12px;border-radius:0 12px 12px;width:365px;max-width:calc(100vw - 32px);z-index:5}.registration-referal__tooltip p{color:#fff;margin:0}.registration-referal__tooltip-arrow{position:absolute;bottom:100%;left:0;width:22px;height:14px;background-color:#181819;clip-path:polygon(0 0,0 100%,100% 100%)}.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{padding:0 30px 0 0;font-weight:600;font-size:26px;line-height:125%;letter-spacing:.2px}.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{max-width:100%;gap:12px}.registration-component.mobile-view .rega-form .form-footer{flex-direction:column-reverse;gap:40px}.registration-component.mobile-view .rega-form .form-footer__hint{font-weight:600;font-size:22px;line-height:125%;letter-spacing:.2px}.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{justify-content:center;flex-direction:column;gap:24px}.registration-component .form-buttons{display:flex;flex-direction:column;gap:16px;width:100%;max-width:40%}.registration-component .login-description{color:#585659}.registration-component .rega-form{display:flex;flex-direction:column;gap:24px}.registration-component .rega-form .form-title{padding-bottom:48px;padding-right:440px;font-weight:600;font-size:30px;line-height:130%;letter-spacing:.4px}.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;width:100%;justify-content:space-between}.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-weight:400;font-size:14px;line-height:130%;letter-spacing:-.2px;padding-right:30px}.registration-component .rega-form .form-footer__privacy .component-checkbox__label:before{top:3px}.registration-component .rega-form .form-footer__third-auth{flex-direction:row;align-items:center;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{padding:0 30px 0 0;font-weight:600;font-size:26px;line-height:125%;letter-spacing:.2px}.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{max-width:100%;gap:12px}.registration-component .rega-form .form-footer{flex-direction:column-reverse;gap:40px}.registration-component .rega-form .form-footer__hint{font-weight:600;font-size:22px;line-height:125%;letter-spacing:.2px}.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{justify-content:center;flex-direction:column;gap:24px}}