@keyframes rotate {
    0% {
        transform: rotate(0deg) scale(.8)
    }

    20% {
        transform: rotate(45deg) scale(.8)
    }

    25% {
        transform: rotate(40deg) scale(.8)
    }

    30% {
        transform: rotate(50deg) scale(.8)
    }

    50% {
        transform: rotate(180deg) scale(.8)
    }

    60% {
        transform: rotate(220deg) scale(.8)
    }

    70% {
        transform: rotate(200deg) scale(.8)
    }

    75% {
        transform: rotate(150deg) scale(.8)
    }

    80% {
        transform: rotate(200deg) scale(.8)
    }

    to {
        transform: rotate(1turn) scale(.8)
    }
}

@keyframes rotateCenter {
    0% {
        transform: translate(-50%, -50%) rotate(0deg) scale(.8)
    }

    20% {
        transform: translate(-50%, -50%) rotate(45deg) scale(.8)
    }

    25% {
        transform: translate(-50%, -50%) rotate(40deg) scale(.8)
    }

    30% {
        transform: translate(-50%, -50%) rotate(50deg) scale(.8)
    }

    50% {
        transform: translate(-50%, -50%) rotate(180deg) scale(.8)
    }

    60% {
        transform: translate(-50%, -50%) rotate(220deg) scale(.8)
    }

    70% {
        transform: translate(-50%, -50%) rotate(200deg) scale(.8)
    }

    75% {
        transform: translate(-50%, -50%) rotate(150deg) scale(.8)
    }

    80% {
        transform: translate(-50%, -50%) rotate(200deg) scale(.8)
    }

    to {
        transform: translate(-50%, -50%) rotate(1turn) scale(.8)
    }
}

@keyframes spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.auth-popup-container {
    border-top: 1px solid #c4c8cc;
    display: flex;
    flex-direction: column;
    padding: 30px 0 24px
}

.auth-popup-container .hide-tabs {
    display: none !important
}

.auth-popup-container .auth-tabs {
    border: 1px solid;
    border-radius: 10px;
    display: flex;
    height: auto;
    margin: 0 24px;
    color:rgb(11, 5, 29);
}

.auth-popup-container .auth-tabs .active {
    background-color: rgb(11, 5, 29) !important;
    color:rgb(255, 168, 205);

}

.auth-popup-container .auth-tabs .tab {
    background-color: #fff;
    border: none;
    border-radius: 10px;
    flex: 1;
    font-size: 1rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1.4375;
    padding: .5rem;
    text-align: center
}

.auth-popup-container .auth-tabs .tab a{
    text-decoration: none;
}

.auth-popup-container .auth-tabs .tab:hover {
    color:rgb(255, 168, 205);

    cursor: pointer
}

.auth-popup-container .auth-form {
    align-items: flex-start;
    display: none;
    flex-direction: column;
    margin: 0 1.5rem
}

.auth-popup-container .register-callback-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    margin-top: 24px
}

.auth-popup-container .register-callback-content .content-header {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center
}

.auth-popup-container .register-callback-content .content-header .img {
    align-items: center
}

.auth-popup-container .register-callback-content .content-header p {
    color: #121416;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0;
    text-align: center
}

.auth-popup-container .register-callback-content .content-body {
    align-items: center
}

.auth-popup-container .register-callback-content .content-body p {
    color: #2d3333;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    text-align: center
}

.auth-popup-container .register-callback-content .content-body p span {
    color: var(--special-use-marnello-red-600, #eb003b);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.auth-popup-container .register-callback-content .resend-success {
    align-items: center;
    background: var(--backgrounds-acid-green-0, #e8ffe1);
    border-radius: 8px;
    display: flex;
    gap: 8px;
    justify-content: center;
    padding: 8px 20px;
    width: 320px
}

.auth-popup-container .register-callback-content .resend-success p {
    font-feature-settings: "clig" off, "liga" off;
    color: #121416;
    font-family: Figtree;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.126px;
    line-height: 115%;
    text-align: center
}

.auth-popup-container .register-callback-content .resend-btn {
    align-items: center;
    border: 1px solid #121416;
    border-radius: 100px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 15px 20px;
    width: 320px
}

.auth-popup-container .register-callback-content .resend-btn p {
    font-feature-settings: "clig" off, "liga" off;
    color: #121416;
    font-family: Proxima Nova, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.126px;
    line-height: 115%;
    margin: 0;
    text-align: center
}

.auth-popup-container .register-callback-content .resend-btn:hover {
    background-color: #ff509c;
    cursor: pointer
}

.auth-popup-container .register-callback-content .content-footer p {
    color: #121416;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    text-align: center
}

.auth-popup-container .register-callback-content .content-footer p a {
    color: #121416;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-decoration-line: underline
}

.auth-popup-container #register .form-text p {
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4375rem;
    text-align: left
}

.auth-popup-container #register .password-rules .red-text {
    color: red
}

.auth-popup-container #register .password-rules p {
    color: #121416;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px;
    margin: 0
}

