.accountMenu-root-D2y {
    /* transition: opacity 192ms var(--venia-global-anim-out),
        visibility 192ms var(--venia-global-anim-out),
            left 0s 192ms; */
    width: 100%;

    /* TODO @TW: cannot compose */

    /* TODO @TW: review (B6) */
    /* composes: invisible from global; */
    visibility: hidden;
    top: 0;
    left: 0;
}

.accountMenu-root_open-pbR {
    transition: opacity 224ms var(--venia-global-anim-in),
        visibility 224ms var(--venia-global-anim-in), left 0s;

    /* TODO @TW: review (B6) */
    /* composes: visible from global; */
    visibility: visible;
    height: 100vh; 
}

.accountMenu-contentsSign-6bA {
    /* composes: w-[38.96vw] from global; */
    min-height: 10rem;
    transition-duration: 192ms;
    transition-property: transform;
    transition-timing-function: var(--venia-global-anim-out);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 35.0625rem;
    min-width: 35.0625rem;
}

.accountMenu-contentsOneUser--uf {
    /* composes: w-[38.96vw] from global; */
    min-height: 10rem;
    transition-duration: 192ms;
    transition-property: transform;
    transition-timing-function: var(--venia-global-anim-out);
    /* transform: translate(-50%, -50%); */
    top: 70px;
    right: 0;
    background: #fefefe;
    /* min-width: 561px; */
}


.accountMenu-contentsTwoUser-Zik {
    /* composes: w-[38.96vw] from global; */
    min-height: 10rem;
    transition-duration: 192ms;
    transition-property: transform;
    transition-timing-function: var(--venia-global-anim-out);
    /* transform: translate(-50%, -50%); */
    top: 70px;
    right: 0;
    background: #fefefe;
    /* min-width: 561px; */
}

.accountMenu-contents_Sign_open-zkd {
    transition-duration: 224ms;
    transition-timing-function: var(--venia-global-anim-in);
}

.accountMenu-contents_User_open_one-x3D {
    transition-duration: 224ms;
    transition-timing-function: var(--venia-global-anim-in);
}

.accountMenu-contents_User_open_two-1Rt {
    transition-duration: 224ms;
    transition-timing-function: var(--venia-global-anim-in);
}

.accountMenu-createAccount-fDU {
}

.accountMenu-forgotPassword-r-6 {
}

.accountMenu-loading-pgH {
}

.accountMenu-create_account-f2i {
    width: 60rem;
}

.accountMenu-signin-MrW {
    position: fixed;
}

.accountMenu-forgot_password--qe {
    width: 34.875rem;
    min-width: 34.875rem;
}
.accountMenu-jyQianru-1z5{
    box-shadow: none;
}
.accountMenu-jyQianru-1z5 .accountMenu-signin-MrW {
    position: absolute;
}

