.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;
    }
}
.accountMenuItems-root-1jT {
    position: relative;
}
.accountMenuItems-root-1jT:before{
    position: absolute; content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fefefe; top: -10px; right: 2.5rem;
}

.accountMenuItems-link-fJt {
    /* composes: font-semibold from global; */
}

.accountMenuItems-signOut-qS8 {
}
.accountMenuItems-out-vxk{
    position: absolute;
    width: 0px;
    height: 0px;
    border:10px solid transparent;
    border-top-color:#fff;
    top:0;
    right:2.5rem;
}
.accountMenuItems-in-LyK{
    position: absolute;
    border:10px solid transparent;
    border-bottom-color:#fff;
    top:-20px;
    right:2.5rem;
}

.forgotPassword-root-b-w {
    background: #fff;
    padding: 10.75% 21.33%;
    gap: 2.5rem;
    max-width: 400px;
    margin: 0 auto;
    padding: 100px 0;
}

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

.forgotPassword-instructions-TI1 {
    font-size: 11px;
    font-weight: 400;
    text-align: center;
    color: #696969;
    margin-top: -25px;
}
@media (max-width: 768px) {
    .forgotPassword-root-b-w {
        padding: 1.875rem 1.3125rem 1.375rem;
    }
    .forgotPassword-instructions-TI1 {
        margin-top: -20px;
    }
}

.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-cancelButton-mbL {
}

.createAccount-root-Elu {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.createAccount-form-m76 {
    width: 50%;
    padding: 6.04% 8.34% 6.04% 7.6%;
    gap: 1.25rem;
}
.createAccount-message-dFp {
}

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

.createAccount-actions-7o4 {
}

.createAccount-cancelButton-2wf {
}

.createAccount-submitButton-4VU {
}

.createAccount-subscribe-yAi {
}
.createAccount-title-aZu {
    color: #000;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    line-height: 36px;
}
.createAccount-des-hSF {
    color: #696969;
    font-size: 11px;
    font-weight: 400;
    text-align: center;
    line-height: 14px;
    margin-top: -5px;
    margin-bottom: 20px;
}
.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;
}
.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: 1.875rem 1.25rem 2.25rem 1.25rem;
    }
}

.cmsBlock-root-rsi {
}

/* TODO @TW: cannot compose */
.cmsBlock-content-BTy h2 {
    margin-bottom: 2rem;
    text-align: center;
    text-transform: uppercase;
}

/* TODO @TW: cannot compose */
.cmsBlock-content-BTy img {
    display: block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
}