/*!* Styles for login elements *!*/
/*.MuiPaper-root {*/
/*    opacity: 1;*/
/*    transform: none;*/
/*    border-radius: 10px;*/
/*    overflow: initial;*/
/*    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 20px;*/
/*    transition: opacity 302ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 201ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;*/
/*    top: 93px;*/
/*    left: 1451px;*/
/*    transform-origin: 125px -15px;*/
/*    background-color: rgb(255, 255, 255);*/
/*}*/

/*.jss121 {*/
/*    width: 344px;*/
/*    display: flex;*/
/*    padding: 28px 24px;*/
/*    justify-content: center;*/
/*}*/

/*.MuiFormControl-root {*/
/*    display: inline-flex;*/
/*    flex-direction: column;*/
/*    position: relative;*/
/*    min-width: 0px;*/
/*    padding: 0px;*/
/*    margin: 0px;*/
/*    border: 0px;*/
/*    vertical-align: top;*/
/*    width: 100%;*/
/*}*/

/*.jss124 {*/
/*    !*margin-top: 20px;*!*/
/*    !* padding: 20px; *!*/
/*}*/

/*.jss128 {*/
/*    width: 100%;*/
/*    display: flex;*/
/*    overflow: hidden;*/
/*    position: relative;*/
/*    font-size: 14px;*/
/*    align-items: center;*/
/*    border-radius: 50px;*/
/*    background-color: #F9F8FD;*/
/*}*/

/*.jss129 {*/
/*    flex: 1 1 auto;*/
/*    border: 1px solid rgba(0, 0, 0, 0.1);*/
/*    padding: 0 16px;*/
/*    font-size: 14px;*/
/*    background: transparent;*/
/*    font-family: "Readex Pro";*/
/*    font-weight: 500;*/
/*    line-height: 40px;*/
/*    border-radius: 50px;*/
/*}*/

/*.jss126 {*/
/*    margin-top: 20px;*/
/*}*/

/*.jss127 {*/
/*    !* display: none; *!*/
/*    max-height: 0;*/
/*}*/

/*.jss221 {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    margin-top: 6px;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    !* display: none; *!*/
/*}*/

/*.jss222 button {*/
/*    cursor: pointer;*/
/*}*/

/*.jss224 {*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    position: relative;*/
/*    box-sizing: border-box;*/
/*    cursor: pointer;*/
/*    user-select: none;*/
/*    vertical-align: middle;*/
/*    color: rgb(255, 255, 255);*/
/*    font-weight: 500;*/
/*    text-transform: none;*/
/*    font-family: "Readex Pro", Roboto, Helvetica, Arial, sans-serif;*/
/*    font-size: 0.875rem;*/
/*    line-height: 1.75;*/
/*    min-width: 64px;*/
/*    background-color: rgb(234, 65, 96);*/
/*    box-shadow: rgba(234, 65, 96, 0.5) 0px 10px 30px;*/
/*    min-height: 42px;*/
/*    margin: 0px;*/
/*    text-decoration: none;*/
/*    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);*/
/*    border-radius: 50px;*/
/*    padding: 10px 16px;*/
/*    width: 100%;*/
/*    margin-top: 20px;*/
/*}*/

/*!*Styles for registration form*!*/
/*.modal-root {*/
/*    position: fixed;*/
/*    z-index: 1300;*/
/*    inset: 0;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/

/*.modal-backdrop {*/
/*    position: fixed;*/
/*    inset: 0;*/
/*    background-color: rgba(0, 0, 0, 0.5);*/
/*    transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1);*/
/*}*/

/*.modal-container {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    outline: 0;*/
/*}*/

/*.modal-content {*/
/*    background: #fff;*/
/*    color: rgba(0, 0, 0, 0.87);*/
/*    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);*/
/*    border-radius: 4px;*/
/*    max-width: 640px;*/
/*    padding: 24px;*/
/*}*/

/*.close-button {*/
/*    position: absolute;*/
/*    top: -10px;*/
/*    right: -10px;*/
/*    width: 28px;*/
/*    height: 28px;*/
/*    background-color: #dedede;*/
/*    border-radius: 50%;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    cursor: pointer;*/
/*}*/

/*.modal-header {*/
/*    text-align: center;*/
/*    margin-bottom: 20px;*/
/*}*/

/*.modal-title {*/
/*    font-size: 1.4583rem;*/
/*    font-weight: 600;*/
/*}*/

/*.registration-form {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*}*/

/*.form-group {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*}*/

