.password-root-aos:active {
    --stroke: var(--venia-global-color-gray-700);
}

.password-passwordButton-bcY {

    --stroke: var(--venia-global-color-gray-500);
}

.password-passwordButton-bcY:hover {
    --stroke: var(--venia-global-color-gray-700);
}

.password-passwordButton-bcY:focus {
    --stroke: var(--venia-global-color-gray-700);
}

.checkbox-root-2tI {
    --stroke: var(--venia-global-color-gray-600);
    grid-template-areas: 'input label';
    grid-template-columns: min-content 1fr;
}

.checkbox-input-kCu {
    grid-area: input;

    /* TODO @TW: review, replaces input:disabled. Check if working. */
}

.checkbox-jyOpcity0-kvK {
    opacity: 0;
}

.checkbox-jyRoot-sj9 {
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: flex-start;
}

.checkbox-jyMask-NXH {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 25px;
    width: 90px;
    border-radius: 50%;
    height: 90px;
    left: 50%;
    margin-left: -45px;
    /* opacity: 0.1; */
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.checkbox-jyImg-eTa {
    position: relative;
    border-radius: 50%;
    background-color: #F6F4F3;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 90px;
    height: 90px;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #fff;
    color: #000;
    font-size: 24px;
}

.checkbox-checkedIcon-hyZ {
    border-color: #000;
}

.checkbox-uncheckedIcon-zRM {}

.checkbox-jyLabel-7mr {
}

/* 文本类型的选项 */
.checkbox-jyLabelText-VKe {
    width: 100%;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    font-size: 20px; 
    padding: 0 10px; box-sizing: border-box; border-radius: 2px;
}
.checkbox-jyLabelText-VKe .checkbox-msg-bLG {
    font-size: 15px;
}
.checkbox-jyLabelText-VKe.checkbox-checkedIcon-hyZ{
    background-color: #f5f5f7;
}
.checkbox-jyLabelText-VKe.checkbox-checkedIcon-hyZ .checkbox-msg-bLG {
    font-weight: 600;
}

/* 正方形盒子类型的选项 */
.checkbox-jyLabelBox-3MM {
    border: 1px solid rgba(0, 0, 0, 0.05);
    width: 100%;height: 100px; display: flex; align-items: center; justify-content: center;
    flex-direction: column;
    border-radius: 4px;
    margin:0 0 8px 0;
    transition: all 0.2s; font-size: 14px;
}
.checkbox-jyLabelBox-3MM .checkbox-circle-X3D{
    width: 40px;height: 40px; border-radius: 50%; margin: 10px 0; border: 1px solid #fff;
}
.checkbox-jyLabelBox-3MM.checkbox-checkedIcon-hyZ{
    border-color: rgba(0, 0, 0, 0.5);
}



.checkbox-icon-ohh {
    /* composes: h-[1.5rem] from global;
    composes: pointer-events-none from global;
    composes: w-[1.5rem] from global;
    grid-area: input; */
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.checkbox-icon-ohh svg {
    stroke: #000;
}

.checkbox-label-FQ6 {
    grid-area: label;
}

/* When the input is disabled, update the cursor on the sibling label element. */
/* TODO @TW: cannot compose */
.checkbox-input-kCu:disabled~.checkbox-label-FQ6 {
    cursor: default;
}

.checkbox-input-kCu:checked:enabled+.checkbox-icon-ohh {
    --stroke: var(--venia-brand-color-1-700);
}

/* TODO @TW: cannot compose, needs "checked" variant enabled. Cannot combine variants. */
.checkbox-input-kCu:active:enabled,
.checkbox-input-kCu:focus:enabled {
    /* composes: active_shadow-radioActive from global; */
    /* composes: focus_shadow-radioFocus from global; */
    box-shadow: -3px 3px rgb(var(--venia-brand-color-1-100));
    outline: none;
}

.checkbox-input_shimmer-ZdI {
}

@media (max-width: 959px) {
    .checkbox-jyOpcity0-kvK {
        display: none;
    }

    .checkbox-jyMask-NXH {
        width: 76px;
        height: 40px;
        margin-left: -40px;
        top: -10px;
    }

    .checkbox-jyImg-eTa {
        border-radius: 4px;
        width: 76px;
        height: 40px;
        border: 1px solid #fff;
    }

    .checkbox-jyLabel-7mr {
        font-size: 12px;
    }
}

@media (min-width: 960px) {}
.signIn-login_root-mCZ {
    background: #fff;
    gap: 0;
    width: 50%;
    padding: 40px 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.signIn-root-0rg{
    padding: 10px; font-size: 11px;
}
.signIn-errorMessage-xb9{
    font-weight: 500; 
    color: rgba(229, 53, 53, 1);
    font-size: 12px;
}
@media (max-width: 960px) {
    .signIn-login_root-mCZ {
        padding:16px;
        width:100%;
        box-sizing: border-box;
        height: 70vh;
        position: relative;
    }
}
.signIn-forgotPassword-XYi {
}
.signIn-showPwd-OxL{
    
}
.signIn-pwdIcon-9MX{
    width: 1.25rem;
    height: 1.25rem;
    transform: scale(0.8);transform-origin: 50% 100%;
}
.signIn-pwdIcon-9MX svg{
    width: 1.25rem;
    height: 1.25rem;
}

.signIn-form-O-4 {
    row-gap: 1.25rem;
    margin-top:32px;
}

.signIn-modal-nbf {

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

.signIn-modal_active-5oW {

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

.signIn-buttonsContainer-aiT {
    margin-top: 1.25rem;
}

.signIn-buttonsContainer-aiT button{
    font-size: 24px;
    font-weight: 600;
    height: 64px;
}
@media (max-width: 960px) {
    .signIn-buttonsContainer-aiT button{
        font-size: 20px;
        font-weight: 600;
        height: 48px;
    }
}

.signIn-forgotPasswordButtonContainer-Wlr {
    text-align: right;
    display: block;
}
@media (max-width: 960px) {
    .signIn-forgotPasswordButtonContainer-Wlr {
        text-align: center;
    }
}

.signIn-forgotPasswordButton-MUW {
    color: #000;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    text-decoration: underline;    
}
.signIn-forgotPasswordButton-MUW span {
    display: block;
    font-size: 24px;
    color: #696B72;
}
@media (max-width: 960px) {
    .signIn-forgotPasswordButton-MUW span {
        font-size: 16px;
    }
}
.signIn-title-bOn {
    color: #000;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    line-height: 36px;
}
@media (max-width: 960px) {
    .signIn-title-bOn {
        font-size: 16px;
        line-height: 130%;
    }
}
.signIn-des-NCM {
    color: #696B72;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    position: absolute;
    right: 50px;
    top: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
}
@media (max-width: 960px) {
    .signIn-des-NCM {
        /* bottom: 20px;
        top: auto;
        right: auto;
        transform: translateX(-50%);
        left: 50%; */
        position: fixed;
        right: 12px;
    }
}
.signIn-registerLink-Ge9 {
    color: #696B72;
    margin-left:5px;
    cursor: pointer;
}
.signIn-remember-q9f {
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    color: #696969;
    margin-left: -0.125rem;
    position: absolute;
    right: 20px;
    top: 24px;
}
@media (max-width: 960px) {
    .signIn-remember-q9f {
        top: 18px;
    }
}
.signIn-remember-q9f label {
    width: 32px;
    height: 32px;
    display: block;
}
.signIn-remember-q9f label input{
    position: absolute;
}
.signIn-remember-q9f label input + span {
    background: none!important;
}
/* faq_wrap 嵌入式的登录模块 */
.signIn-faq_root-s-l{
    background: #fff;
    gap: 0;
    padding:0 80px 40px 80px;
}


@media (max-width: 1439px) {
    .signIn-faq_root-s-l{
        padding:0 40px 40px 40px;
    }
}
.signIn-loginInoputClasses-y8L input{
    height: 72px;
    border-radius: 16px;
    font-size: 22px;
}
.signIn-passwordContainer-lin {
    position: relative;
}
.checkbox-custom-root-9Dr {
    --stroke: var(--venia-global-color-gray-600);
    grid-template-areas: 'input label';
    grid-template-columns: min-content 1fr;
    gap: 8px;
    font-size: 11px;
}

.checkbox-custom-input-Ltt {
    grid-area: input;

    /* TODO @TW: review, replaces input:disabled. Check if working. */
}

.checkbox-custom-icon-4g4 {
    grid-area: input;
}


.checkbox-custom-label-u9V {
    grid-area: label;
    line-height: 1.5rem;
}

/* When the input is disabled, update the cursor on the sibling label element. */
/* TODO @TW: cannot compose */
.checkbox-custom-input-Ltt:disabled ~ .checkbox-custom-label-u9V {
    cursor: default;
}


input[type="checkbox"] + span svg{
    stroke: rgba(58, 58, 60, 0.5);
}

.checkbox-custom-input-Ltt:checked:enabled + .checkbox-custom-icon-4g4 {
    --stroke: var(--venia-brand-color-1-700);
    border-radius: 0.25rem;
    width: 1.25rem;
    height: 1.25rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMS43NzYyMiA1LjAwNTg0TDEuNzgyOTggNS4wMDMyMUwwLjA1OTAwNjEgMy4zNjkyNEwxLjAxOTYzIDIuNDU2MDVMMi43MzY4NCA0LjA5NjQ2TDcuMDM5MzcgLTMuOTg5MDllLTA4TDggMC45MTMxODNMMy42OTA3IDUuMDAzMjFMMy42OTA3IDUuMDA1ODRMMi43MzY4NCA1LjkxMjZMMS43NzYyMiA1LjAwNTg0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) no-repeat 50% 50% rgba(58, 58, 60, 0.5);
    background-size: 8px auto;
}

/* TODO @TW: cannot compose, needs "checked" variant enabled. Cannot combine variants. */
.checkbox-custom-input-Ltt:active:enabled,
.checkbox-custom-input-Ltt:focus:enabled {
    /* composes: active_shadow-radioActive from global; */
    /* composes: focus_shadow-radioFocus from global; */
    outline: none;
}

.checkbox-custom-input_shimmer-p-m {
}
.checkbox-custom-labellink-Zqu {
    text-decoration: underline;
    margin: 0 3px;
    color:#000;
}
.checkbox-custom-labellink-Zqu,
.checkbox-custom-nolink-fX4 {
    display:inline-block;
    vertical-align: middle;
}
.clickable-root-sDL {
}

.linkButton-root-HUs {
}