@media (max-width: 960px) {
    .accountMenu-root_open-pbR {}

    .accountMenu-root_open-pbR:before {
        content: '';
        position: fixed;
        z-index: 0;
        left: -2rem;
        top: 0;
        right: -2rem;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .accountMenu-contentsSign-6bA {
        width: 100%;
        min-width: 320px;
        max-width: 480px;
    }
}
.accountMenu-modalPopup-ldm {
    width: 100%;
    height: 100%;
    transform: none;
    left: 0;
    top: 0;
    overflow: auto;
    max-height: 100vh;
    display: flex
}
@media (max-width: 960px) {
    .accountMenu-modalPopup-ldm {
        max-width: none;
        overflow: auto;
        display: block;
    }
}
.accountMenu-leftImge-phP {
    width: 50%;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.accountMenu-leftImge-phP .accountMenu-img-SIO {
    width: 30%;
        margin-top: 18px;
}
@media (max-width: 960px) {
    .accountMenu-leftImge-phP {
        width: 100%;
        height: 20vh;
    }
    .accountMenu-leftImge-phP .accountMenu-img-SIO {
        /* margin-top: 42px; */
        margin-top: 20px;
        display: none;
    }
}
.accountMenu-closeButton-Lg1 {
    position: absolute;
     top: 12px; left: 12px;
     background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgOUMwIDQuMDI5NDQgNC4wMjk0NCAwIDkgMEMxMy45NzA2IDAgMTggNC4wMjk0NCAxOCA5QzE4IDEzLjk3MDYgMTMuOTcwNiAxOCA5IDE4QzQuMDI5NDQgMTggMCAxMy45NzA2IDAgOVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMC44NDIgMTEuMjVMOS4wMDE0NSA5LjQwNzc4TDcuMTYwOTMgMTEuMjVMNi43NSAxMC44MzkzTDguNTkzNDEgOUw2Ljc1IDcuMTYwNjdMNy4xNjA5MyA2Ljc1TDkuMDAxNDUgOC41OTIyMkwxMC44NDIgNi43NTI4OUwxMS4yNSA3LjE2MDY3TDkuNDA5NDkgOUwxMS4yNSAxMC44MzkzTDEwLjg0MiAxMS4yNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) no-repeat 50%;
     background-size: 32px auto;
     width: 44px; height: 44px;
     cursor: pointer;
     transition: transform 0.3s linear;
}
.accountMenu-closeButton-Lg1:hover {
    /* background-image: url('../../assets/img/close1.svg'); */
    transform: rotateZ(180deg) scale(1.2);
}
.accountMenu-modalPopup-ldm input[class^="textInput-inputnew-"] {
    /* outline-color:#000; */
    outline:none;
    height: 72px;
    border-radius: 16px;
    font-size: 22px;
    padding-left: 32px!important;
}
@media (max-width: 960px) {
    .accountMenu-modalPopup-ldm input[class^="textInput-inputnew-"] {
        height: 64px;
        font-size: 18px;
    }
}
.accountMenu-modalPopup-ldm input[class^="textInput-inputnew_error-"] {
    border: 1px solid rgba(229, 53, 53, 1);
    outline:none;
    height: 72px; 
    border-radius: 16px;
    font-size: 22px;
    padding-left: 32px!important;
}
@media (max-width: 960px) {
    .accountMenu-modalPopup-ldm input[class^="textInput-inputnew_error-"] {
        height: 64px;
        font-size: 18px;
    }
}
.forgotPassword-root-b-w {
    background: #fff;
    gap: 0;
    width: 50%;
    padding: 40px 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.forgotPassword-title-Rtc {
    color: #000;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    line-height: 36px;
    margin-bottom: 14px;
}

.forgotPassword-instructions-TI1 {
    font-size: 16px;
    line-height: 1;
    margin: 16px 0 32px 0;
    font-weight: 400;
    text-align: center;
    color: #696969;
}
@media (max-width: 960px) {
    .forgotPassword-root-b-w {
        width: 100%;
        padding: 16px;
    }
    .forgotPassword-instructions-TI1 {
        margin-top: 0;
    }
    .forgotPassword-title-Rtc {
        font-size: 24px;
        line-height: 130%;
    }
}

.formSubmissionSuccessful-root-JaA {
    gap: 2.5rem;
}

.formSubmissionSuccessful-text-2gf {
    font-size: 11px;
    font-weight: 400;
    text-align: center;
    color: #696969;
    margin-top: -25px;    
}

.formSubmissionSuccessful-title-kV8 {
    color: #000;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    line-height: 36px;
}

.forgotPasswordForm-root-4tq {
    gap: 2.5rem;
}

.forgotPasswordForm-buttonContainer-O8g {
}
.forgotPasswordForm-buttonContainer-O8g button{
    font-size: 24px;
    font-weight: 600;
    height: 64px;
}

.forgotPasswordForm-cancelButton-mbL {
}

@media (max-width: 960px) {
    .forgotPasswordForm-buttonContainer-O8g button{
        height: 49px;
        font-size: 20px;
    }
}
.createAccount-root-Elu {
    background: #fff;
    gap: 0;
    width: 50%;
    padding: 40px 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.createAccount-form-m76 {
    width: 100%;
    gap: 16px;
}
.createAccount-message-dFp {
}

/* TODO @TW: cannot compose */
.createAccount-message-dFp:empty {
    display: none;
}

.createAccount-actions-7o4 {
    margin-top: 1.25rem;
}
.createAccount-actions-7o4 button{
    font-size: 24px;
    font-weight: 600;
    height: 64px;
}

.createAccount-cancelButton-2wf {
}

.createAccount-submitButton-4VU {
}

.createAccount-subscribe-yAi {
}
.createAccount-title-aZu {
    color: #000;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    line-height: 36px;
    margin-bottom: 14px;
}
.createAccount-des-hSF {
    color: #696B72;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    position: absolute;
    right: 50px;
    top: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
}
.createAccount-registerLink-2Fm {
    color: #000;
    text-decoration: underline;
    margin-left:5px;
    cursor: pointer;
}

.createAccount-boxContainer-8iN {
    display: flex;
    align-items: stretch;
    justify-content: space-between;    
}
.createAccount-leftBox-l-S {
    background: #f6f4f3;
    color: #000;
    width: 50%;
    display: flex;
    align-items: center;
}
.createAccount-tips-m7h {
    color: #696969;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    margin-top: -10px;
}
.createAccount-terms-8sG {
    margin-top: -10px;
    display: flex;
    justify-content: center;
    margin: 16px 0;
    flex-direction: column;
    align-items: center;
}
.createAccount-terms-8sG label{
    display: flex;
    align-items: end;
    font-size: 20px;
    /* font-weight: 600; */
}
.createAccount-namegroup-SAI {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
@media (max-width: 960px) {
    .createAccount-root-Elu {
        display: block;
        background: #fff;
    }
    .createAccount-leftBox-l-S {
        display: none;
    }
    .createAccount-form-m76 {
        width: 100%;
        padding: 0;
        position: relative;
    }
    .createAccount-root-Elu { 
        width: 100%;
        padding: 16px;
    }
    .createAccount-title-aZu {
        font-size: 24px;
        line-height: 130%;
    }
    .createAccount-terms-8sG {
        margin: 0;
    }
    .createAccount-terms-8sG label{
        align-items: center;
        font-size: 16px;
    }
    .createAccount-terms-8sG input {
        position: absolute;
    }
    .createAccount-actions-7o4 button{
        font-size: 20px;
        font-weight: 600;
        height: 48px;
    }
    .createAccount-des-hSF {
        /* position: absolute;
        bottom: -40px;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
        right: auto; */
        position: fixed;
        right: 12px;
    }
}