/*.gender-button {*/
/*    background-color: #eee;*/
/*    padding: 10px 38px;*/
/*    border-radius: 50px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    cursor: pointer;*/
/*}*/

/*.gender-label {*/
/*    margin-left: 8px;*/
/*    color: #503eb6;*/
/*}*/

/*.form-input-group {*/
/*    margin-top: 20px;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    gap: 20px;*/
/*}*/

/*.form-input {*/
/*    width: 100%;*/
/*    padding: 0 16px;*/
/*    height: 40px;*/
/*    border: 1px solid rgba(0, 0, 0, 0.1);*/
/*    border-radius: 50px;*/
/*    background: #f9f8fd;*/
/*}*/

/*.policy-list {*/
/*    margin-top: 20px;*/
/*    display: flex;*/
/*    gap: 10px;*/
/*    list-style: none;*/
/*    padding: 0;*/
/*}*/



.auth-forms{}
.auth-forms .signin-form {
    position: absolute;
    top: 100px;
    left: 60vw;
    transition: none;
}

.auth-forms .signin-form:before {
    background-color: white;
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: -5px;
    transform: rotate(45deg);
    left: calc(50% - 6px);
}

.auth-forms .signin-form .btns-block p {
    width: 100%;
    font-size: 0;
}
.auth-forms .signin-form p:empty,
.auth-forms .signup-form p:empty {
    display: none;
    font-size: 0;
}

.auth-forms .signup-form .Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.12);
    pointer-events: none;
    cursor: default;
}

@media (max-width: 767px) {
    .auth-forms .signin-form {
        top: 80px;
        left: 5vw;
    }
}

/* === Gender selection buttons (shared by signin / signup) === */
.auth-forms .select-gender:hover {
    background-color: #E5DDFA !important;
    transform: translateY(-1px);
}
.auth-forms .select-gender.active {
    background-color: #503EB6 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(80, 62, 182, 0.35);
    transform: translateY(-1px);
}
.auth-forms .select-gender.active span {
    color: #ffffff !important;
}
.auth-forms .select-gender.active svg,
.auth-forms .select-gender.active svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
}
.auth-forms .select-gender.active:focus {
    outline: 2px solid #503EB6 !important;
    outline-offset: 2px;
}

/* === Google continue (coral) button === */
.auth-forms .google-continue-btn:hover:not(:disabled) {
    background-color: #d6334f !important;
    box-shadow: 0 12px 32px rgba(234, 65, 96, 0.6) !important;
    transform: translateY(-1px);
}

.auth-forms br,
.auth-forms p:empty {
    display: none;
}

.auth-forms .error-message {
    color: rgb(211, 47, 47);
    font-size: 12px;
    font-weight: 500;
    padding-left: 16px;
}

.auth-forms button:disabled {
    color: rgba(0, 0, 0, 0.26);
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.12);
    cursor: default;
}

.auth-forms .agreed-polices-wrapper {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    /*margin-left: 0px;*/
    /*margin-right: 0px;*/
    margin: -30px 0 0;
}
.auth-forms .agreed-polices-wrapper .agreed-polices-checkbox-element {}

.auth-forms .agreed-polices-wrapper .agreed-polices-checkbox-element {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px 8px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.6);
    padding: 0px;
    border-radius: 4px;
    width: 22px;
    height: 22px;
}
.auth-forms .agreed-polices-wrapper .agreed-polices-checkbox-element input {
    cursor: inherit;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    z-index: 1;
}
.auth-forms .agreed-polices-wrapper .agreed-polices-checkbox-element svg {
    fill: #0009;
}
.auth-forms .agreed-polices-wrapper .agreed-polices-checkbox-element svg path.filled {
    display: none;
}
.auth-forms .agreed-polices-wrapper .agreed-polices-checkbox-element.checked svg,
.auth-forms .agreed-polices-wrapper .agreed-polices-checkbox-element.checked svg path.filled {
    color: rgb(80, 62, 182);
    fill: rgb(80, 62, 182);
    display: block;
}

@media (max-width:430px) {
    /*.auth-forms .signup-form {*/
    /*    zoom: 1.1;*/
    /*}*/
    .auth-forms .signup-form .jss55 {
        padding: 28px 12px !important;
    }

    .auth-forms .signup-form .agreed-polices-wrapper {
        margin-top: -15px;
    }

    .auth-forms .signup-form .agreed-polices-wrapper svg {
        width: 24px;
        height: 24px;
    }

    /*.auth-forms .signup-form .select-gender .jss266 {*/
    /*    zoom: 0.9;*/
    /*}*/

    .auth-forms .signup-form {

    }
}