.auth-popup-container #register .password-rules ul {
    color: var(--greys-morai-silver-900, #66707c);
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px;
    margin: 0;
    padding-left: 1.5rem
}

.auth-popup-container .reset-p-form .form-text,
.auth-popup-container .reset-p-form .form-text-message {
    text-align: center
}

.auth-popup-container .reset-p-form .back-to-login-container {
    margin-top: 15px;
    text-align: center
}

.auth-popup-container .reset-p-form .back-to-login-container a {
    border-bottom: 1px solid #121416;
    font-size: .875rem;
    letter-spacing: normal;
    line-height: 1.35714
}

.auth-popup-container .reset-p-form .back-to-login-container a:hover {
    border-bottom: 1px solid #ff509c;
    color: #0089b3
}

.auth-popup-container .active-form {
    display: flex !important
}

.auth-popup-container .form-text {
    margin-top: 1.5rem
}

.auth-popup-container .form-text .form-socials {
    color: #000;
    font-size: .75rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1rem;
    text-align: center
}

.auth-popup-container .form-text .form-socials a {
    border-bottom: 1px solid #121416;
    color: #121416;
    text-decoration: none
}

.auth-popup-container .form-text p {
    margin: 8px 0
}

.auth-popup-container .form-text p:first-child {
    color: #000;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2rem;
    text-align: center
}

.auth-popup-container .form-text p:nth-child(2) {
    color: #000;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4375rem;
    text-align: center
}

.auth-popup-container .form-separator {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 1.5rem 0 1rem;
    width: 100%
}

.auth-popup-container .form-separator .form-line-brake {
    border: solid #c4c8cc;
    border-width: 1px 0 0;
    flex: 1 1 0
}

.auth-popup-container .form-separator span {
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.35714;
    padding: 0 1rem;
    text-transform: uppercase
}

.auth-popup-container .input-box {
    padding-bottom: 1rem;
    padding-top: 4px;
    width: 100%
}

.auth-popup-container .input-box label {
    display: block;
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4375;
    margin-bottom: .25rem
}

.auth-popup-container .input-box input,
.auth-popup-container .form-box-new select {
    border: 1px solid #c4c8cc;
    border-radius: .1875rem;
    display: block;
    font-family: Figtree, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 20px;
    padding: .5rem;
    width: 100%;
}

.auth-popup-container .input-box .error {
    border: 1px solid #eb003b !important;
    color: #eb003b !important
}

.auth-popup-container .input-box .email-input,
.auth-popup-container .input-box .password-input {
    display: flex;
    position: relative
}

.auth-popup-container .input-box .email-input .inside-container,
.auth-popup-container .input-box .password-input .inside-container {
    bottom: 0;
    overflow: visible;
    position: absolute;
    right: .625rem;
    top: .5625rem
}

.auth-popup-container .input-box .email-input .show-password,
.auth-popup-container .input-box .password-input .show-password {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none transparent;
    border: none;
    color: #00a887;
    cursor: pointer;
    font-family: inherit;
    font-size: 1rem;
    line-height: 1;
    margin: 0;
    overflow: visible;
    padding: 0;
    text-transform: none
}

.auth-popup-container .forgot-password {
    display: flex;
    justify-content: right
}

.auth-popup-container .forgot-password a {
    border-bottom: 1px solid #121416;
    font-size: .875rem;
    letter-spacing: normal;
    line-height: 1.35714
}

.auth-popup-container .forgot-password a:hover {
    border-bottom: 1px solid #ff509c;
    color: #0089b3
}

.auth-popup-container .form-terms-of-use {
    margin: 1rem 0 2rem;
    text-align: left
}

.auth-popup-container .form-terms-of-use div {
    color: #99a2ac;
    font-size: .875rem;
    letter-spacing: normal;
    line-height: 1.35714
}

.auth-popup-container .form-terms-of-use div a {
    border-bottom: 1px solid #121416;
    color: #121416;
    text-decoration: none
}

.auth-popup-container .submit-button {
    align-items: center;
    background-color: #121416;
    border: none;
    border-radius: 4rem;
    color: #fff;
    display: inline-flex;
    font-family: Figtree, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    height: 2.875rem;
    justify-content: center;
    padding-left: 2rem;
    padding-right: 2rem;
    position: relative;
    transition: background-color .2s ease 0s, color .2s ease 0s;
    width: 100%
}

.auth-popup-container .submit-button:hover {
    background-color: #ff509c;
    color: #111315;
    transition: background-color .2s ease 0s, color .2s ease 0s
}

.auth-popup-container .error-message {
    color: #ff0040;
    display: none;
    font-size: .75rem;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.33333
}

.auth-popup-container .show-error {
    display: flex !important
}

.auth-popup-container .formSwitch {
    color: #000;
    font-size: 1rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.4375rem;
    text-align: center
}

.auth-popup-container .formSwitch a {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
    text-decoration-line: underline
}

.auth-popup-container .hide-button {
    display: none !important
}

.vc_grid-item {
    margin-left: -5px;
}