.newsletterModal-root-ZQ-{
    display:flex;
    flex-direction: column;
    align-items: center; 
    /* font-family: "Plain"; */
}
.newsletterModal-form-v3A {
    /* composes: grid from global;
    composes: relative from global;
    width:326px; */
    display: flex; 
}
/* TODO @TW: cannot compose */
.newsletterModal-form-v3A input {
    /* TODO @TW: review */
    height:40px;border-radius: 20px;font-size: 13px;
    padding-right: calc(1.875rem * var(--iconsAfter) + 5.625rem);
}
.newsletterModal-success-fpA{height:40px;border-radius: 20px;color:#27AE60;background:#fff;display:flex;align-items: center; justify-content: center;}

/* TODO @TW: cannot compose */
.newsletterModal-form-v3A label {
    position: absolute;
    z-index: -1;
    /* composes: z-behind from global; */
}


.newsletterModal-title-VlU {
    font-size: 35px;font-style: normal;color:#fff;font-weight: 600;
    padding-bottom:20px;
    text-align: center;
}

.newsletterModal-subscribe_link-Qhp {
    /* composes: right-1 from global; */
    min-height: 35px;
    transform: translateY(7%);
    background:none !important;
    display:inline-block;
    right:0;
    outline:none
}


.newsletterModal-loadingContainer-cCx {
    /* composes: absolute from global;
    composes: bg-white from global;
    composes: h-full from global;
    composes: left-0 from global;
    composes: opacity-75 from global;
    composes: top-0 from global;
    composes: w-full from global;
    composes: z-mask from global; */

    position: absolute; z-index: 10; left: 0;right: 0;top: 0;bottom: 0; display: flex; align-items: center; justify-content: center;
    background-color: rgba(255,255,255,0.75);

}

.newsletterModal-tips-8VE{color:#EB5757;text-align: center;font-size: 10px;font-weight: 400;}

.newsletterModal-root-ZQ- {
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;height: 100vh;
    background: rgba(0, 0, 0, 0.40);
    display: flex; align-items: center; justify-content: center;
}
.newsletterModal-container-VDz {
    width: 480px; height: 480px;
    max-width: 80%; max-height: 80%;
    background: #fff;
    overflow-y: auto; position: relative; border-radius: 4px;
}
.newsletterModal-cntBox-hSs{
    height: 480px;
    padding: 40px;
    box-sizing: border-box;
}
.newsletterModal-rstBox-m8n{
    height: 480px;
    box-sizing: border-box;
    display: flex; align-items: center; justify-content: center; flex-direction: column;
}
.newsletterModal-rst_button-2x7 button{
    padding: 0 20px;
}
.newsletterModal-title-VlU {
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    color: #000;
    padding-bottom: 30px;
    text-align: center;
    width: 100%;
    display: block;
    word-wrap: break-word;
}
.newsletterModal-descriptionShort--SP {
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}
.newsletterModal-form-v3A {
    margin: 0 30px;
    position: relative;
    display: flex; justify-content: center; gap: 1px;
}
.newsletterModal-form-v3A input {
    border:1px solid rgba(0, 0, 0, 0.4);
    box-shadow: none;
    padding-right: 0;
}
.newsletterModal-form-v3A + div {
    /* margin-left: 30px; */
}
.newsletterModal-f_filed-8A-{
    flex: 1;
}
.newsletterModal-f_filed-8A- input{
    border-radius: 4px;
}
.newsletterModal-f_button-9-G{
    width: 100px;
}
.newsletterModal-f_button-9-G>button{
    min-width: 40px !important; border-radius: 4px;
}
.newsletterModal-subscribe_link-Qhp {
    position: absolute;
    right: -40%;
    color: #fff!important;
    background: #000!important;
    border-radius: 100px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    padding: 0 20px!important;
    box-sizing: content-box;
}
.newsletterModal-descriptionLong-Qdl {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    display: block;
    padding: 40px 0 0 0;
}
.newsletterModal-container-VDz .newsletterModal-errorMessage-mwt {
    margin: 0 30px!important;
}
.newsletterModal-btnCtrls-Foi{
    position: absolute;z-index: 1;left: 0;top: 0;right: 0;
    display: flex; justify-content: flex-end; align-items: center; padding: 12px 12px 0;
}
.newsletterModal-closeBtn-xD0 {
    width: 40px;
    height: 40px;
    background: url(/us/close1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    transition: all 0.5s;
}
.newsletterModal-closeBtn-xD0:hover{
    transform: rotateZ(180deg);
}

/* .btn{
    background-color: #000; color: #fff; border-radius: 44px; width: 100px; height: 44px; line-height: 40px; display:inline-block; text-align: center;
} */
.newsletterModal-success-fpA {
    color: #fff!important;
    background: #000!important;
    border-radius: 100px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 0 20px!important;
    box-sizing: content-box;
    display: inline-block;
    margin: 0 auto;
    line-height: 40px;
    margin-left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}
@media (max-width: 799px) {
    /* TODO @TW: cannot compose */
    .newsletterModal-form-v3A{padding: 0 40px;width:100%}
    .newsletterModal-form-v3A input {
        /* TODO @TW: review */
        padding-right: calc(1.875rem * var(--iconsAfter) + 0.625rem);
        width:100%;
    }
    .newsletterModal-title-VlU{padding-bottom:10px;}
    .newsletterModal-subscribe_link-Qhp{right:40px;}
}
@media (max-width: 768px) {
    .newsletterModal-container-VDz {
        /* padding: 30px 20px 20px 20px; */
        max-width: 90%;
    }
    .newsletterModal-cntBox-hSs{
        padding: 40px 20px 0;
    }
    .newsletterModal-title-VlU {
        font-size: 42px;
        padding-bottom: 20px;
    }
    .newsletterModal-descriptionShort--SP {
        margin-bottom: 20px;
    }
    .newsletterModal-form-v3A {
        padding: 0;
        margin: 0;
    }
    .newsletterModal-subscribe_link-Qhp {
        right: -60%;
    }
    .newsletterModal-form-v3A + div {
        margin-left: 0;
    }
    .newsletterModal-success-fpA {
        width: -moz-max-content;
        width: max-content;
    }
}

/* 支持不同语系的左右排版做的最新适配布局 */
.newsletterModal-form-v3A{
    display: flex; justify-content: center;
}
.newsletterModal-f_filed-8A-{ width: 200px;}
.newsletterModal-f_button-9-G{
    flex: 1; max-width: 80px;
}
.newsletterModal-f_button-9-G button{
    min-width: 40px;
}
.button-root-3iv {
    /* composes: min-w-[10rem] from global; */
    min-height: 2.5rem;
    transition-duration: 256ms;
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--venia-global-anim-standard);
    min-width:200px;

    /* composes: focus_shadow-inputFocus from global; */
}

.button-root-3iv:active {
    transition-duration: 128ms;
}

/**
 * Some browsers retain the :hover state after a click, this ensures if a button becomes disabled after
 * being clicked it will be visually disabled.
 */
.button-root-3iv:hover:disabled {
    /* TODO @TW: cannot compose. This may not be possible with two variants. */
    pointer-events: none;
}

.button-root_lowPriority-xHk {
}

.button-root_normalPriority-Z4b {
}

.button-root_highPriority-sM1 {
    background: #000;color: #fff;
}
.button-root_highPriority-sM1:hover{
    background: #000;color: #fff; opacity: 0.7;
}

.button-root_lowPriorityNegative-KqK,
.button-root_normalPriorityNegative-DHO {
}

.button-root_highPriorityNegative-inZ {
   
}

.button-content-ouv {
}

/* 新样式 */
.button-root-new-0dl {
    /* composes: min-w-[10rem] from global; */
    min-height: 2.5rem;
    transition-duration: 256ms;
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--venia-global-anim-standard);
    width: 100%;
    background: #000;
    height: 2.5rem;
    border-radius: 20px;
    color: #fff;
    min-width:200px;
}
.button-root-black--4a{
    /* composes: min-w-[10rem] from global; */
    /* TODO @TW: review */
    line-height: 2.5rem;
    transition-duration: 256ms;
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--venia-global-anim-standard);
    width: 100%;
    background: #000;
    height: 2.5rem;
    border-radius: 9999px;
    color: #fff;
    min-width:200px;
}
.button-root-white-toR{
    /* composes: min-w-[10rem] from global; */
    min-height: 2.5rem;
    transition-duration: 256ms;
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--venia-global-anim-standard);
    width: 100%;
    border:1px solid #000;
    height: 2.5rem;
    border-radius: 9999px;
    color: #000;
    min-width:200px;
}
.button-root-new-0dl:active,.button-root-black--4a:active {
    transition-duration: 128ms;
}

.button-root-new-0dl:hover:disabled,.button-root-black--4a:hover:disabled{
    /* TODO @TW: cannot compose. This may not be possible with two variants. */
    pointer-events: none;
}
/* autoBlack */
.button-root-autoBlack-ex0{
    background: #000;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    border-radius: 4px; font-size: 16px;
    width: 100%;
}
.button-root-autoBlack-ex0:disabled{
    pointer-events: none;
    opacity: 0.3;
}
@media (max-width: 960px) {
    .button-root-3iv,.button-root-white-toR,.button-root-black--4a,.button-root-new-0dl{
        min-width:100px;
    }
}