html {
    --ss-primary-color: #1890ff;
    --ss-primary-color-hover: #40a9ff;
    --ss-primary-color-active: #096dd9;
    --ss-primary-color-outline: rgba(24, 144, 255, .2);
    --ss-primary-1: #e6f7ff;
    --ss-primary-2: #bae7ff;
    --ss-primary-3: #91d5ff;
    --ss-primary-4: #69c0ff;
    --ss-primary-5: #40a9ff;
    --ss-primary-6: #1890ff;
    --ss-primary-7: #096dd9;
    --ss-primary-color-deprecated-pure: ;
    --ss-primary-color-deprecated-l-35: #cbe6ff;
    --ss-primary-color-deprecated-l-20: #7ec1ff;
    --ss-primary-color-deprecated-t-20: #46a6ff;
    --ss-primary-color-deprecated-t-50: #8cc8ff;
    --ss-primary-color-deprecated-f-12: rgba(24, 144, 255, .12);
    --ss-primary-color-active-deprecated-f-30: rgba(230, 247, 255, .3);
    --ss-primary-color-active-deprecated-d-02: #dcf4ff;
    --ss-success-color: #52c41a;
    --ss-success-color-hover: #73d13d;
    --ss-success-color-active: #389e0d;
    --ss-success-color-outline: rgba(82, 196, 26, .2);
    --ss-success-color-deprecated-bg: #f6ffed;
    --ss-success-color-deprecated-border: #b7eb8f;
    --ss-error-color: #ff4d4f;
    --ss-error-color-hover: #ff7875;
    --ss-error-color-active: #d9363e;
    --ss-error-color-outline: rgba(255, 77, 79, .2);
    --ss-error-color-deprecated-bg: #fff2f0;
    --ss-error-color-deprecated-border: #ffccc7;
    --ss-warning-color: #faad14;
    --ss-warning-color-hover: #ffc53d;
    --ss-warning-color-active: #d48806;
    --ss-warning-color-outline: rgba(250, 173, 20, .2);
    --ss-warning-color-deprecated-bg: #fffbe6;
    --ss-warning-color-deprecated-border: #ffe58f;
    --ss-info-color: #1890ff;
    --ss-info-color-deprecated-bg: #e6f7ff;
    --ss-info-color-deprecated-border: #91d5ff;
    --ss-tag-bgc-color: #F0F8FF
}

.route-layout {
    width: 100%;
    height: 100%;
    overflow: hidden auto;
    border-radius: 4px;
    background: #f6f7f9;
    padding: 20px;
    position: relative;
}
.smart-clip-header[data-v-8705e185] {
    padding: 30px 30px 0;
    border-radius: 12px;
    height: 180px;
    min-width: 0px;
    background: linear-gradient(220deg, #f3f7ff, #9fbfff66);
    display: flex;
    flex-direction: column;
}
.smart-clip-header .smart-clip-header-title_top[data-v-8705e185] {
    font-size: 24px;
    color: #0c0d0e;
    line-height: 1.5;
}
.smart-clip-header .smart-clip-header-desc[data-v-8705e185] {
    font-size: 14px;
    color: #737a87;
    margin-top: 5px;
    line-height: 1.5;
}
.smart-clip-header .smart-clip-header-btngroup[data-v-8705e185] {
    margin-top: 15px;
    display: flex;
    align-items: center;
}
.primary-color-text[data-v-ef81a1ae] {
    color: #2878ff
}

.success-color-text[data-v-ef81a1ae] {
    color: #52c41a
}

.error-color-text[data-v-ef81a1ae] {
    color: #f5222d
}

.modal-content[data-v-ef81a1ae] {
    padding: 40px;
    position: relative
}

.modal-content .title[data-v-ef81a1ae] {
    font-size: 20px;
    font-weight: 600
}

.modal-content .qr-code[data-v-ef81a1ae] {
    width: 180px;
    height: 180px;
    object-fit: cover;
    display: block;
    margin: 50px auto
}

.modal-content .tip[data-v-ef81a1ae] {
    color: #666
}

.search-modal .ant-modal-content {
    background-color: #f6f6f7
}

.primary-color-text[data-v-78f6eab0] {
    color: #2878ff
}

.success-color-text[data-v-78f6eab0] {
    color: #52c41a
}

.error-color-text[data-v-78f6eab0] {
    color: #f5222d
}

.app-list[data-v-78f6eab0] {
    max-height: 500px;
    overflow-y: auto
}

.app-list .app-item[data-v-78f6eab0] {
    margin-bottom: 10px;
    border-radius: 10px;
    background-color: #fff;
    padding: 10px;
    cursor: pointer;
    overflow: hidden;
    position: relative
}

.app-list .app-item .app-icon[data-v-78f6eab0] {
    width: 38px;
    height: 38px
}

.app-list .app-item .app-icon img[data-v-78f6eab0] {
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.app-list .app-item .app-title[data-v-78f6eab0] {
    margin-left: 10px;
    font-size: 14px
}

.app-list .app-item .app-type[data-v-78f6eab0] {
    position: absolute;
    right: -23px;
    top: -4px;
    font-size: 12px;
    color: #fff;
    background-color: #ff6562;
    transform: rotate(45deg);
    text-align: center;
    padding: 13px 8px 2px;
    width: 75px
}

.app-list .app-item[data-v-78f6eab0]:hover {
    background-color: #ff6562;
    color: #fff
}

.app-list .app-item[data-v-78f6eab0]:last-child {
    margin-bottom: 0
}

.primary-color-text[data-v-05ac4780] {
    color: #2878ff
}

.success-color-text[data-v-05ac4780] {
    color: #52c41a
}

.error-color-text[data-v-05ac4780] {
    color: #f5222d
}

.modal-content[data-v-05ac4780] {
    padding: 50px;
    position: relative
}

.modal-content .header-title[data-v-05ac4780] {
    font-size: 24px;
    font-weight: 500
}

.modal-content .header-sub-title[data-v-05ac4780] {
    margin-top: 5px;
    color: #999
}

.modal-content .scan-header[data-v-05ac4780] {
    width: 100%
}

.modal-content .login-qrcode[data-v-05ac4780] {
    width: 180px;
    height: 180px;
    margin: 67px auto;
    display: block
}

.modal-content .switch-type[data-v-05ac4780] {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
    cursor: pointer
}

.modal-content .switch-type .switch-type-img[data-v-05ac4780] {
    width: 80px;
    height: 80px;
    object-fit: cover
}

.modal-content .switch-type .switch-type-tip[data-v-05ac4780] {
    background-color: #2878ff;
    color: #fff;
    border-radius: 4px;
    width: 150px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -45px;
    right: 0
}

.modal-content .switch-type .switch-type-tip[data-v-05ac4780]:after {
    content: "";
    position: absolute;
    bottom: -4px;
    right: 15px;
    transform: translate(-50%) rotate(45deg);
    border: 1px solid #2878ff;
    background: #2878ff;
    width: 7.8px;
    height: 7.8px;
    border-left: 0;
    border-bottom: 0
}

.modal-content .phone-input-wrap[data-v-05ac4780] {
    padding-bottom: 5px
}

.modal-content .code-input-wrap[data-v-05ac4780] {
    margin-top: 30px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #f1f1f1
}

.modal-content .code-input-wrap[data-v-05ac4780]:hover {
    border-bottom: 1px solid #2878ff
}

.modal-content[data-v-05ac4780] .phone-input {
    flex: 1;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #f1f1f1
}

.modal-content[data-v-05ac4780] .phone-input:focus {
    border-bottom: 1px solid #2878ff
}

.modal-content[data-v-05ac4780] .code-input {
    flex: 1;
    border: none;
    box-shadow: none
}

#captchaModal[data-v-05ac4780] {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    width: 100%;
    height: 100%
}

.imageVerify-modal-wrap[data-v-05ac4780] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00000080
}

.imageVerify-modal-wrap .imageVerify-modal[data-v-05ac4780] {
    width: 444px;
    height: 230px;
    background-color: #fff;
    border-radius: 4px;
    padding: 60px 30px 30px;
    position: relative
}

.imageVerify-modal-wrap .imageVerify-modal .imageVerify-modal-close[data-v-05ac4780] {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    font-size: 18px;
    padding: 15px
}

.imageVerify-modal-wrap .imageVerify-modal .imageVerify-input-wrap[data-v-05ac4780] {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px
}

.imageVerify-modal-wrap .imageVerify-modal .imageVerify-input-wrap[data-v-05ac4780] .imageVerify-input {
    flex: 1;
    border: none;
    box-shadow: none;
    border-radius: 0
}

.imageVerify-modal-wrap .imageVerify-modal .imageVerify-input-wrap .imageVerify-img[data-v-05ac4780] {
    width: 117px;
    height: 36px;
    margin-left: 10px;
    border: 2px solid #f1f1f1
}

.imageVerify-modal-wrap .imageVerify-modal .imageVerify-input-wrap .imageVerify-img-refresh[data-v-05ac4780] {
    padding: 0 6px;
    margin-left: 5px;
    font-size: 16px;
    cursor: pointer
}

.imageVerify-modal-wrap .imageVerify-modal .imageVerify-btn[data-v-05ac4780] {
    margin-top: 40px;
    width: 100%
}

.primary-color-text[data-v-22f3ee46] {
    color: #2878ff
}

.success-color-text[data-v-22f3ee46] {
    color: #52c41a
}

.error-color-text[data-v-22f3ee46] {
    color: #f5222d
}

.layout-header[data-v-22f3ee46] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    position: relative
}

.layout-header .header-left[data-v-22f3ee46] {
    display: flex;
    align-items: center;
    cursor: pointer
}

.layout-header .header-left .header-logo[data-v-22f3ee46] {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 8px
}

.layout-header .header-left .title-txt[data-v-22f3ee46] {
    margin-left: 10px;
    font-size: 18px;
    font-weight: 600
}

.layout-header .header-left .header-left-tip[data-v-22f3ee46] {
    color: #8c8c8c;
    margin-left: 15px;
    font-size: 12px
}

.layout-header .menu-list[data-v-22f3ee46] {
    flex: 1;
    padding: 0 20px
}

.layout-header .menu-list[data-v-22f3ee46] .ant-menu {
    border: none
}

.layout-header .menu-list[data-v-22f3ee46] .ant-menu .ant-menu-item {
    height: 44px;
    line-height: 44px;
    font-size: 16px
}

.layout-header .menu-list[data-v-22f3ee46] .ant-menu .ant-menu-item:after {
    border: none!important
}

.layout-header .header-right[data-v-22f3ee46] {
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.layout-header .header-right .user-wrap[data-v-22f3ee46] {
    height: 100%;
    padding: 8px 0
}

.layout-header .header-right .user-wrap .user[data-v-22f3ee46] {
    cursor: pointer;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    border-radius: 4px;
    min-width: 134px
}

.layout-header .header-right .user-wrap .user .user-avatar[data-v-22f3ee46] {
    width: 26px;
    height: 26px;
    border-radius: 50%
}

.layout-header .header-right .user-wrap .user .user-nickname[data-v-22f3ee46] {
    margin-left: 10px;
    color: #666
}

.layout-header .header-right .user-wrap .user[data-v-22f3ee46]:hover {
    background-color: #f5f5f5
}

.layout-header .header-right .icon-function[data-v-22f3ee46] {
    text-align: center;
    line-height: 18px;
    color: #000000a6;
    font-size: 12px;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
    width: 60px;
    height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.layout-header .header-right .icon-function[data-v-22f3ee46]:hover {
    background-color: #f5f5f5;
    color: #2878ff
}

.layout-header .header-right .icon-function .icon[data-v-22f3ee46] {
    font-size: 19px
}

.layout-header .header-right .icon-function .dot[data-v-22f3ee46] {
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #ff4d4f;
    border-radius: 50%;
    top: 6px;
    right: 6px
}

.layout-header .header-right .user-outlined[data-v-22f3ee46] {
    background-color: #2878ff
}

@media screen and (max-width: 1500px) {
    .layout-header .search-box[data-v-22f3ee46] {
        display:none
    }
}

.primary-color-text[data-v-6731eb66] {
    color: #2878ff
}

.success-color-text[data-v-6731eb66] {
    color: #52c41a
}

.error-color-text[data-v-6731eb66] {
    color: #f5222d
}

.primary-color-text[data-v-604a6cd7] {
    color: #2878ff
}

.success-color-text[data-v-604a6cd7] {
    color: #52c41a
}

.error-color-text[data-v-604a6cd7] {
    color: #f5222d
}

.team-slider .team-list[data-v-604a6cd7] {
    overflow-y: auto
}

.team-slider .team-item[data-v-604a6cd7] {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer
}

.team-slider .team-item[data-v-604a6cd7]:hover {
    background-color: #f5f5f5
}

.team-slider .team-item[data-v-604a6cd7]:last-child {
    margin-bottom: 0
}

.team-slider .team-item .team-avatar[data-v-604a6cd7] {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 10px
}

.team-slider .team-item .team-avatar-box[data-v-604a6cd7] {
    width: 36px;
    height: 36px;
    background-color: #1890ff;
    border-radius: 50%;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px
}

.primary-color-text[data-v-85254872] {
    color: #2878ff
}

.success-color-text[data-v-85254872] {
    color: #52c41a
}

.error-color-text[data-v-85254872] {
    color: #f5222d
}

.rich-text-wrapper[data-v-85254872] {
    width: 100%;
    height: 600px;
    overflow-y: auto;
    padding: 20px
}

.primary-color-text[data-v-4c3b7d51] {
    color: #2878ff
}

.success-color-text[data-v-4c3b7d51] {
    color: #52c41a
}

.error-color-text[data-v-4c3b7d51] {
    color: #f5222d
}

[data-v-4c3b7d51] .ant-modal-content {
    border-radius: 10px
}

.activate_member_ship[data-v-4c3b7d51] {
    height: 642px;
    width: 100%;
    background-color: #fff
}

.activate_member_ship .top_bar[data-v-4c3b7d51] {
    width: 100%;
    height: 70px;
    background-color: #292d42;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.activate_member_ship .top_bar .close-button[data-v-4c3b7d51] {
    position: absolute;
    top: 18px;
    right: 20px;
    color: #fff;
    font-size: 20px;
    cursor: pointer
}

.activate_member_ship .top_bar .close-button[data-v-4c3b7d51]:hover {
    color: #2878ff
}

.activate_member_ship .top_bar .left_team_con[data-v-4c3b7d51] {
    display: flex;
    align-items: center;
    margin-left: 20px
}

.activate_member_ship .top_bar .left_team_con .left_avatar[data-v-4c3b7d51] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center
}

.activate_member_ship .top_bar .left_team_con .left_avatar img[data-v-4c3b7d51] {
    width: 36px;
    height: 36px;
    border-radius: 50%
}

.activate_member_ship .top_bar .left_team_con .team-avatar-box[data-v-4c3b7d51] {
    width: 36px;
    height: 36px;
    background-color: #1890ff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px
}

.activate_member_ship .top_bar .left_team_con .right_name[data-v-4c3b7d51] {
    margin-left: 10px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #fff
}

.activate_member_ship .top_bar .left_team_con .right_name .top_user[data-v-4c3b7d51] {
    display: flex;
    align-items: center
}

.activate_member_ship .top_bar .right_tips[data-v-4c3b7d51] {
    font-size: 15px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #e6e6e6;
    margin-right: 200px
}

.activate_member_ship .tab_con[data-v-4c3b7d51] {
    width: 100%;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #292d42
}

.activate_member_ship .tab_con .tab_item[data-v-4c3b7d51] {
    width: 33.3%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: PingFang SC;
    color: #fff;
    font-weight: 700;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #64677c;
    font-size: 16px;
    cursor: pointer;
    margin-left: 2px
}

.activate_member_ship .tab_con .tab_item.active[data-v-4c3b7d51] {
    background-color: #ff6562
}

.activate_member_ship .tab_con .tab_item[data-v-4c3b7d51]:nth-child(1) {
    margin-left: 0
}

.activate_member_ship .tab_main[data-v-4c3b7d51] {
    width: 100%;
    height: calc(100% - 112px);
    background-color: #f2f2f2;
    padding: 20px;
    display: flex;
    justify-content: flex-start;
    border-radius: 10px;
    overflow: hidden
}

.activate_member_ship .tab_main .left_package_detail[data-v-4c3b7d51] {
    width: 25%;
    height: 100%;
    padding: 30px;
    background-color: #e2e2e2;
    position: relative;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow-y: scroll;
    overflow-x: hidden
}

.activate_member_ship .tab_main .left_package_detail[data-v-4c3b7d51]::-webkit-scrollbar {
    width: 0
}

.activate_member_ship .tab_main .left_package_detail .top_box .package_title[data-v-4c3b7d51] {
    display: flex;
    align-items: center
}

.activate_member_ship .tab_main .left_package_detail .top_box .package_title .right_title[data-v-4c3b7d51] {
    font-weight: 700;
    font-size: 20px;
    color: #000
}

.activate_member_ship .tab_main .left_package_detail .top_box .package_desc[data-v-4c3b7d51] {
    margin-top: 10px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #666;
    white-space: pre-wrap
}

.activate_member_ship .tab_main .left_package_detail .line[data-v-4c3b7d51] {
    height: 1px;
    border: 0;
    width: 100%;
    background-color: #d4d3d3;
    filter: drop-shadow(1px 1px 2px 2px #333);
    margin: 20px 0
}

.activate_member_ship .tab_main .left_package_detail .package_content[data-v-4c3b7d51] {
    font-family: PingFang SC;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 12px
}

.activate_member_ship .tab_main .left_package_detail .package_content .point[data-v-4c3b7d51] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 10px;
    background-color: #666;
    flex-shrink: 0
}

.activate_member_ship .tab_main .left_package_detail .bottom_con[data-v-4c3b7d51] {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #fff;
    position: absolute;
    height: 88px;
    padding: 0 20px;
    bottom: 10px;
    left: 5%
}

.activate_member_ship .tab_main .left_package_detail .bottom_con .left_ercode_1[data-v-4c3b7d51] {
    width: 70px;
    height: 70px
}

.activate_member_ship .tab_main .left_package_detail .bottom_con .right_text[data-v-4c3b7d51] {
    font-size: 13px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #999;
    margin-left: 15px
}

.activate_member_ship .tab_main .right_set_package[data-v-4c3b7d51] {
    width: 75%;
    height: 100%;
    background: #fff;
    padding: 20px 30px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.activate_member_ship .tab_main .right_set_package .second_tab[data-v-4c3b7d51] {
    display: flex;
    align-items: center;
    height: 42px
}

.activate_member_ship .tab_main .right_set_package .second_tab .second_tabitem[data-v-4c3b7d51] {
    width: 120px;
    height: 100%;
    font-size: 13px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e1e1;
    border-radius: 5px 5px 0 0;
    margin-left: 5px;
    cursor: pointer
}

.activate_member_ship .tab_main .right_set_package .second_tab .second_tabitem[data-v-4c3b7d51]:nth-child(1) {
    margin-left: 0
}

.activate_member_ship .tab_main .right_set_package .second_tab .second_tabitem.active[data-v-4c3b7d51] {
    background: #fffbf4;
    border: 1px solid #f17469
}

.activate_member_ship .tab_main .right_set_package .line[data-v-4c3b7d51] {
    height: 1px;
    width: 100%;
    border: 0;
    background-color: #e1e1e1
}

.activate_member_ship .tab_main .right_set_package .package_con[data-v-4c3b7d51] {
    width: 100%;
    height: 180px;
    margin-top: 20px;
    position: relative
}

.activate_member_ship .tab_main .right_set_package .package_con .left_arr[data-v-4c3b7d51] {
    width: 30px;
    position: absolute;
    left: -31px;
    top: 42%;
    background-color: #0003;
    color: #fff;
    cursor: pointer;
    height: 30px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.activate_member_ship .tab_main .right_set_package .package_con .right_arr[data-v-4c3b7d51] {
    width: 30px;
    position: absolute;
    right: -33px;
    top: 42%;
    background-color: #0000004d;
    color: #fff;
    cursor: pointer;
    height: 30px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.activate_member_ship .tab_main .right_set_package .package_con .scroll_box[data-v-4c3b7d51] {
    height: 100%;
    width: 100%;
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden
}

.activate_member_ship .tab_main .right_set_package .package_con .scroll_box[data-v-4c3b7d51]::-webkit-scrollbar {
    width: 0;
    height: 0
}

.activate_member_ship .tab_main .right_set_package .package_con .scroll_box .package_item[data-v-4c3b7d51] {
    width: 195px;
    height: 100%;
    background: #f9f9fa;
    margin-left: 10px;
    cursor: pointer;
    padding: 20px 12px;
    border: 1px solid #f9f9fa;
    flex-shrink: 0;
    position: relative;
    border-radius: 10px 0 10px 10px/10px 0px 10px 10px
}

.activate_member_ship .tab_main .right_set_package .package_con .scroll_box .package_item .badge[data-v-4c3b7d51] {
    padding: 2px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px
}

.activate_member_ship .tab_main .right_set_package .package_con .scroll_box .package_item[data-v-4c3b7d51]:nth-child(1) {
    margin-left: 0
}

.activate_member_ship .tab_main .right_set_package .package_con .scroll_box .package_item.package_active[data-v-4c3b7d51] {
    background: #fffbf4;
    border: 1px solid #fda69e;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px
}

.activate_member_ship .tab_main .right_set_package .package_con .scroll_box .package_item .item_title[data-v-4c3b7d51] {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #333;
    padding-top: 10px
}

.activate_member_ship .tab_main .right_set_package .package_con .scroll_box .package_item .price[data-v-4c3b7d51] {
    margin-top: 10px;
    display: flex;
    align-items: flex-end
}

.activate_member_ship .tab_main .right_set_package .package_con .scroll_box .package_item .price .current_price[data-v-4c3b7d51] {
    font-size: 25px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #f2372e
}

.activate_member_ship .tab_main .right_set_package .package_con .scroll_box .package_item .price .original_price[data-v-4c3b7d51] {
    font-size: 11px;
    font-family: PingFang SC;
    font-weight: 500;
    text-decoration: line-through;
    color: #666;
    display: flex;
    align-items: flex-end;
    transform: translateY(-5px) translate(5px)
}

.activate_member_ship .tab_main .right_set_package .package_con .scroll_box .package_item .bottom_price_con[data-v-4c3b7d51] {
    margin-top: 3px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 74px
}

.activate_member_ship .tab_main .right_set_package .package_con .scroll_box .package_item .bottom_price_con[data-v-4c3b7d51]::-webkit-scrollbar {
    width: 0
}

.activate_member_ship .tab_main .right_set_package .package_con .scroll_box .package_item .bottom_price_con .unit_price[data-v-4c3b7d51] {
    margin-top: 4px;
    font-size: 12px;
    font-family: PingFang SC;
    color: #999;
    white-space: pre-wrap;
    letter-spacing: 1px
}

.activate_member_ship .tab_main .right_set_package .package_con .scroll_box .package_item .bottom_price_con .use_count[data-v-4c3b7d51] {
    margin-top: 7px;
    font-size: 12px;
    font-family: PingFang SC;
    color: #999
}

.activate_member_ship .tab_main .right_set_package .pay_con[data-v-4c3b7d51] {
    padding: 20px;
    width: 100%;
    height: 131px;
    background: #f9f9fa;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 20px
}

.activate_member_ship .tab_main .right_set_package .pay_con .left_ercode_2[data-v-4c3b7d51] {
    width: 106px;
    height: 104px
}

.activate_member_ship .tab_main .right_set_package .pay_con .right_choose_pay[data-v-4c3b7d51] {
    padding-left: 20px;
    width: calc(100% - 200px)
}

.activate_member_ship .tab_main .right_set_package .pay_con .right_choose_pay .pay_methods .methods_tab[data-v-4c3b7d51] {
    display: flex;
    align-items: center
}

.activate_member_ship .tab_main .right_set_package .pay_con .right_choose_pay .pay_methods .methods_tab .methods_item[data-v-4c3b7d51] {
    width: 116px;
    height: 34px;
    border: 2px solid #dfdfdf;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    cursor: pointer
}

.activate_member_ship .tab_main .right_set_package .pay_con .right_choose_pay .pay_methods .methods_tab .methods_item[data-v-4c3b7d51]:nth-child(1) {
    margin-left: 0
}

.activate_member_ship .tab_main .right_set_package .pay_con .right_choose_pay .pay_methods .methods_tab .methods_item.pay_active[data-v-4c3b7d51] {
    border: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOgAAABECAMAAAC8qYnfAAAAGFBMVEVHcEx4RP15Rfx6Rvx5Rfx6Rvx5Rfx5RPwZd4OWAAAACHRSTlMAJWR/4P+sTaC9xdUAAAEfSURBVHja7dsxdsQwDANRSuDI979xis2zZaXI1iCnYf17Iu7GlF1zxNFQYlnqZRXGKe4WQC7ZtRJg7c68wrIrH6kAhWEHb9xOY+n43AzrEvQ5V1h3QUYMyDAvYcSEFeYtmCFQmCdQQxva0IY2tKENbWhDG9rQhja0oQ1taEO/SUWgogZU1ICKGlBRAypqQEUNqKgBFTWgogZU1ICKGlBRAypqQEUNqKgBFTWgogD0dKZyh/o6R1w71Nh5QJ2dO9TZeUBtnZZQwbzycBpCBSti5Oa0hOqXN/Jx7tAJy8R5Sw8nC6bLY7LgkR5OEobJq7lgk8bbCaTJeEDwkp5O5DEHEXv518mwGPiId7k4ksVkS/zXqjXC859V1hrKlpk+/wDbbS2vrJpBggAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.activate_member_ship .tab_main .right_set_package .pay_con .right_choose_pay .pay_total[data-v-4c3b7d51] {
    display: flex;
    align-items: center;
    margin-top: 7px
}

.activate_member_ship .tab_main .right_set_package .pay_con .right_choose_pay .pay_total .pay_title[data-v-4c3b7d51] {
    font-size: 13px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #999
}

.activate_member_ship .tab_main .right_set_package .pay_con .right_choose_pay .pay_total .pay_value[data-v-4c3b7d51] {
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #f2372e;
    margin-left: 10px
}

.activate_member_ship .tab_main .right_set_package .pay_con .right_choose_pay .pay_total .pay_tips[data-v-4c3b7d51] {
    background: #f2372e1a;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #f2372e;
    padding: 0 10px;
    margin-left: 10px
}

.activate_member_ship .tab_main .right_set_package .pay_con .right_choose_pay .bottom_box[data-v-4c3b7d51] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px
}

.activate_member_ship .tab_main .right_set_package .pay_con .right_choose_pay .bottom_box .left_agree[data-v-4c3b7d51],.activate_member_ship .tab_main .right_set_package .pay_con .right_choose_pay .bottom_box .right_cutdown[data-v-4c3b7d51] {
    font-size: 13px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #999
}

.activate_member_ship .tab_main .right_set_package .bototm_desc[data-v-4c3b7d51] {
    font-size: 12px;
    font-family: PingFang SC;
    color: #a4a3a3;
    margin-top: 20px
}

.team-list[data-v-4c3b7d51] {
    max-height: 280px;
    width: 100%;
    overflow: hidden auto;
    padding: 10px;
    border: 1px solid #f5f5f5;
    border-radius: 8px
}

.team-list .team-item-current[data-v-4c3b7d51] {
    background-color: #f5f5f5
}

.team-list .team-item[data-v-4c3b7d51] {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer
}

.team-list .team-item[data-v-4c3b7d51]:hover {
    background-color: #f5f5f5
}

.team-list .team-item[data-v-4c3b7d51]:last-child {
    margin-bottom: 0
}

.team-list .team-item .team-avatar[data-v-4c3b7d51] {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 10px
}

.team-list .team-item .team-avatar-box[data-v-4c3b7d51] {
    width: 36px;
    height: 36px;
    background-color: #1890ff;
    border-radius: 50%;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px
}

#workGpt-basic-layout {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-left: 1px solid #f0f2f5
}

#workGpt-basic-layout .basic-layout-header {
    padding: 0;
    background-color: #fff;
    border-bottom: 1px solid rgba(5,5,5,.06)
}

#workGpt-basic-layout .basic-layout-side-menu {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative
}

#workGpt-basic-layout .basic-layout-side-menu .menu {
    flex: 1;
    overflow: hidden auto
}

#workGpt-basic-layout .basic-layout-side-menu .side-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #f5f5f5
}

#workGpt-basic-layout .basic-layout-side-menu .side-footer .activate-vip-wrap {
    padding: 10px 15px;
    display: flex;
    justify-content: center;
    align-items: center
}

#workGpt-basic-layout .basic-layout-side-menu .side-footer .activate-vip-wrap .activate-vip {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(90deg,#7a6cfc,#f26dbe);
    color: #fff;
    border-radius: 4px;
    padding: 8px 0;
    cursor: pointer
}

#workGpt-basic-layout .basic-layout-side-menu .side-footer .activate-vip-wrap .activate-vip:after {
    content: "";
    height: 40px;
    width: 30px;
    display: inline-block;
    background: #fff3;
    position: absolute;
    left: -60px;
    top: 10px;
    z-index: 2;
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
    -webkit-animation: light 2.5s linear infinite;
    animation: light 2.5s linear infinite
}

#workGpt-basic-layout .basic-layout-side-menu .side-footer .change-team-wrap {
    padding: 10px 15px 20px;
    border-right: 1px solid #f5f5f5
}

#workGpt-basic-layout .basic-layout-side-menu .side-footer .change-team-wrap .user-team {
    background-color: #f1f1f1;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    cursor: pointer
}

#workGpt-basic-layout .basic-layout-side-menu .side-footer .change-team-wrap .user-team .user-team-left {
    display: flex;
    align-items: center
}

#workGpt-basic-layout .basic-layout-side-menu .side-footer .change-team-wrap .user-team .user-team-left .user-team-avatar {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 10px
}

#workGpt-basic-layout .basic-layout-side-menu .side-footer .change-team-wrap .user-team .user-team-left .user-team-avatar-box {
    width: 36px;
    height: 36px;
    background-color: #1890ff;
    border-radius: 50%;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px
}

#workGpt-basic-layout .basic-layout-side-menu .side-footer .change-team-wrap .user-team .user-trigger-icon {
    font-size: 16px;
    color: #666
}

#workGpt-basic-layout .route-layout {
    overflow: hidden auto;
    border-radius: 4px
}

.workGpt-team-pop .ant-popover-inner-content {
    padding-left: 0;
    padding-right: 0
}

.workGpt-team-pop .team-list {
    max-height: 220px;
    overflow: hidden auto;
    padding-left: 10px;
    padding-right: 10px
}

.workGpt-team-pop .team-list .team-item {
    width: 200px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer
}

.workGpt-team-pop .team-list .team-item:hover {
    background-color: #f5f5f5
}

.workGpt-team-pop .team-list .team-item:last-child {
    margin-bottom: 0
}

.workGpt-team-pop .team-list .team-item .team-avatar {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 10px
}

.workGpt-team-pop .team-list .team-item .team-avatar-box {
    width: 36px;
    height: 36px;
    background-color: #1890ff;
    border-radius: 50%;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px
}

@keyframes light {
    0% {
        left: -20px
    }

    25% {
        left: -20px
    }

    50% {
        left: 190px
    }

    75% {
        left: 190px
    }

    to {
        left: 190px
    }
}

.side-menu-top {
    padding: 17px 18px;
    height: 64px;
    display: flex;
    justify-content: center
}

.menu_cu_icon {
    font-size: 22px;
    margin-right: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px
}

.primary-color-text[data-v-202b0df0] {
    color: #2878ff
}

.success-color-text[data-v-202b0df0] {
    color: #52c41a
}

.error-color-text[data-v-202b0df0] {
    color: #f5222d
}

.blank-layout[data-v-202b0df0] {
    width: 100%;
    height: 100%;
    overflow: hidden auto
}

.primary-color-text[data-v-63471df6] {
    color: #2878ff
}

.success-color-text[data-v-63471df6] {
    color: #52c41a
}

.error-color-text[data-v-63471df6] {
    color: #f5222d
}

.box[data-v-63471df6] {
    min-width: 1800px;
    height: 100%;
    overflow: hidden auto;
    position: relative
}

.box .min-width[data-v-63471df6] {
    min-width: 2050px
}

.box[data-v-63471df6] .ant-card-body {
    height: auto;
    padding: 30px 55px
}

.box[data-v-63471df6] .ant-card-cover {
    height: 332px;
    overflow: hidden
}

.box .title-box[data-v-63471df6] {
    position: absolute;
    top: 0;
    left: 350px;
    color: #fff
}

.box .title-box .title[data-v-63471df6] {
    margin-top: 80px;
    font-size: 24px
}

.box .title-box .sub-title[data-v-63471df6] {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    margin-top: 50px
}

.box .title-box .introduction[data-v-63471df6] {
    margin-top: 30px;
    font-size: 26px
}

.box .image[data-v-63471df6] {
    width: 100%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.box .help[data-v-63471df6] {
    width: 100%;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    position: relative;
    margin: 0 auto
}

.box .help .help-text[data-v-63471df6] {
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%
}

.box .group[data-v-63471df6] {
    width: 100%;
    background: #000;
    padding: 80px 350px
}

.box .group .card[data-v-63471df6] {
    border: 1px solid #122e4a;
    background: #121519;
    color: #fff;
    font-size: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.box .group .card .link-color[data-v-63471df6] {
    color: #2681f3
}

.box .group .card .weight[data-v-63471df6] {
    color: #fff;
    padding-left: 150px;
    padding-top: 30px
}

.box .group .card .sort-list[data-v-63471df6] {
    color: #fff;
    padding-top: 30px;
    padding-left: 400px
}

.box .group .card .sort-list[data-v-63471df6] .ant-space-align-center {
    align-items: baseline
}

.box .group .card .sort-list .left[data-v-63471df6] {
    font-weight: 700
}

.box .group .card .sort-list .main[data-v-63471df6] {
    font-size: 28px;
    color: #c0f374
}

.box .group .card .sort-list .particulars[data-v-63471df6] {
    color: #74dfd8
}

.box .group .card .sort-list .scene[data-v-63471df6] {
    font-size: 28px;
    color: #2a7efa
}

.box .group .card .sort-list .scene-details[data-v-63471df6] {
    color: #c0f374
}

.box .group .card .sort-list .picture-quality[data-v-63471df6] {
    font-size: 28px;
    color: #74dfd8
}

.box .group .card .study-list[data-v-63471df6] {
    color: #fff
}

.box .group .card .study-list .border-bottom[data-v-63471df6] {
    border-bottom: 3px solid #3ca3f7
}

.box .group .card .study-list .particulars-icon[data-v-63471df6] {
    position: absolute;
    top: -20px;
    left: 20px;
    padding: 0 20px;
    background: #3ca3f7;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px
}

.box .group .card .study-list .particulars-icon2[data-v-63471df6] {
    position: absolute;
    top: -20px;
    left: 50.2%
}

.box .group .card .study-list .particulars-icon3[data-v-63471df6] {
    position: absolute;
    top: 260px;
    left: 20px
}

.box .group .description[data-v-63471df6] {
    color: #fff;
    font-size: 18px;
    margin-bottom: 15px
}

.box .group .description .left[data-v-63471df6] {
    color: #588bf1;
    font-weight: 600
}

.box .group .description .left-bg-skyblue[data-v-63471df6] {
    color: #5df5ff
}

.box .group .description .left-bg-green[data-v-63471df6] {
    color: #75d749
}

.box .group .description .padding-right30[data-v-63471df6] {
    padding-right: 30px
}

.box .group .words-list[data-v-63471df6] {
    padding-left: 100px;
    color: #fff
}

.box .group .words-list .padding-bottom[data-v-63471df6] {
    padding-bottom: 10px
}

.box .painting[data-v-63471df6] {
    width: 100%;
    background: #000;
    padding: 80px 350px;
    color: #fff
}

.box .painting .image-right[data-v-63471df6] {
    width: 490px;
    height: 320px;
    margin-right: 100px
}

.box .painting .image-left[data-v-63471df6] {
    width: 490px;
    height: 320px;
    margin-left: 100px
}

.box .painting .text[data-v-63471df6] {
    display: flex;
    align-items: center;
    font-size: 28px;
    font-weight: 700
}

.box .painting .text-right[data-v-63471df6] {
    padding-right: 10px
}

.box .painting .describe[data-v-63471df6] {
    font-size: 20px;
    margin: 30px 0
}

.box .become-text[data-v-63471df6] {
    position: absolute;
    top: -30px;
    left: 0%;
    width: 100%
}

.box .basic-structure[data-v-63471df6] {
    background: #000;
    padding: 50px 350px 45px;
    color: #fff;
    text-align: center;
    position: relative
}

.box .basic-structure .text[data-v-63471df6] {
    font-size: 29px;
    font-weight: 600;
    position: absolute;
    top: 5px;
    left: 44.6%
}

.box .basic-structure .basic[data-v-63471df6] {
    top: 17px;
    left: 44.5%
}

.box .basic-structure .lin[data-v-63471df6] {
    width: 306px;
    height: 12px;
    background: inherit;
    background-color: #3ca3f7;
    border: none;
    border-radius: 10px 10px 0 0/10px 10px 0px 0px;
    box-shadow: none;
    margin-left: 39%
}

.box .basic-structure .weight[data-v-63471df6] {
    left: 46%;
    top: 50px
}

.box .basic-structure .study[data-v-63471df6] {
    left: 44%;
    top: 50px
}

.box .basic-structure .words[data-v-63471df6] {
    left: 47%;
    top: 50px
}

.box .basic-structure-list[data-v-63471df6] {
    padding: 20px 350px 0
}

.box .basic-structure-list .icon[data-v-63471df6] {
    font-size: 32px;
    color: #74dfd8;
    font-weight: 800
}

.box .basic-structure-list .list[data-v-63471df6] {
    width: 140px;
    height: 48px;
    background: inherit;
    background-color: #c0f374;
    border: none;
    border-radius: 10px;
    color: #000;
    font-size: 18px;
    text-align: center;
    line-height: 48px
}

.box .basic-structure-list .bg-skyblue[data-v-63471df6] {
    background-color: #74dfd8
}

.box .basic-structure-list .bg-blue[data-v-63471df6] {
    background-color: #2a7efa
}

.box .problem[data-v-63471df6] {
    background: #000;
    padding: 45px 400px;
    font-size: 28px;
    color: #fff
}

.box .problem .sub-txt[data-v-63471df6] {
    font-size: 18px;
    padding: 20px 0;
    color: #d7d7d7
}

[class^=ss-]::-ms-clear,[class*=ss-]::-ms-clear,[class^=ss-] input::-ms-clear,[class*=ss-] input::-ms-clear,[class^=ss-] input::-ms-reveal,[class*=ss-] input::-ms-reveal {
    display: none
}

@-ms-viewport {
    width: device-width
}
.anticon {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.anticon>* {
    line-height: 1
}

.anticon svg {
    display: inline-block
}

.anticon:before {
    display: none
}

.anticon .anticon-icon {
    display: block
}

.anticon>.anticon {
    line-height: 0;
    vertical-align: 0
}

.anticon[tabindex] {
    cursor: pointer
}

.anticon-spin:before {
    display: inline-block;
    animation: loadingCircle 1s infinite linear
}

.anticon-spin {
    display: inline-block;
    animation: loadingCircle 1s infinite linear
}

.ss-fade-enter,.ss-fade-appear,.ss-fade-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ss-fade-enter.ss-fade-enter-active,.ss-fade-appear.ss-fade-appear-active {
    animation-name: antFadeIn;
    animation-play-state: running
}

.ss-fade-leave.ss-fade-leave-active {
    animation-name: antFadeOut;
    animation-play-state: running;
    pointer-events: none
}

.ss-fade-enter,.ss-fade-appear {
    opacity: 0;
    animation-timing-function: linear
}

.ss-fade-leave {
    animation-timing-function: linear
}

.fade-enter,.fade-appear,.fade-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.fade-enter.fade-enter-active,.fade-appear.fade-appear-active {
    animation-name: antFadeIn;
    animation-play-state: running
}

.fade-leave.fade-leave-active {
    animation-name: antFadeOut;
    animation-play-state: running;
    pointer-events: none
}

.fade-enter,.fade-appear {
    opacity: 0;
    animation-timing-function: linear
}

.fade-leave {
    animation-timing-function: linear
}

@keyframes antFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes antFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.ss-move-up-enter,.ss-move-up-appear,.ss-move-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ss-move-up-enter.ss-move-up-enter-active,.ss-move-up-appear.ss-move-up-appear-active {
    animation-name: antMoveUpIn;
    animation-play-state: running
}

.ss-move-up-leave.ss-move-up-leave-active {
    animation-name: antMoveUpOut;
    animation-play-state: running;
    pointer-events: none
}

.ss-move-up-enter,.ss-move-up-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ss-move-up-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-up-enter,.move-up-appear,.move-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-up-enter.move-up-enter-active,.move-up-appear.move-up-appear-active {
    animation-name: antMoveUpIn;
    animation-play-state: running
}

.move-up-leave.move-up-leave-active {
    animation-name: antMoveUpOut;
    animation-play-state: running;
    pointer-events: none
}

.move-up-enter,.move-up-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.move-up-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.ss-move-down-enter,.ss-move-down-appear,.ss-move-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ss-move-down-enter.ss-move-down-enter-active,.ss-move-down-appear.ss-move-down-appear-active {
    animation-name: antMoveDownIn;
    animation-play-state: running
}

.ss-move-down-leave.ss-move-down-leave-active {
    animation-name: antMoveDownOut;
    animation-play-state: running;
    pointer-events: none
}

.ss-move-down-enter,.ss-move-down-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ss-move-down-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-down-enter,.move-down-appear,.move-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-down-enter.move-down-enter-active,.move-down-appear.move-down-appear-active {
    animation-name: antMoveDownIn;
    animation-play-state: running
}

.move-down-leave.move-down-leave-active {
    animation-name: antMoveDownOut;
    animation-play-state: running;
    pointer-events: none
}

.move-down-enter,.move-down-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.move-down-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.ss-move-left-enter,.ss-move-left-appear,.ss-move-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ss-move-left-enter.ss-move-left-enter-active,.ss-move-left-appear.ss-move-left-appear-active {
    animation-name: antMoveLeftIn;
    animation-play-state: running
}

.ss-move-left-leave.ss-move-left-leave-active {
    animation-name: antMoveLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.ss-move-left-enter,.ss-move-left-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ss-move-left-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-left-enter,.move-left-appear,.move-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-left-enter.move-left-enter-active,.move-left-appear.move-left-appear-active {
    animation-name: antMoveLeftIn;
    animation-play-state: running
}

.move-left-leave.move-left-leave-active {
    animation-name: antMoveLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.move-left-enter,.move-left-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.move-left-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.ss-move-right-enter,.ss-move-right-appear,.ss-move-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ss-move-right-enter.ss-move-right-enter-active,.ss-move-right-appear.ss-move-right-appear-active {
    animation-name: antMoveRightIn;
    animation-play-state: running
}

.ss-move-right-leave.ss-move-right-leave-active {
    animation-name: antMoveRightOut;
    animation-play-state: running;
    pointer-events: none
}

.ss-move-right-enter,.ss-move-right-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ss-move-right-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-right-enter,.move-right-appear,.move-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-right-enter.move-right-enter-active,.move-right-appear.move-right-appear-active {
    animation-name: antMoveRightIn;
    animation-play-state: running
}

.move-right-leave.move-right-leave-active {
    animation-name: antMoveRightOut;
    animation-play-state: running;
    pointer-events: none
}

.move-right-enter,.move-right-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.move-right-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

@keyframes antMoveDownIn {
    0% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antMoveDownOut {
    0% {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes antMoveLeftIn {
    0% {
        transform: translate(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translate(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antMoveLeftOut {
    0% {
        transform: translate(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translate(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes antMoveRightIn {
    0% {
        transform: translate(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translate(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antMoveRightOut {
    0% {
        transform: translate(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translate(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes antMoveUpIn {
    0% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antMoveUpOut {
    0% {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes loadingCircle {
    to {
        transform: rotate(360deg)
    }
}

[ss-click-animating=true],[ss-click-animating-without-extra-node=true] {
    position: relative
}


[ss-click-animating-without-extra-node=true]:after,.ss-click-animating-node {
    position: absolute;
    inset: 0;
    display: block;
    border-radius: inherit;
    box-shadow: 0 0 0 0 var(--ss-primary-color);
    box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
    opacity: .2;
    animation: fadeEffect 2s cubic-bezier(.08,.82,.17,1),waveEffect .4s cubic-bezier(.08,.82,.17,1);
    animation-fill-mode: forwards;
    content: "";
    pointer-events: none
}

@keyframes waveEffect {
    to {
        box-shadow: 0 0 0 var(--ss-primary-color);
        box-shadow: 0 0 0 6px var(--antd-wave-shadow-color)
    }
}

@keyframes fadeEffect {
    to {
        opacity: 0
    }
}

.slide-up-enter,.slide-up-appear,.slide-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-up-enter.slide-up-enter-active,.slide-up-appear.slide-up-appear-active {
    animation-name: antSlideUpIn;
    animation-play-state: running
}

.slide-up-leave.slide-up-leave-active {
    animation-name: antSlideUpOut;
    animation-play-state: running;
    pointer-events: none
}

.slide-up-enter,.slide-up-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.slide-up-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.slide-down-enter,.slide-down-appear,.slide-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-down-enter.slide-down-enter-active,.slide-down-appear.slide-down-appear-active {
    animation-name: antSlideDownIn;
    animation-play-state: running
}

.slide-down-leave.slide-down-leave-active {
    animation-name: antSlideDownOut;
    animation-play-state: running;
    pointer-events: none
}

.slide-down-enter,.slide-down-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.slide-down-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.slide-left-enter,.slide-left-appear,.slide-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-left-enter.slide-left-enter-active,.slide-left-appear.slide-left-appear-active {
    animation-name: antSlideLeftIn;
    animation-play-state: running
}

.slide-left-leave.slide-left-leave-active {
    animation-name: antSlideLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.slide-left-enter,.slide-left-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.slide-left-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.slide-right-enter,.slide-right-appear,.slide-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-right-enter.slide-right-enter-active,.slide-right-appear.slide-right-appear-active {
    animation-name: antSlideRightIn;
    animation-play-state: running
}

.slide-right-leave.slide-right-leave-active {
    animation-name: antSlideRightOut;
    animation-play-state: running;
    pointer-events: none
}

.slide-right-enter,.slide-right-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.slide-right-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.ss-slide-up-enter,.ss-slide-up-appear,.ss-slide-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ss-slide-up-enter.ss-slide-up-enter-active,.ss-slide-up-appear.ss-slide-up-appear-active {
    animation-name: antSlideUpIn;
    animation-play-state: running
}

.ss-slide-up-leave.ss-slide-up-leave-active {
    animation-name: antSlideUpOut;
    animation-play-state: running;
    pointer-events: none
}

.ss-slide-up-enter,.ss-slide-up-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.ss-slide-up-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.ss-slide-down-enter,.ss-slide-down-appear,.ss-slide-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ss-slide-down-enter.ss-slide-down-enter-active,.ss-slide-down-appear.ss-slide-down-appear-active {
    animation-name: antSlideDownIn;
    animation-play-state: running
}

.ss-slide-down-leave.ss-slide-down-leave-active {
    animation-name: antSlideDownOut;
    animation-play-state: running;
    pointer-events: none
}

.ss-slide-down-enter,.ss-slide-down-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.ss-slide-down-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.ss-slide-left-enter,.ss-slide-left-appear,.ss-slide-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ss-slide-left-enter.ss-slide-left-enter-active,.ss-slide-left-appear.ss-slide-left-appear-active {
    animation-name: antSlideLeftIn;
    animation-play-state: running
}

.ss-slide-left-leave.ss-slide-left-leave-active {
    animation-name: antSlideLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.ss-slide-left-enter,.ss-slide-left-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.ss-slide-left-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.ss-slide-right-enter,.ss-slide-right-appear,.ss-slide-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ss-slide-right-enter.ss-slide-right-enter-active,.ss-slide-right-appear.ss-slide-right-appear-active {
    animation-name: antSlideRightIn;
    animation-play-state: running
}

.ss-slide-right-leave.ss-slide-right-leave-active {
    animation-name: antSlideRightOut;
    animation-play-state: running;
    pointer-events: none
}

.ss-slide-right-enter,.ss-slide-right-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.ss-slide-right-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

@keyframes antSlideUpIn {
    0% {
        transform: scaleY(.8);
        transform-origin: 0% 0%;
        opacity: 0
    }

    to {
        transform: scaleY(1);
        transform-origin: 0% 0%;
        opacity: 1
    }
}

@keyframes antSlideUpOut {
    0% {
        transform: scaleY(1);
        transform-origin: 0% 0%;
        opacity: 1
    }

    to {
        transform: scaleY(.8);
        transform-origin: 0% 0%;
        opacity: 0
    }
}

@keyframes antSlideDownIn {
    0% {
        transform: scaleY(.8);
        transform-origin: 100% 100%;
        opacity: 0
    }

    to {
        transform: scaleY(1);
        transform-origin: 100% 100%;
        opacity: 1
    }
}

@keyframes antSlideDownOut {
    0% {
        transform: scaleY(1);
        transform-origin: 100% 100%;
        opacity: 1
    }

    to {
        transform: scaleY(.8);
        transform-origin: 100% 100%;
        opacity: 0
    }
}

@keyframes antSlideLeftIn {
    0% {
        transform: scaleX(.8);
        transform-origin: 0% 0%;
        opacity: 0
    }

    to {
        transform: scaleX(1);
        transform-origin: 0% 0%;
        opacity: 1
    }
}

@keyframes antSlideLeftOut {
    0% {
        transform: scaleX(1);
        transform-origin: 0% 0%;
        opacity: 1
    }

    to {
        transform: scaleX(.8);
        transform-origin: 0% 0%;
        opacity: 0
    }
}

@keyframes antSlideRightIn {
    0% {
        transform: scaleX(.8);
        transform-origin: 100% 0%;
        opacity: 0
    }

    to {
        transform: scaleX(1);
        transform-origin: 100% 0%;
        opacity: 1
    }
}

@keyframes antSlideRightOut {
    0% {
        transform: scaleX(1);
        transform-origin: 100% 0%;
        opacity: 1
    }

    to {
        transform: scaleX(.8);
        transform-origin: 100% 0%;
        opacity: 0
    }
}

.ss-zoom-enter,.ss-zoom-appear,.ss-zoom-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ss-zoom-enter.ss-zoom-enter-active,.ss-zoom-appear.ss-zoom-appear-active {
    animation-name: antZoomIn;
    animation-play-state: running
}

.ss-zoom-leave.ss-zoom-leave-active {
    animation-name: antZoomOut;
    animation-play-state: running;
    pointer-events: none
}

.ss-zoom-enter,.ss-zoom-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ss-zoom-enter-prepare,.ss-zoom-appear-prepare {
    transform: none
}

.ss-zoom-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-enter,.zoom-appear,.zoom-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-enter.zoom-enter-active,.zoom-appear.zoom-appear-active {
    animation-name: antZoomIn;
    animation-play-state: running
}

.zoom-leave.zoom-leave-active {
    animation-name: antZoomOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-enter,.zoom-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-enter-prepare,.zoom-appear-prepare {
    transform: none
}

.zoom-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ss-zoom-big-enter,.ss-zoom-big-appear,.ss-zoom-big-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ss-zoom-big-enter.ss-zoom-big-enter-active,.ss-zoom-big-appear.ss-zoom-big-appear-active {
    animation-name: antZoomBigIn;
    animation-play-state: running
}

.ss-zoom-big-leave.ss-zoom-big-leave-active {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.ss-zoom-big-enter,.ss-zoom-big-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ss-zoom-big-enter-prepare,.ss-zoom-big-appear-prepare {
    transform: none
}

.ss-zoom-big-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-big-enter,.zoom-big-appear,.zoom-big-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-big-enter.zoom-big-enter-active,.zoom-big-appear.zoom-big-appear-active {
    animation-name: antZoomBigIn;
    animation-play-state: running
}

.zoom-big-leave.zoom-big-leave-active {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-enter,.zoom-big-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-big-enter-prepare,.zoom-big-appear-prepare {
    transform: none
}

.zoom-big-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ss-zoom-big-fast-enter,.ss-zoom-big-fast-appear,.ss-zoom-big-fast-leave {
    animation-duration: .1s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ss-zoom-big-fast-enter.ss-zoom-big-fast-enter-active,.ss-zoom-big-fast-appear.ss-zoom-big-fast-appear-active {
    animation-name: antZoomBigIn;
    animation-play-state: running
}

.ss-zoom-big-fast-leave.ss-zoom-big-fast-leave-active {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.ss-zoom-big-fast-enter,.ss-zoom-big-fast-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ss-zoom-big-fast-enter-prepare,.ss-zoom-big-fast-appear-prepare {
    transform: none
}

.ss-zoom-big-fast-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-big-fast-enter,.zoom-big-fast-appear,.zoom-big-fast-leave {
    animation-duration: .1s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-big-fast-enter.zoom-big-fast-enter-active,.zoom-big-fast-appear.zoom-big-fast-appear-active {
    animation-name: antZoomBigIn;
    animation-play-state: running
}

.zoom-big-fast-leave.zoom-big-fast-leave-active {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-fast-enter,.zoom-big-fast-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-big-fast-enter-prepare,.zoom-big-fast-appear-prepare {
    transform: none
}

.zoom-big-fast-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ss-zoom-up-enter,.ss-zoom-up-appear,.ss-zoom-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ss-zoom-up-enter.ss-zoom-up-enter-active,.ss-zoom-up-appear.ss-zoom-up-appear-active {
    animation-name: antZoomUpIn;
    animation-play-state: running
}

.ss-zoom-up-leave.ss-zoom-up-leave-active {
    animation-name: antZoomUpOut;
    animation-play-state: running;
    pointer-events: none
}

.ss-zoom-up-enter,.ss-zoom-up-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ss-zoom-up-enter-prepare,.ss-zoom-up-appear-prepare {
    transform: none
}

.ss-zoom-up-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-up-enter,.zoom-up-appear,.zoom-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-up-enter.zoom-up-enter-active,.zoom-up-appear.zoom-up-appear-active {
    animation-name: antZoomUpIn;
    animation-play-state: running
}

.zoom-up-leave.zoom-up-leave-active {
    animation-name: antZoomUpOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-up-enter,.zoom-up-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-up-enter-prepare,.zoom-up-appear-prepare {
    transform: none
}

.zoom-up-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ss-zoom-down-enter,.ss-zoom-down-appear,.ss-zoom-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ss-zoom-down-enter.ss-zoom-down-enter-active,.ss-zoom-down-appear.ss-zoom-down-appear-active {
    animation-name: antZoomDownIn;
    animation-play-state: running
}

.ss-zoom-down-leave.ss-zoom-down-leave-active {
    animation-name: antZoomDownOut;
    animation-play-state: running;
    pointer-events: none
}

.ss-zoom-down-enter,.ss-zoom-down-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ss-zoom-down-enter-prepare,.ss-zoom-down-appear-prepare {
    transform: none
}

.ss-zoom-down-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-down-enter,.zoom-down-appear,.zoom-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-down-enter.zoom-down-enter-active,.zoom-down-appear.zoom-down-appear-active {
    animation-name: antZoomDownIn;
    animation-play-state: running
}

.zoom-down-leave.zoom-down-leave-active {
    animation-name: antZoomDownOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-down-enter,.zoom-down-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-down-enter-prepare,.zoom-down-appear-prepare {
    transform: none
}

.zoom-down-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ss-zoom-left-enter,.ss-zoom-left-appear,.ss-zoom-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ss-zoom-left-enter.ss-zoom-left-enter-active,.ss-zoom-left-appear.ss-zoom-left-appear-active {
    animation-name: antZoomLeftIn;
    animation-play-state: running
}

.ss-zoom-left-leave.ss-zoom-left-leave-active {
    animation-name: antZoomLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.ss-zoom-left-enter,.ss-zoom-left-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ss-zoom-left-enter-prepare,.ss-zoom-left-appear-prepare {
    transform: none
}

.ss-zoom-left-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-left-enter,.zoom-left-appear,.zoom-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-left-enter.zoom-left-enter-active,.zoom-left-appear.zoom-left-appear-active {
    animation-name: antZoomLeftIn;
    animation-play-state: running
}

.zoom-left-leave.zoom-left-leave-active {
    animation-name: antZoomLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-left-enter,.zoom-left-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-left-enter-prepare,.zoom-left-appear-prepare {
    transform: none
}

.zoom-left-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ss-zoom-right-enter,.ss-zoom-right-appear,.ss-zoom-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ss-zoom-right-enter.ss-zoom-right-enter-active,.ss-zoom-right-appear.ss-zoom-right-appear-active {
    animation-name: antZoomRightIn;
    animation-play-state: running
}

.ss-zoom-right-leave.ss-zoom-right-leave-active {
    animation-name: antZoomRightOut;
    animation-play-state: running;
    pointer-events: none
}

.ss-zoom-right-enter,.ss-zoom-right-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ss-zoom-right-enter-prepare,.ss-zoom-right-appear-prepare {
    transform: none
}

.ss-zoom-right-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-right-enter,.zoom-right-appear,.zoom-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-right-enter.zoom-right-enter-active,.zoom-right-appear.zoom-right-appear-active {
    animation-name: antZoomRightIn;
    animation-play-state: running
}

.zoom-right-leave.zoom-right-leave-active {
    animation-name: antZoomRightOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-right-enter,.zoom-right-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-right-enter-prepare,.zoom-right-appear-prepare {
    transform: none
}

.zoom-right-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

@keyframes antZoomIn {
    0% {
        transform: scale(.2);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes antZoomOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.2);
        opacity: 0
    }
}

@keyframes antZoomBigIn {
    0% {
        transform: scale(.8);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes antZoomBigOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.8);
        opacity: 0
    }
}

@keyframes antZoomUpIn {
    0% {
        transform: scale(.8);
        transform-origin: 50% 0%;
        opacity: 0
    }

    to {
        transform: scale(1);
        transform-origin: 50% 0%
    }
}

@keyframes antZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0%
    }

    to {
        transform: scale(.8);
        transform-origin: 50% 0%;
        opacity: 0
    }
}

@keyframes antZoomLeftIn {
    0% {
        transform: scale(.8);
        transform-origin: 0% 50%;
        opacity: 0
    }

    to {
        transform: scale(1);
        transform-origin: 0% 50%
    }
}

@keyframes antZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0% 50%
    }

    to {
        transform: scale(.8);
        transform-origin: 0% 50%;
        opacity: 0
    }
}

@keyframes antZoomRightIn {
    0% {
        transform: scale(.8);
        transform-origin: 100% 50%;
        opacity: 0
    }

    to {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@keyframes antZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    to {
        transform: scale(.8);
        transform-origin: 100% 50%;
        opacity: 0
    }
}

@keyframes antZoomDownIn {
    0% {
        transform: scale(.8);
        transform-origin: 50% 100%;
        opacity: 0
    }

    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes antZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    to {
        transform: scale(.8);
        transform-origin: 50% 100%;
        opacity: 0
    }
}

.ant-motion-collapse-legacy {
    overflow: hidden
}

.ant-motion-collapse-legacy-active {
    transition: height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1)!important
}

.ant-motion-collapse {
    overflow: hidden;
    transition: height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1)!important
}

.ss-affix {
    position: fixed;
    z-index: 10
}

.ss-alert {
    box-sizing: border-box;
    margin: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 15px;
    word-wrap: break-word;
    border-radius: 2px
}

.ss-alert-content {
    flex: 1;
    min-width: 0
}

.ss-alert-icon {
    margin-right: 8px
}

.ss-alert-description {
    display: none;
    font-size: 14px;
    line-height: 22px
}

.ss-alert-success {
    background-color: var(--ss-success-color-deprecated-bg);
    border: 1px solid var(--ss-success-color-deprecated-border)
}

.ss-alert-success .ss-alert-icon {
    color: var(--ss-success-color)
}

.ss-alert-info {
    background-color: var(--ss-info-color-deprecated-bg);
    border: 1px solid var(--ss-info-color-deprecated-border)
}

.ss-alert-info .ss-alert-icon {
    color: var(--ss-info-color)
}

.ss-alert-warning {
    background-color: var(--ss-warning-color-deprecated-bg);
    border: 1px solid var(--ss-warning-color-deprecated-border)
}

.ss-alert-warning .ss-alert-icon {
    color: var(--ss-warning-color)
}

.ss-alert-error {
    background-color: var(--ss-error-color-deprecated-bg);
    border: 1px solid var(--ss-error-color-deprecated-border)
}

.ss-alert-error .ss-alert-icon {
    color: var(--ss-error-color)
}

.ss-alert-error .ss-alert-description>pre {
    margin: 0;
    padding: 0
}

.ss-alert-action {
    margin-left: 8px
}

.ss-alert-close-icon {
    margin-left: 8px;
    padding: 0;
    overflow: hidden;
    font-size: 12px;
    line-height: 12px;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer
}

.ss-alert-close-icon .anticon-close {
    color: #00000073;
    transition: color .3s
}

.ss-alert-close-icon .anticon-close:hover {
    color: #000000bf
}

.ss-alert-close-text {
    color: #00000073;
    transition: color .3s
}

.ss-alert-close-text:hover {
    color: #000000bf
}

.ss-alert-with-description {
    align-items: flex-start;
    padding: 15px 15px 15px 24px
}

.ss-alert-with-description.ss-alert-no-icon {
    padding: 15px
}

.ss-alert-with-description .ss-alert-icon {
    margin-right: 15px;
    font-size: 24px
}

.ss-alert-with-description .ss-alert-message {
    display: block;
    margin-bottom: 4px;
    color: #000000d9;
    font-size: 16px
}

.ss-alert-message {
    color: #000000d9
}

.ss-alert-with-description .ss-alert-description {
    display: block
}

.ss-alert.ss-alert-motion-leave {
    overflow: hidden;
    opacity: 1;
    transition: max-height .3s cubic-bezier(.78,.14,.15,.86),opacity .3s cubic-bezier(.78,.14,.15,.86),padding-top .3s cubic-bezier(.78,.14,.15,.86),padding-bottom .3s cubic-bezier(.78,.14,.15,.86),margin-bottom .3s cubic-bezier(.78,.14,.15,.86)
}

.ss-alert.ss-alert-motion-leave-active {
    max-height: 0;
    margin-bottom: 0!important;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0
}

.ss-alert-banner {
    margin-bottom: 0;
    border: 0;
    border-radius: 0
}

.ss-alert.ss-alert-rtl {
    direction: rtl
}

.ss-alert-rtl .ss-alert-icon {
    margin-right: auto;
    margin-left: 8px
}

.ss-alert-rtl .ss-alert-action,.ss-alert-rtl .ss-alert-close-icon {
    margin-right: 8px;
    margin-left: auto
}

.ss-alert-rtl.ss-alert-with-description {
    padding-right: 24px;
    padding-left: 15px
}

.ss-alert-rtl.ss-alert-with-description .ss-alert-icon {
    margin-right: auto;
    margin-left: 15px
}

.ss-anchor {
    box-sizing: border-box;
    margin: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    padding: 0 0 0 2px
}

.ss-anchor-wrapper {
    margin-left: -4px;
    padding-left: 4px;
    overflow: auto;
    background-color: transparent
}

.ss-anchor-ink {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.ss-anchor-ink:before {
    position: relative;
    display: block;
    width: 2px;
    height: 100%;
    margin: 0 auto;
    background-color: #f0f0f0;
    content: " "
}

.ss-anchor-ink-ball {
    position: absolute;
    left: 50%;
    display: none;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border: 2px solid var(--ss-primary-color);
    border-radius: 8px;
    transform: translate(-50%);
    transition: top .3s ease-in-out
}

.ss-anchor-ink-ball.visible {
    display: inline-block
}

.ss-anchor-fixed .ss-anchor-ink .ss-anchor-ink-ball {
    display: none
}

.ss-anchor-link {
    padding: 7px 0 7px 16px;
    line-height: 1.143
}

.ss-anchor-link-title {
    position: relative;
    display: block;
    margin-bottom: 6px;
    overflow: hidden;
    color: #000000d9;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .3s
}

.ss-anchor-link-title:only-child {
    margin-bottom: 0
}

.ss-anchor-link-active>.ss-anchor-link-title {
    color: var(--ss-primary-color)
}

.ss-anchor-link .ss-anchor-link {
    padding-top: 5px;
    padding-bottom: 5px
}

.ss-anchor-rtl {
    direction: rtl
}

.ss-anchor-rtl.ss-anchor-wrapper {
    margin-right: -4px;
    margin-left: 0;
    padding-right: 4px;
    padding-left: 0
}

.ss-anchor-rtl .ss-anchor-ink {
    right: 0;
    left: auto
}

.ss-anchor-rtl .ss-anchor-ink-ball {
    right: 50%;
    left: 0;
    transform: translate(50%)
}

.ss-anchor-rtl .ss-anchor-link {
    padding: 7px 16px 7px 0
}

.ss-select-auto-complete {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum"
}

.ss-select-auto-complete .ss-select-clear {
    right: 13px
}

.ss-avatar {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    background: #ccc;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%
}

.ss-avatar-image {
    background: transparent
}

.ss-avatar .ss-image-img {
    display: block
}

.ss-avatar-string {
    position: absolute;
    left: 50%;
    transform-origin: 0 center
}

.ss-avatar.ss-avatar-icon {
    font-size: 18px
}

.ss-avatar.ss-avatar-icon>.anticon {
    margin: 0
}

.ss-avatar-lg {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%
}

.ss-avatar-lg-string {
    position: absolute;
    left: 50%;
    transform-origin: 0 center
}

.ss-avatar-lg.ss-avatar-icon {
    font-size: 24px
}

.ss-avatar-lg.ss-avatar-icon>.anticon {
    margin: 0
}

.ss-avatar-sm {
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%
}

.ss-avatar-sm-string {
    position: absolute;
    left: 50%;
    transform-origin: 0 center
}

.ss-avatar-sm.ss-avatar-icon {
    font-size: 14px
}

.ss-avatar-sm.ss-avatar-icon>.anticon {
    margin: 0
}

.ss-avatar-square {
    border-radius: 2px
}

.ss-avatar>img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ss-avatar-group {
    display: inline-flex
}

.ss-avatar-group .ss-avatar {
    border: 1px solid #fff
}

.ss-avatar-group .ss-avatar:not(:first-child) {
    margin-left: -8px
}

.ss-avatar-group-popover .ss-avatar+.ss-avatar {
    margin-left: 3px
}

.ss-avatar-group-rtl .ss-avatar:not(:first-child) {
    margin-right: -8px;
    margin-left: 0
}

.ss-avatar-group-popover.ss-popover-rtl .ss-avatar+.ss-avatar {
    margin-right: 3px;
    margin-left: 0
}

.ss-back-top {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: fixed;
    right: 100px;
    bottom: 50px;
    z-index: 10;
    width: 40px;
    height: 40px;
    cursor: pointer
}

.ss-back-top:empty {
    display: none
}

.ss-back-top-rtl {
    right: auto;
    left: 100px;
    direction: rtl
}

.ss-back-top-content {
    width: 40px;
    height: 40px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    background-color: #00000073;
    border-radius: 20px;
    transition: all .3s
}

.ss-back-top-content:hover {
    background-color: #000000d9;
    transition: all .3s
}

.ss-back-top-icon {
    font-size: 24px;
    line-height: 40px
}

@media screen and (max-width: 768px) {
    .ss-back-top {
        right:60px
    }
}

@media screen and (max-width: 480px) {
    .ss-back-top {
        right:20px
    }
}

.ss-badge {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    line-height: 1
}

.ss-badge-count {
    z-index: auto;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    text-align: center;
    background: #ff4d4f;
    border-radius: 10px;
    box-shadow: 0 0 0 1px #fff
}

.ss-badge-count a,.ss-badge-count a:hover {
    color: #fff
}

.ss-badge-count-sm {
    min-width: 14px;
    height: 14px;
    padding: 0;
    font-size: 12px;
    line-height: 14px;
    border-radius: 7px
}

.ss-badge-multiple-words {
    padding: 0 8px
}

.ss-badge-dot {
    z-index: auto;
    width: 6px;
    min-width: 6px;
    height: 6px;
    background: #ff4d4f;
    border-radius: 100%;
    box-shadow: 0 0 0 1px #fff
}

.ss-badge-dot.ss-scroll-number {
    transition: background 1.5s
}

.ss-badge-count,.ss-badge-dot,.ss-badge .ss-scroll-number-custom-component {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%,-50%);
    transform-origin: 100% 0%
}

.ss-badge-count.anticon-spin,.ss-badge-dot.anticon-spin,.ss-badge .ss-scroll-number-custom-component.anticon-spin {
    animation: antBadgeLoadingCircle 1s infinite linear
}

.ss-badge-status {
    line-height: inherit;
    vertical-align: baseline
}

.ss-badge-status-dot {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 6px;
    height: 6px;
    vertical-align: middle;
    border-radius: 50%
}

.ss-badge-status-success {
    background-color: var(--ss-success-color)
}

.ss-badge-status-processing {
    position: relative;
    background-color: var(--ss-primary-color)
}

.ss-badge-status-processing:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--ss-primary-color);
    border-radius: 50%;
    animation: antStatusProcessing 1.2s infinite ease-in-out;
    content: ""
}

.ss-badge-status-default {
    background-color: #d9d9d9
}

.ss-badge-status-error {
    background-color: var(--ss-error-color)
}

.ss-badge-status-warning {
    background-color: var(--ss-warning-color)
}

.ss-badge-status-pink,.ss-badge-status-magenta {
    background: #eb2f96
}

.ss-badge-status-red {
    background: #f5222d
}

.ss-badge-status-volcano {
    background: #fa541c
}

.ss-badge-status-orange {
    background: #fa8c16
}

.ss-badge-status-yellow {
    background: #fadb14
}

.ss-badge-status-gold {
    background: #faad14
}

.ss-badge-status-cyan {
    background: #13c2c2
}

.ss-badge-status-lime {
    background: #a0d911
}

.ss-badge-status-green {
    background: #52c41a
}

.ss-badge-status-blue {
    background: #1890ff
}

.ss-badge-status-geekblue {
    background: #2f54eb
}

.ss-badge-status-purple {
    background: #722ed1
}

.ss-badge-status-text {
    margin-left: 8px;
    color: #000000d9;
    font-size: 14px
}

.ss-badge-zoom-appear,.ss-badge-zoom-enter {
    animation: antZoomBadgeIn .3s cubic-bezier(.12,.4,.29,1.46);
    animation-fill-mode: both
}

.ss-badge-zoom-leave {
    animation: antZoomBadgeOut .3s cubic-bezier(.71,-.46,.88,.6);
    animation-fill-mode: both
}

.ss-badge-not-a-wrapper .ss-badge-zoom-appear,.ss-badge-not-a-wrapper .ss-badge-zoom-enter {
    animation: antNoWrapperZoomBadgeIn .3s cubic-bezier(.12,.4,.29,1.46)
}

.ss-badge-not-a-wrapper .ss-badge-zoom-leave {
    animation: antNoWrapperZoomBadgeOut .3s cubic-bezier(.71,-.46,.88,.6)
}

.ss-badge-not-a-wrapper:not(.ss-badge-status) {
    vertical-align: middle
}

.ss-badge-not-a-wrapper .ss-scroll-number-custom-component,.ss-badge-not-a-wrapper .ss-badge-count {
    transform: none
}

.ss-badge-not-a-wrapper .ss-scroll-number-custom-component,.ss-badge-not-a-wrapper .ss-scroll-number {
    position: relative;
    top: auto;
    display: block;
    transform-origin: 50% 50%
}

@keyframes antStatusProcessing {
    0% {
        transform: scale(.8);
        opacity: .5
    }

    to {
        transform: scale(2.4);
        opacity: 0
    }
}

.ss-scroll-number {
    overflow: hidden;
    direction: ltr
}

.ss-scroll-number-only {
    position: relative;
    display: inline-block;
    height: 20px;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

.ss-scroll-number-only>p.ss-scroll-number-only-unit {
    height: 20px;
    margin: 0;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

.ss-scroll-number-symbol {
    vertical-align: top
}

@keyframes antZoomBadgeIn {
    0% {
        transform: scale(0) translate(50%,-50%);
        opacity: 0
    }

    to {
        transform: scale(1) translate(50%,-50%)
    }
}

@keyframes antZoomBadgeOut {
    0% {
        transform: scale(1) translate(50%,-50%)
    }

    to {
        transform: scale(0) translate(50%,-50%);
        opacity: 0
    }
}

@keyframes antNoWrapperZoomBadgeIn {
    0% {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1)
    }
}

@keyframes antNoWrapperZoomBadgeOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0);
        opacity: 0
    }
}

@keyframes antBadgeLoadingCircle {
    0% {
        transform-origin: 50%
    }

    to {
        transform: translate(50%,-50%) rotate(360deg);
        transform-origin: 50%
    }
}

.ss-ribbon-wrapper {
    position: relative
}

.ss-ribbon {
    box-sizing: border-box;
    margin: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: 8px;
    height: 22px;
    padding: 0 8px;
    color: #fff;
    line-height: 22px;
    white-space: nowrap;
    background-color: var(--ss-primary-color);
    border-radius: 2px
}

.ss-ribbon-text {
    color: #fff
}

.ss-ribbon-corner {
    position: absolute;
    top: 100%;
    width: 8px;
    height: 8px;
    color: currentcolor;
    border: 4px solid;
    transform: scaleY(.75);
    transform-origin: top
}

.ss-ribbon-corner:after {
    position: absolute;
    top: -4px;
    left: -4px;
    width: inherit;
    height: inherit;
    color: #00000040;
    border: inherit;
    content: ""
}

.ss-ribbon-color-pink,.ss-ribbon-color-magenta {
    color: #eb2f96;
    background: #eb2f96
}

.ss-ribbon-color-red {
    color: #f5222d;
    background: #f5222d
}

.ss-ribbon-color-volcano {
    color: #fa541c;
    background: #fa541c
}

.ss-ribbon-color-orange {
    color: #fa8c16;
    background: #fa8c16
}

.ss-ribbon-color-yellow {
    color: #fadb14;
    background: #fadb14
}

.ss-ribbon-color-gold {
    color: #faad14;
    background: #faad14
}

.ss-ribbon-color-cyan {
    color: #13c2c2;
    background: #13c2c2
}

.ss-ribbon-color-lime {
    color: #a0d911;
    background: #a0d911
}

.ss-ribbon-color-green {
    color: #52c41a;
    background: #52c41a
}

.ss-ribbon-color-blue {
    color: #1890ff;
    background: #1890ff
}

.ss-ribbon-color-geekblue {
    color: #2f54eb;
    background: #2f54eb
}

.ss-ribbon-color-purple {
    color: #722ed1;
    background: #722ed1
}

.ss-ribbon.ss-ribbon-placement-end {
    right: -8px;
    border-bottom-right-radius: 0
}

.ss-ribbon.ss-ribbon-placement-end .ss-ribbon-corner {
    right: 0;
    border-color: currentcolor transparent transparent currentcolor
}

.ss-ribbon.ss-ribbon-placement-start {
    left: -8px;
    border-bottom-left-radius: 0
}

.ss-ribbon.ss-ribbon-placement-start .ss-ribbon-corner {
    left: 0;
    border-color: currentcolor currentcolor transparent transparent
}

.ss-badge-rtl {
    direction: rtl
}

.ss-badge-rtl .ss-badge:not(.ss-badge-not-a-wrapper) .ss-badge-count,.ss-badge-rtl .ss-badge:not(.ss-badge-not-a-wrapper) .ss-badge-dot,.ss-badge-rtl .ss-badge:not(.ss-badge-not-a-wrapper) .ss-scroll-number-custom-component {
    right: auto;
    left: 0;
    direction: ltr;
    transform: translate(-50%,-50%);
    transform-origin: 0% 0%
}

.ss-badge-rtl.ss-badge:not(.ss-badge-not-a-wrapper) .ss-scroll-number-custom-component {
    right: auto;
    left: 0;
    transform: translate(-50%,-50%);
    transform-origin: 0% 0%
}

.ss-badge-rtl .ss-badge-status-text {
    margin-right: 8px;
    margin-left: 0
}

.ss-ribbon-rtl {
    direction: rtl
}

.ss-ribbon-rtl.ss-ribbon-placement-end {
    right: unset;
    left: -8px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

.ss-ribbon-rtl.ss-ribbon-placement-end .ss-ribbon-corner {
    right: unset;
    left: 0;
    border-color: currentcolor currentcolor transparent transparent
}

.ss-ribbon-rtl.ss-ribbon-placement-end .ss-ribbon-corner:after {
    border-color: currentcolor currentcolor transparent transparent
}

.ss-ribbon-rtl.ss-ribbon-placement-start {
    right: -8px;
    left: unset;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.ss-ribbon-rtl.ss-ribbon-placement-start .ss-ribbon-corner {
    right: 0;
    left: unset;
    border-color: currentcolor transparent transparent currentcolor
}

.ss-ribbon-rtl.ss-ribbon-placement-start .ss-ribbon-corner:after {
    border-color: currentcolor transparent transparent currentcolor
}

.ss-breadcrumb {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    color: #00000073;
    font-size: 14px
}

.ss-breadcrumb .anticon {
    font-size: 14px
}

.ss-breadcrumb a {
    color: #00000073;
    transition: color .3s
}

.ss-breadcrumb a:hover {
    color: var(--ss-primary-5)
}

.ss-breadcrumb>span:last-child {
    color: #000000d9
}

.ss-breadcrumb>span:last-child a {
    color: #000000d9
}

.ss-breadcrumb>span:last-child .ss-breadcrumb-separator {
    display: none
}

.ss-breadcrumb-separator {
    margin: 0 8px;
    color: #00000073
}

.ss-breadcrumb-link>.anticon+span,.ss-breadcrumb-link>.anticon+a {
    margin-left: 4px
}

.ss-breadcrumb-overlay-link>.anticon {
    margin-left: 4px
}

.ss-breadcrumb-rtl {
    direction: rtl
}

.ss-breadcrumb-rtl:before {
    display: table;
    content: ""
}

.ss-breadcrumb-rtl:after {
    display: table;
    clear: both;
    content: ""
}

.ss-breadcrumb-rtl>span {
    float: right
}

.ss-breadcrumb-rtl .ss-breadcrumb-link>.anticon+span,.ss-breadcrumb-rtl .ss-breadcrumb-link>.anticon+a {
    margin-right: 4px;
    margin-left: 0
}

.ss-breadcrumb-rtl .ss-breadcrumb-overlay-link>.anticon {
    margin-right: 4px;
    margin-left: 0
}

.ss-btn {
    line-height: 1.5715;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    border: 1px solid transparent;
    box-shadow: 0 2px #00000004;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    user-select: none;
    touch-action: manipulation;
    height: 32px;
    padding: 4px 15px;
    font-size: 14px;
    border-radius: 2px;
    color: #000000d9;
    border-color: #d9d9d9;
    background: #fff;
}

.ss-btn>.anticon {
    line-height: 1
}

.ss-btn,.ss-btn:active,.ss-btn:focus {
    outline: 0
}

.ss-btn:not([disabled]):hover {
    text-decoration: none
}

.ss-btn:not([disabled]):active {
    outline: 0;
    box-shadow: none
}

.ss-btn[disabled] {
    cursor: not-allowed
}

.ss-btn[disabled]>* {
    pointer-events: none
}

.ss-btn-lg {
    height: 40px;
    padding: 6.4px 15px;
    font-size: 16px;
    border-radius: 2px
}

.ss-btn-sm {
    height: 24px;
    padding: 0 7px;
    font-size: 14px;
    border-radius: 2px
}

.ss-btn>a:only-child {
    color: currentcolor
}

.ss-btn>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn:hover,.ss-btn:focus {
    color: var(--ss-primary-color-hover);
    border-color: var(--ss-primary-color-hover);
    background: #fff
}

.ss-btn:hover>a:only-child,.ss-btn:focus>a:only-child {
    color: currentcolor
}

.ss-btn:hover>a:only-child:after,.ss-btn:focus>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn:active {
    color: var(--ss-primary-color-active);
    border-color: var(--ss-primary-color-active);
    background: #fff
}

.ss-btn:active>a:only-child {
    color: currentcolor
}

.ss-btn:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn[disabled],.ss-btn[disabled]:hover,.ss-btn[disabled]:focus,.ss-btn[disabled]:active {
    color: #00000040;
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    box-shadow: none
}

.ss-btn[disabled]>a:only-child,.ss-btn[disabled]:hover>a:only-child,.ss-btn[disabled]:focus>a:only-child,.ss-btn[disabled]:active>a:only-child {
    color: currentcolor
}

.ss-btn[disabled]>a:only-child:after,.ss-btn[disabled]:hover>a:only-child:after,.ss-btn[disabled]:focus>a:only-child:after,.ss-btn[disabled]:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn:hover,.ss-btn:focus,.ss-btn:active {
    text-decoration: none;
    background: #fff
}

.ss-btn>span {
    display: inline-block
}

.ss-btn-primary {
    color: #fff;
    border-color: var(--ss-primary-color);
    background: var(--ss-primary-color);
    text-shadow: 0 -1px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px #0000000b
}

.ss-btn-primary>a:only-child {
    color: currentcolor
}

.ss-btn-primary>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-primary:hover,.ss-btn-primary:focus {
    color: #fff;
    border-color: var(--ss-primary-color-hover);
    background: var(--ss-primary-color-hover)
}

.ss-btn-primary:hover>a:only-child,.ss-btn-primary:focus>a:only-child {
    color: currentcolor
}

.ss-btn-primary:hover>a:only-child:after,.ss-btn-primary:focus>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-primary:active {
    color: #fff;
    border-color: var(--ss-primary-color-active);
    background: var(--ss-primary-color-active)
}

.ss-btn-primary:active>a:only-child {
    color: currentcolor
}

.ss-btn-primary:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-primary[disabled],.ss-btn-primary[disabled]:hover,.ss-btn-primary[disabled]:focus,.ss-btn-primary[disabled]:active {
    color: #00000040;
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    box-shadow: none
}

.ss-btn-primary[disabled]>a:only-child,.ss-btn-primary[disabled]:hover>a:only-child,.ss-btn-primary[disabled]:focus>a:only-child,.ss-btn-primary[disabled]:active>a:only-child {
    color: currentcolor
}

.ss-btn-primary[disabled]>a:only-child:after,.ss-btn-primary[disabled]:hover>a:only-child:after,.ss-btn-primary[disabled]:focus>a:only-child:after,.ss-btn-primary[disabled]:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-group .ss-btn-primary:not(:first-child):not(:last-child) {
    border-right-color: var(--ss-primary-5);
    border-left-color: var(--ss-primary-5)
}

.ss-btn-group .ss-btn-primary:not(:first-child):not(:last-child):disabled {
    border-color: #d9d9d9
}

.ss-btn-group .ss-btn-primary:first-child:not(:last-child) {
    border-right-color: var(--ss-primary-5)
}

.ss-btn-group .ss-btn-primary:first-child:not(:last-child)[disabled] {
    border-right-color: #d9d9d9
}

.ss-btn-group .ss-btn-primary:last-child:not(:first-child),.ss-btn-group .ss-btn-primary+.ss-btn-primary {
    border-left-color: var(--ss-primary-5)
}

.ss-btn-group .ss-btn-primary:last-child:not(:first-child)[disabled],.ss-btn-group .ss-btn-primary+.ss-btn-primary[disabled] {
    border-left-color: #d9d9d9
}

.ss-btn-ghost {
    color: #000000d9;
    border-color: #d9d9d9;
    background: transparent
}

.ss-btn-ghost>a:only-child {
    color: currentcolor
}

.ss-btn-ghost>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-ghost:hover,.ss-btn-ghost:focus {
    color: var(--ss-primary-color-hover);
    border-color: var(--ss-primary-color-hover);
    background: transparent
}

.ss-btn-ghost:hover>a:only-child,.ss-btn-ghost:focus>a:only-child {
    color: currentcolor
}

.ss-btn-ghost:hover>a:only-child:after,.ss-btn-ghost:focus>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-ghost:active {
    color: var(--ss-primary-color-active);
    border-color: var(--ss-primary-color-active);
    background: transparent
}

.ss-btn-ghost:active>a:only-child {
    color: currentcolor
}

.ss-btn-ghost:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-ghost[disabled],.ss-btn-ghost[disabled]:hover,.ss-btn-ghost[disabled]:focus,.ss-btn-ghost[disabled]:active {
    color: #00000040;
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    box-shadow: none
}

.ss-btn-ghost[disabled]>a:only-child,.ss-btn-ghost[disabled]:hover>a:only-child,.ss-btn-ghost[disabled]:focus>a:only-child,.ss-btn-ghost[disabled]:active>a:only-child {
    color: currentcolor
}

.ss-btn-ghost[disabled]>a:only-child:after,.ss-btn-ghost[disabled]:hover>a:only-child:after,.ss-btn-ghost[disabled]:focus>a:only-child:after,.ss-btn-ghost[disabled]:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-dashed {
    color: #000000d9;
    border-color: #d9d9d9;
    background: #fff;
    border-style: dashed
}

.ss-btn-dashed>a:only-child {
    color: currentcolor
}

.ss-btn-dashed>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-dashed:hover,.ss-btn-dashed:focus {
    color: var(--ss-primary-color-hover);
    border-color: var(--ss-primary-color-hover);
    background: #fff
}

.ss-btn-dashed:hover>a:only-child,.ss-btn-dashed:focus>a:only-child {
    color: currentcolor
}

.ss-btn-dashed:hover>a:only-child:after,.ss-btn-dashed:focus>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-dashed:active {
    color: var(--ss-primary-color-active);
    border-color: var(--ss-primary-color-active);
    background: #fff
}

.ss-btn-dashed:active>a:only-child {
    color: currentcolor
}

.ss-btn-dashed:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-dashed[disabled],.ss-btn-dashed[disabled]:hover,.ss-btn-dashed[disabled]:focus,.ss-btn-dashed[disabled]:active {
    color: #00000040;
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    box-shadow: none
}

.ss-btn-dashed[disabled]>a:only-child,.ss-btn-dashed[disabled]:hover>a:only-child,.ss-btn-dashed[disabled]:focus>a:only-child,.ss-btn-dashed[disabled]:active>a:only-child {
    color: currentcolor
}

.ss-btn-dashed[disabled]>a:only-child:after,.ss-btn-dashed[disabled]:hover>a:only-child:after,.ss-btn-dashed[disabled]:focus>a:only-child:after,.ss-btn-dashed[disabled]:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-danger {
    color: #fff;
    border-color: var(--ss-error-color);
    background: var(--ss-error-color);
    text-shadow: 0 -1px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px #0000000b
}

.ss-btn-danger>a:only-child {
    color: currentcolor
}

.ss-btn-danger>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-danger:hover,.ss-btn-danger:focus {
    color: #fff;
    border-color: var(--ss-error-color-hover);
    background: var(--ss-error-color-hover)
}

.ss-btn-danger:hover>a:only-child,.ss-btn-danger:focus>a:only-child {
    color: currentcolor
}

.ss-btn-danger:hover>a:only-child:after,.ss-btn-danger:focus>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-danger:active {
    color: #fff;
    border-color: var(--ss-error-color-active);
    background: var(--ss-error-color-active)
}

.ss-btn-danger:active>a:only-child {
    color: currentcolor
}

.ss-btn-danger:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-danger[disabled],.ss-btn-danger[disabled]:hover,.ss-btn-danger[disabled]:focus,.ss-btn-danger[disabled]:active {
    color: #00000040;
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    box-shadow: none
}

.ss-btn-danger[disabled]>a:only-child,.ss-btn-danger[disabled]:hover>a:only-child,.ss-btn-danger[disabled]:focus>a:only-child,.ss-btn-danger[disabled]:active>a:only-child {
    color: currentcolor
}

.ss-btn-danger[disabled]>a:only-child:after,.ss-btn-danger[disabled]:hover>a:only-child:after,.ss-btn-danger[disabled]:focus>a:only-child:after,.ss-btn-danger[disabled]:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-link {
    color: var(--ss-primary-color);
    border-color: transparent;
    background: transparent;
    box-shadow: none
}

.ss-btn-link>a:only-child {
    color: currentcolor
}

.ss-btn-link>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-link:hover,.ss-btn-link:focus {
    color: var(--ss-primary-color-hover);
    border-color: var(--ss-primary-color-hover);
    background: transparent
}

.ss-btn-link:hover>a:only-child,.ss-btn-link:focus>a:only-child {
    color: currentcolor
}

.ss-btn-link:hover>a:only-child:after,.ss-btn-link:focus>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-link:active {
    color: var(--ss-primary-color-active);
    border-color: var(--ss-primary-color-active);
    background: transparent
}

.ss-btn-link:active>a:only-child {
    color: currentcolor
}

.ss-btn-link:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-link[disabled],.ss-btn-link[disabled]:hover,.ss-btn-link[disabled]:focus,.ss-btn-link[disabled]:active {
    color: #00000040;
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    box-shadow: none
}

.ss-btn-link:hover {
    background: transparent
}

.ss-btn-link:hover,.ss-btn-link:focus,.ss-btn-link:active {
    border-color: transparent
}

.ss-btn-link[disabled],.ss-btn-link[disabled]:hover,.ss-btn-link[disabled]:focus,.ss-btn-link[disabled]:active {
    color: #00000040;
    border-color: transparent;
    background: transparent;
    text-shadow: none;
    box-shadow: none
}

.ss-btn-link[disabled]>a:only-child,.ss-btn-link[disabled]:hover>a:only-child,.ss-btn-link[disabled]:focus>a:only-child,.ss-btn-link[disabled]:active>a:only-child {
    color: currentcolor
}

.ss-btn-link[disabled]>a:only-child:after,.ss-btn-link[disabled]:hover>a:only-child:after,.ss-btn-link[disabled]:focus>a:only-child:after,.ss-btn-link[disabled]:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-text {
    color: #000000d9;
    border-color: transparent;
    background: transparent;
    box-shadow: none
}

.ss-btn-text>a:only-child {
    color: currentcolor
}

.ss-btn-text>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-text:hover,.ss-btn-text:focus {
    color: var(--ss-primary-color-hover);
    border-color: var(--ss-primary-color-hover);
    background: transparent
}

.ss-btn-text:hover>a:only-child,.ss-btn-text:focus>a:only-child {
    color: currentcolor
}

.ss-btn-text:hover>a:only-child:after,.ss-btn-text:focus>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-text:active {
    color: var(--ss-primary-color-active);
    border-color: var(--ss-primary-color-active);
    background: transparent
}

.ss-btn-text:active>a:only-child {
    color: currentcolor
}

.ss-btn-text:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-text[disabled],.ss-btn-text[disabled]:hover,.ss-btn-text[disabled]:focus,.ss-btn-text[disabled]:active {
    color: #00000040;
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    box-shadow: none
}

.ss-btn-text:hover,.ss-btn-text:focus {
    color: #000000d9;
    background: #00000005;
    border-color: transparent
}

.ss-btn-text:active {
    color: #000000d9;
    background: #00000007;
    border-color: transparent
}

.ss-btn-text[disabled],.ss-btn-text[disabled]:hover,.ss-btn-text[disabled]:focus,.ss-btn-text[disabled]:active {
    color: #00000040;
    border-color: transparent;
    background: transparent;
    text-shadow: none;
    box-shadow: none
}

.ss-btn-text[disabled]>a:only-child,.ss-btn-text[disabled]:hover>a:only-child,.ss-btn-text[disabled]:focus>a:only-child,.ss-btn-text[disabled]:active>a:only-child {
    color: currentcolor
}

.ss-btn-text[disabled]>a:only-child:after,.ss-btn-text[disabled]:hover>a:only-child:after,.ss-btn-text[disabled]:focus>a:only-child:after,.ss-btn-text[disabled]:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-dangerous {
    color: var(--ss-error-color);
    border-color: var(--ss-error-color);
    background: #fff
}

.ss-btn-dangerous>a:only-child {
    color: currentcolor
}

.ss-btn-dangerous>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-dangerous:hover,.ss-btn-dangerous:focus {
    color: var(--ss-error-color-hover);
    border-color: var(--ss-error-color-hover);
    background: #fff
}

.ss-btn-dangerous:hover>a:only-child,.ss-btn-dangerous:focus>a:only-child {
    color: currentcolor
}

.ss-btn-dangerous:hover>a:only-child:after,.ss-btn-dangerous:focus>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-dangerous:active {
    color: var(--ss-error-color-active);
    border-color: var(--ss-error-color-active);
    background: #fff
}

.ss-btn-dangerous:active>a:only-child {
    color: currentcolor
}

.ss-btn-dangerous:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-dangerous[disabled],.ss-btn-dangerous[disabled]:hover,.ss-btn-dangerous[disabled]:focus,.ss-btn-dangerous[disabled]:active {
    color: #00000040;
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    box-shadow: none
}

.ss-btn-dangerous[disabled]>a:only-child,.ss-btn-dangerous[disabled]:hover>a:only-child,.ss-btn-dangerous[disabled]:focus>a:only-child,.ss-btn-dangerous[disabled]:active>a:only-child {
    color: currentcolor
}

.ss-btn-dangerous[disabled]>a:only-child:after,.ss-btn-dangerous[disabled]:hover>a:only-child:after,.ss-btn-dangerous[disabled]:focus>a:only-child:after,.ss-btn-dangerous[disabled]:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-dangerous.ss-btn-primary {
    color: #fff;
    border-color: var(--ss-error-color);
    background: var(--ss-error-color);
    text-shadow: 0 -1px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px #0000000b
}

.ss-btn-dangerous.ss-btn-primary>a:only-child {
    color: currentcolor
}

.ss-btn-dangerous.ss-btn-primary>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-dangerous.ss-btn-primary:hover,.ss-btn-dangerous.ss-btn-primary:focus {
    color: #fff;
    border-color: var(--ss-error-color-hover);
    background: var(--ss-error-color-hover)
}

.ss-btn-dangerous.ss-btn-primary:hover>a:only-child,.ss-btn-dangerous.ss-btn-primary:focus>a:only-child {
    color: currentcolor
}

.ss-btn-dangerous.ss-btn-primary:hover>a:only-child:after,.ss-btn-dangerous.ss-btn-primary:focus>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-dangerous.ss-btn-primary:active {
    color: #fff;
    border-color: var(--ss-error-color-active);
    background: var(--ss-error-color-active)
}

.ss-btn-dangerous.ss-btn-primary:active>a:only-child {
    color: currentcolor
}

.ss-btn-dangerous.ss-btn-primary:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-dangerous.ss-btn-primary[disabled],.ss-btn-dangerous.ss-btn-primary[disabled]:hover,.ss-btn-dangerous.ss-btn-primary[disabled]:focus,.ss-btn-dangerous.ss-btn-primary[disabled]:active {
    color: #00000040;
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    box-shadow: none
}

.ss-btn-dangerous.ss-btn-primary[disabled]>a:only-child,.ss-btn-dangerous.ss-btn-primary[disabled]:hover>a:only-child,.ss-btn-dangerous.ss-btn-primary[disabled]:focus>a:only-child,.ss-btn-dangerous.ss-btn-primary[disabled]:active>a:only-child {
    color: currentcolor
}

.ss-btn-dangerous.ss-btn-primary[disabled]>a:only-child:after,.ss-btn-dangerous.ss-btn-primary[disabled]:hover>a:only-child:after,.ss-btn-dangerous.ss-btn-primary[disabled]:focus>a:only-child:after,.ss-btn-dangerous.ss-btn-primary[disabled]:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-dangerous.ss-btn-link {
    color: var(--ss-error-color);
    border-color: transparent;
    background: transparent;
    box-shadow: none
}

.ss-btn-dangerous.ss-btn-link>a:only-child {
    color: currentcolor
}

.ss-btn-dangerous.ss-btn-link>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-dangerous.ss-btn-link:hover,.ss-btn-dangerous.ss-btn-link:focus {
    color: var(--ss-primary-color-hover);
    border-color: var(--ss-primary-color-hover);
    background: transparent
}

.ss-btn-dangerous.ss-btn-link:active {
    color: var(--ss-primary-color-active);
    border-color: var(--ss-primary-color-active);
    background: transparent
}

.ss-btn-dangerous.ss-btn-link[disabled],.ss-btn-dangerous.ss-btn-link[disabled]:hover,.ss-btn-dangerous.ss-btn-link[disabled]:focus,.ss-btn-dangerous.ss-btn-link[disabled]:active {
    color: #00000040;
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    box-shadow: none
}

.ss-btn-dangerous.ss-btn-link:hover,.ss-btn-dangerous.ss-btn-link:focus {
    color: var(--ss-error-color-hover);
    border-color: transparent;
    background: transparent
}

.ss-btn-dangerous.ss-btn-link:hover>a:only-child,.ss-btn-dangerous.ss-btn-link:focus>a:only-child {
    color: currentcolor
}

.ss-btn-dangerous.ss-btn-link:hover>a:only-child:after,.ss-btn-dangerous.ss-btn-link:focus>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-dangerous.ss-btn-link:active {
    color: var(--ss-error-color-active);
    border-color: transparent;
    background: transparent
}

.ss-btn-dangerous.ss-btn-link:active>a:only-child {
    color: currentcolor
}

.ss-btn-dangerous.ss-btn-link:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-dangerous.ss-btn-link[disabled],.ss-btn-dangerous.ss-btn-link[disabled]:hover,.ss-btn-dangerous.ss-btn-link[disabled]:focus,.ss-btn-dangerous.ss-btn-link[disabled]:active {
    color: #00000040;
    border-color: transparent;
    background: transparent;
    text-shadow: none;
    box-shadow: none
}

.ss-btn-dangerous.ss-btn-link[disabled]>a:only-child,.ss-btn-dangerous.ss-btn-link[disabled]:hover>a:only-child,.ss-btn-dangerous.ss-btn-link[disabled]:focus>a:only-child,.ss-btn-dangerous.ss-btn-link[disabled]:active>a:only-child {
    color: currentcolor
}

.ss-btn-dangerous.ss-btn-link[disabled]>a:only-child:after,.ss-btn-dangerous.ss-btn-link[disabled]:hover>a:only-child:after,.ss-btn-dangerous.ss-btn-link[disabled]:focus>a:only-child:after,.ss-btn-dangerous.ss-btn-link[disabled]:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-dangerous.ss-btn-text {
    color: var(--ss-error-color);
    border-color: transparent;
    background: transparent;
    box-shadow: none
}

.ss-btn-dangerous.ss-btn-text>a:only-child {
    color: currentcolor
}

.ss-btn-dangerous.ss-btn-text>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-dangerous.ss-btn-text:hover,.ss-btn-dangerous.ss-btn-text:focus {
    color: var(--ss-primary-color-hover);
    border-color: var(--ss-primary-color-hover);
    background: transparent
}

.ss-btn-dangerous.ss-btn-text:active {
    color: var(--ss-primary-color-active);
    border-color: var(--ss-primary-color-active);
    background: transparent
}

.ss-btn-dangerous.ss-btn-text[disabled],.ss-btn-dangerous.ss-btn-text[disabled]:hover,.ss-btn-dangerous.ss-btn-text[disabled]:focus,.ss-btn-dangerous.ss-btn-text[disabled]:active {
    color: #00000040;
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    box-shadow: none
}

.ss-btn-dangerous.ss-btn-text:hover,.ss-btn-dangerous.ss-btn-text:focus {
    color: var(--ss-error-color-hover);
    border-color: transparent;
    background: #00000005
}

.ss-btn-dangerous.ss-btn-text:hover>a:only-child,.ss-btn-dangerous.ss-btn-text:focus>a:only-child {
    color: currentcolor
}

.ss-btn-dangerous.ss-btn-text:hover>a:only-child:after,.ss-btn-dangerous.ss-btn-text:focus>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-dangerous.ss-btn-text:active {
    color: var(--ss-error-color-active);
    border-color: transparent;
    background: #00000007
}

.ss-btn-dangerous.ss-btn-text:active>a:only-child {
    color: currentcolor
}

.ss-btn-dangerous.ss-btn-text:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-dangerous.ss-btn-text[disabled],.ss-btn-dangerous.ss-btn-text[disabled]:hover,.ss-btn-dangerous.ss-btn-text[disabled]:focus,.ss-btn-dangerous.ss-btn-text[disabled]:active {
    color: #00000040;
    border-color: transparent;
    background: transparent;
    text-shadow: none;
    box-shadow: none
}

.ss-btn-dangerous.ss-btn-text[disabled]>a:only-child,.ss-btn-dangerous.ss-btn-text[disabled]:hover>a:only-child,.ss-btn-dangerous.ss-btn-text[disabled]:focus>a:only-child,.ss-btn-dangerous.ss-btn-text[disabled]:active>a:only-child {
    color: currentcolor
}

.ss-btn-dangerous.ss-btn-text[disabled]>a:only-child:after,.ss-btn-dangerous.ss-btn-text[disabled]:hover>a:only-child:after,.ss-btn-dangerous.ss-btn-text[disabled]:focus>a:only-child:after,.ss-btn-dangerous.ss-btn-text[disabled]:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-icon-only {
    width: 32px;
    height: 32px;
    padding: 2.4px 0;
    font-size: 16px;
    border-radius: 2px;
    vertical-align: -3px
}

.ss-btn-icon-only>* {
    font-size: 16px
}

.ss-btn-icon-only.ss-btn-lg {
    width: 40px;
    height: 40px;
    padding: 4.9px 0;
    font-size: 18px;
    border-radius: 2px
}

.ss-btn-icon-only.ss-btn-lg>* {
    font-size: 18px
}

.ss-btn-icon-only.ss-btn-sm {
    width: 24px;
    height: 24px;
    padding: 0;
    font-size: 14px;
    border-radius: 2px
}

.ss-btn-icon-only.ss-btn-sm>* {
    font-size: 14px
}

.ss-btn-icon-only>.anticon {
    display: flex;
    justify-content: center
}

a.ss-btn-icon-only {
    vertical-align: -1px
}

a.ss-btn-icon-only>.anticon {
    display: inline
}

.ss-btn-round {
    height: 32px;
    padding: 4px 16px;
    font-size: 14px;
    border-radius: 32px
}

.ss-btn-round.ss-btn-lg {
    height: 40px;
    padding: 6.4px 20px;
    font-size: 16px;
    border-radius: 40px
}

.ss-btn-round.ss-btn-sm {
    height: 24px;
    padding: 0 12px;
    font-size: 14px;
    border-radius: 24px
}

.ss-btn-round.ss-btn-icon-only {
    width: auto
}

.ss-btn-circle {
    min-width: 32px;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    border-radius: 50%
}

.ss-btn-circle.ss-btn-lg {
    min-width: 40px;
    border-radius: 50%
}

.ss-btn-circle.ss-btn-sm {
    min-width: 24px;
    border-radius: 50%
}

.ss-btn:before {
    position: absolute;
    inset: -1px;
    z-index: 1;
    display: none;
    background: #fff;
    border-radius: inherit;
    opacity: .35;
    transition: opacity .2s;
    content: "";
    pointer-events: none
}

.ss-btn .anticon {
    transition: margin-left .3s cubic-bezier(.645,.045,.355,1)
}

.ss-btn .anticon.anticon-plus>svg,.ss-btn .anticon.anticon-minus>svg {
    shape-rendering: optimizespeed
}

.ss-btn.ss-btn-loading {
    position: relative;
    cursor: default
}

.ss-btn.ss-btn-loading:before {
    display: block
}

.ss-btn>.ss-btn-loading-icon {
    transition: width .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1)
}

.ss-btn>.ss-btn-loading-icon .anticon {
    padding-right: 8px;
    animation: none
}

.ss-btn>.ss-btn-loading-icon .anticon svg {
    animation: loadingCircle 1s infinite linear
}

.ss-btn>.ss-btn-loading-icon:only-child .anticon {
    padding-right: 0
}

.ss-btn-group {
    position: relative;
    display: inline-flex
}

.ss-btn-group>.ss-btn,.ss-btn-group>span>.ss-btn {
    position: relative
}

.ss-btn-group>.ss-btn:hover,.ss-btn-group>span>.ss-btn:hover,.ss-btn-group>.ss-btn:focus,.ss-btn-group>span>.ss-btn:focus,.ss-btn-group>.ss-btn:active,.ss-btn-group>span>.ss-btn:active {
    z-index: 2
}

.ss-btn-group>.ss-btn[disabled],.ss-btn-group>span>.ss-btn[disabled] {
    z-index: 0
}

.ss-btn-group .ss-btn-icon-only {
    font-size: 14px
}

.ss-btn-group-lg>.ss-btn,.ss-btn-group-lg>span>.ss-btn {
    height: 40px;
    padding: 6.4px 15px;
    font-size: 16px;
    border-radius: 0
}

.ss-btn-group-lg .ss-btn.ss-btn-icon-only {
    width: 40px;
    height: 40px;
    padding-right: 0;
    padding-left: 0
}

.ss-btn-group-sm>.ss-btn,.ss-btn-group-sm>span>.ss-btn {
    height: 24px;
    padding: 0 7px;
    font-size: 14px;
    border-radius: 0
}

.ss-btn-group-sm>.ss-btn>.anticon,.ss-btn-group-sm>span>.ss-btn>.anticon {
    font-size: 14px
}

.ss-btn-group-sm .ss-btn.ss-btn-icon-only {
    width: 24px;
    height: 24px;
    padding-right: 0;
    padding-left: 0
}

.ss-btn-group .ss-btn+.ss-btn,.ss-btn+.ss-btn-group,.ss-btn-group span+.ss-btn,.ss-btn-group .ss-btn+span,.ss-btn-group>span+span,.ss-btn-group+.ss-btn,.ss-btn-group+.ss-btn-group {
    margin-left: -1px
}

.ss-btn-group .ss-btn-primary+.ss-btn:not(.ss-btn-primary):not([disabled]) {
    border-left-color: transparent
}

.ss-btn-group .ss-btn {
    border-radius: 0
}

.ss-btn-group>.ss-btn:first-child,.ss-btn-group>span:first-child>.ss-btn {
    margin-left: 0
}

.ss-btn-group>.ss-btn:only-child {
    border-radius: 2px
}

.ss-btn-group>span:only-child>.ss-btn {
    border-radius: 2px
}

.ss-btn-group>.ss-btn:first-child:not(:last-child),.ss-btn-group>span:first-child:not(:last-child)>.ss-btn {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.ss-btn-group>.ss-btn:last-child:not(:first-child),.ss-btn-group>span:last-child:not(:first-child)>.ss-btn {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.ss-btn-group-sm>.ss-btn:only-child {
    border-radius: 2px
}

.ss-btn-group-sm>span:only-child>.ss-btn {
    border-radius: 2px
}

.ss-btn-group-sm>.ss-btn:first-child:not(:last-child),.ss-btn-group-sm>span:first-child:not(:last-child)>.ss-btn {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.ss-btn-group-sm>.ss-btn:last-child:not(:first-child),.ss-btn-group-sm>span:last-child:not(:first-child)>.ss-btn {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.ss-btn-group>.ss-btn-group {
    float: left
}

.ss-btn-group>.ss-btn-group:not(:first-child):not(:last-child)>.ss-btn {
    border-radius: 0
}

.ss-btn-group>.ss-btn-group:first-child:not(:last-child)>.ss-btn:last-child {
    padding-right: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ss-btn-group>.ss-btn-group:last-child:not(:first-child)>.ss-btn:first-child {
    padding-left: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ss-btn-rtl.ss-btn-group .ss-btn+.ss-btn,.ss-btn-rtl.ss-btn+.ss-btn-group,.ss-btn-rtl.ss-btn-group span+.ss-btn,.ss-btn-rtl.ss-btn-group .ss-btn+span,.ss-btn-rtl.ss-btn-group>span+span,.ss-btn-rtl.ss-btn-group+.ss-btn,.ss-btn-rtl.ss-btn-group+.ss-btn-group,.ss-btn-group-rtl.ss-btn-group .ss-btn+.ss-btn,.ss-btn-group-rtl.ss-btn+.ss-btn-group,.ss-btn-group-rtl.ss-btn-group span+.ss-btn,.ss-btn-group-rtl.ss-btn-group .ss-btn+span,.ss-btn-group-rtl.ss-btn-group>span+span,.ss-btn-group-rtl.ss-btn-group+.ss-btn,.ss-btn-group-rtl.ss-btn-group+.ss-btn-group {
    margin-right: -1px;
    margin-left: auto
}

.ss-btn-group.ss-btn-group-rtl {
    direction: rtl
}

.ss-btn-group-rtl.ss-btn-group>.ss-btn:first-child:not(:last-child),.ss-btn-group-rtl.ss-btn-group>span:first-child:not(:last-child)>.ss-btn {
    border-radius: 0 2px 2px 0
}

.ss-btn-group-rtl.ss-btn-group>.ss-btn:last-child:not(:first-child),.ss-btn-group-rtl.ss-btn-group>span:last-child:not(:first-child)>.ss-btn {
    border-radius: 2px 0 0 2px
}

.ss-btn-group-rtl.ss-btn-group-sm>.ss-btn:first-child:not(:last-child),.ss-btn-group-rtl.ss-btn-group-sm>span:first-child:not(:last-child)>.ss-btn {
    border-radius: 0 2px 2px 0
}

.ss-btn-group-rtl.ss-btn-group-sm>.ss-btn:last-child:not(:first-child),.ss-btn-group-rtl.ss-btn-group-sm>span:last-child:not(:first-child)>.ss-btn {
    border-radius: 2px 0 0 2px
}

.ss-btn:focus>span,.ss-btn:active>span {
    position: relative
}

.ss-btn>.anticon+span,.ss-btn>span+.anticon {
    margin-left: 8px
}

.ss-btn.ss-btn-background-ghost {
    color: #fff;
    border-color: #fff
}

.ss-btn.ss-btn-background-ghost,.ss-btn.ss-btn-background-ghost:hover,.ss-btn.ss-btn-background-ghost:active,.ss-btn.ss-btn-background-ghost:focus {
    background: transparent
}

.ss-btn.ss-btn-background-ghost:hover,.ss-btn.ss-btn-background-ghost:focus {
    color: var(--ss-primary-color-hover);
    border-color: var(--ss-primary-color-hover)
}

.ss-btn.ss-btn-background-ghost:active {
    color: var(--ss-primary-color-active);
    border-color: var(--ss-primary-color-active)
}

.ss-btn.ss-btn-background-ghost[disabled] {
    color: #00000040;
    background: transparent;
    border-color: #d9d9d9
}

.ss-btn-background-ghost.ss-btn-primary {
    color: var(--ss-primary-color);
    border-color: var(--ss-primary-color);
    text-shadow: none
}

.ss-btn-background-ghost.ss-btn-primary>a:only-child {
    color: currentcolor
}

.ss-btn-background-ghost.ss-btn-primary>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-background-ghost.ss-btn-primary:hover,.ss-btn-background-ghost.ss-btn-primary:focus {
    color: var(--ss-primary-color-hover);
    border-color: var(--ss-primary-color-hover);
    background: transparent
}

.ss-btn-background-ghost.ss-btn-primary:hover>a:only-child,.ss-btn-background-ghost.ss-btn-primary:focus>a:only-child {
    color: currentcolor
}

.ss-btn-background-ghost.ss-btn-primary:hover>a:only-child:after,.ss-btn-background-ghost.ss-btn-primary:focus>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-background-ghost.ss-btn-primary:active {
    color: var(--ss-primary-color-active);
    border-color: var(--ss-primary-color-active);
    background: transparent
}

.ss-btn-background-ghost.ss-btn-primary:active>a:only-child {
    color: currentcolor
}

.ss-btn-background-ghost.ss-btn-primary:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-background-ghost.ss-btn-primary[disabled],.ss-btn-background-ghost.ss-btn-primary[disabled]:hover,.ss-btn-background-ghost.ss-btn-primary[disabled]:focus,.ss-btn-background-ghost.ss-btn-primary[disabled]:active {
    color: #00000040;
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    box-shadow: none
}

.ss-btn-background-ghost.ss-btn-primary[disabled]>a:only-child,.ss-btn-background-ghost.ss-btn-primary[disabled]:hover>a:only-child,.ss-btn-background-ghost.ss-btn-primary[disabled]:focus>a:only-child,.ss-btn-background-ghost.ss-btn-primary[disabled]:active>a:only-child {
    color: currentcolor
}

.ss-btn-background-ghost.ss-btn-primary[disabled]>a:only-child:after,.ss-btn-background-ghost.ss-btn-primary[disabled]:hover>a:only-child:after,.ss-btn-background-ghost.ss-btn-primary[disabled]:focus>a:only-child:after,.ss-btn-background-ghost.ss-btn-primary[disabled]:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-background-ghost.ss-btn-danger {
    color: var(--ss-error-color);
    border-color: var(--ss-error-color);
    text-shadow: none
}

.ss-btn-background-ghost.ss-btn-danger>a:only-child {
    color: currentcolor
}

.ss-btn-background-ghost.ss-btn-danger>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-background-ghost.ss-btn-danger:hover,.ss-btn-background-ghost.ss-btn-danger:focus {
    color: var(--ss-error-color-hover);
    border-color: var(--ss-error-color-hover);
    background: transparent
}

.ss-btn-background-ghost.ss-btn-danger:hover>a:only-child,.ss-btn-background-ghost.ss-btn-danger:focus>a:only-child {
    color: currentcolor
}

.ss-btn-background-ghost.ss-btn-danger:hover>a:only-child:after,.ss-btn-background-ghost.ss-btn-danger:focus>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-background-ghost.ss-btn-danger:active {
    color: var(--ss-error-color-active);
    border-color: var(--ss-error-color-active);
    background: transparent
}

.ss-btn-background-ghost.ss-btn-danger:active>a:only-child {
    color: currentcolor
}

.ss-btn-background-ghost.ss-btn-danger:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-background-ghost.ss-btn-danger[disabled],.ss-btn-background-ghost.ss-btn-danger[disabled]:hover,.ss-btn-background-ghost.ss-btn-danger[disabled]:focus,.ss-btn-background-ghost.ss-btn-danger[disabled]:active {
    color: #00000040;
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    box-shadow: none
}

.ss-btn-background-ghost.ss-btn-danger[disabled]>a:only-child,.ss-btn-background-ghost.ss-btn-danger[disabled]:hover>a:only-child,.ss-btn-background-ghost.ss-btn-danger[disabled]:focus>a:only-child,.ss-btn-background-ghost.ss-btn-danger[disabled]:active>a:only-child {
    color: currentcolor
}

.ss-btn-background-ghost.ss-btn-danger[disabled]>a:only-child:after,.ss-btn-background-ghost.ss-btn-danger[disabled]:hover>a:only-child:after,.ss-btn-background-ghost.ss-btn-danger[disabled]:focus>a:only-child:after,.ss-btn-background-ghost.ss-btn-danger[disabled]:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-background-ghost.ss-btn-dangerous {
    color: var(--ss-error-color);
    border-color: var(--ss-error-color);
    text-shadow: none
}

.ss-btn-background-ghost.ss-btn-dangerous>a:only-child {
    color: currentcolor
}

.ss-btn-background-ghost.ss-btn-dangerous>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-background-ghost.ss-btn-dangerous:hover,.ss-btn-background-ghost.ss-btn-dangerous:focus {
    color: var(--ss-error-color-hover);
    border-color: var(--ss-error-color-hover);
    background: transparent
}

.ss-btn-background-ghost.ss-btn-dangerous:hover>a:only-child,.ss-btn-background-ghost.ss-btn-dangerous:focus>a:only-child {
    color: currentcolor
}

.ss-btn-background-ghost.ss-btn-dangerous:hover>a:only-child:after,.ss-btn-background-ghost.ss-btn-dangerous:focus>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-background-ghost.ss-btn-dangerous:active {
    color: var(--ss-error-color-active);
    border-color: var(--ss-error-color-active);
    background: transparent
}

.ss-btn-background-ghost.ss-btn-dangerous:active>a:only-child {
    color: currentcolor
}

.ss-btn-background-ghost.ss-btn-dangerous:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-background-ghost.ss-btn-dangerous[disabled],.ss-btn-background-ghost.ss-btn-dangerous[disabled]:hover,.ss-btn-background-ghost.ss-btn-dangerous[disabled]:focus,.ss-btn-background-ghost.ss-btn-dangerous[disabled]:active {
    color: #00000040;
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    box-shadow: none
}

.ss-btn-background-ghost.ss-btn-dangerous[disabled]>a:only-child,.ss-btn-background-ghost.ss-btn-dangerous[disabled]:hover>a:only-child,.ss-btn-background-ghost.ss-btn-dangerous[disabled]:focus>a:only-child,.ss-btn-background-ghost.ss-btn-dangerous[disabled]:active>a:only-child {
    color: currentcolor
}

.ss-btn-background-ghost.ss-btn-dangerous[disabled]>a:only-child:after,.ss-btn-background-ghost.ss-btn-dangerous[disabled]:hover>a:only-child:after,.ss-btn-background-ghost.ss-btn-dangerous[disabled]:focus>a:only-child:after,.ss-btn-background-ghost.ss-btn-dangerous[disabled]:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-background-ghost.ss-btn-dangerous.ss-btn-link {
    color: var(--ss-error-color);
    border-color: transparent;
    text-shadow: none
}

.ss-btn-background-ghost.ss-btn-dangerous.ss-btn-link>a:only-child {
    color: currentcolor
}

.ss-btn-background-ghost.ss-btn-dangerous.ss-btn-link>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-background-ghost.ss-btn-dangerous.ss-btn-link:hover,.ss-btn-background-ghost.ss-btn-dangerous.ss-btn-link:focus {
    color: var(--ss-error-color-active);
    border-color: transparent;
    background: transparent
}

.ss-btn-background-ghost.ss-btn-dangerous.ss-btn-link:hover>a:only-child,.ss-btn-background-ghost.ss-btn-dangerous.ss-btn-link:focus>a:only-child {
    color: currentcolor
}

.ss-btn-background-ghost.ss-btn-dangerous.ss-btn-link:hover>a:only-child:after,.ss-btn-background-ghost.ss-btn-dangerous.ss-btn-link:focus>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-background-ghost.ss-btn-dangerous.ss-btn-link:active {
    color: var(--ss-error-color-active);
    border-color: transparent;
    background: transparent
}

.ss-btn-background-ghost.ss-btn-dangerous.ss-btn-link:active>a:only-child {
    color: currentcolor
}

.ss-btn-background-ghost.ss-btn-dangerous.ss-btn-link:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-background-ghost.ss-btn-dangerous.ss-btn-link[disabled],.ss-btn-background-ghost.ss-btn-dangerous.ss-btn-link[disabled]:hover,.ss-btn-background-ghost.ss-btn-dangerous.ss-btn-link[disabled]:focus,.ss-btn-background-ghost.ss-btn-dangerous.ss-btn-link[disabled]:active {
    color: #00000040;
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    box-shadow: none
}

.ss-btn-background-ghost.ss-btn-dangerous.ss-btn-link[disabled]>a:only-child,.ss-btn-background-ghost.ss-btn-dangerous.ss-btn-link[disabled]:hover>a:only-child,.ss-btn-background-ghost.ss-btn-dangerous.ss-btn-link[disabled]:focus>a:only-child,.ss-btn-background-ghost.ss-btn-dangerous.ss-btn-link[disabled]:active>a:only-child {
    color: currentcolor
}

.ss-btn-background-ghost.ss-btn-dangerous.ss-btn-link[disabled]>a:only-child:after,.ss-btn-background-ghost.ss-btn-dangerous.ss-btn-link[disabled]:hover>a:only-child:after,.ss-btn-background-ghost.ss-btn-dangerous.ss-btn-link[disabled]:focus>a:only-child:after,.ss-btn-background-ghost.ss-btn-dangerous.ss-btn-link[disabled]:active>a:only-child:after {
    position: absolute;
    inset: 0;
    background: transparent;
    content: ""
}

.ss-btn-two-chinese-chars:first-letter {
    letter-spacing: .34em
}

.ss-btn-two-chinese-chars>*:not(.anticon) {
    margin-right: -.34em;
    letter-spacing: .34em
}

.ss-btn.ss-btn-block {
    width: 100%
}

.ss-btn:empty {
    display: inline-block;
    width: 0;
    visibility: hidden;
    content: " "
}

a.ss-btn {
    padding-top: .01px!important;
    line-height: 30px
}

a.ss-btn-lg {
    line-height: 38px
}

a.ss-btn-sm {
    line-height: 22px
}

.ss-btn-rtl {
    direction: rtl
}

.ss-btn-group-rtl.ss-btn-group .ss-btn-primary:last-child:not(:first-child),.ss-btn-group-rtl.ss-btn-group .ss-btn-primary+.ss-btn-primary {
    border-right-color: var(--ss-primary-5);
    border-left-color: #d9d9d9
}

.ss-btn-group-rtl.ss-btn-group .ss-btn-primary:last-child:not(:first-child)[disabled],.ss-btn-group-rtl.ss-btn-group .ss-btn-primary+.ss-btn-primary[disabled] {
    border-right-color: #d9d9d9;
    border-left-color: var(--ss-primary-5)
}

.ss-btn-rtl.ss-btn>.ss-btn-loading-icon .anticon {
    padding-right: 0;
    padding-left: 8px
}

.ss-btn>.ss-btn-loading-icon:only-child .anticon {
    padding-right: 0;
    padding-left: 0
}

.ss-btn-rtl.ss-btn>.anticon+span,.ss-btn-rtl.ss-btn>span+.anticon {
    margin-right: 8px;
    margin-left: 0
}

.ss-picker-calendar {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    background: #fff
}

.ss-picker-calendar-header {
    display: flex;
    justify-content: flex-end;
    padding: 12px 0
}

.ss-picker-calendar-header .ss-picker-calendar-year-select {
    min-width: 80px
}

.ss-picker-calendar-header .ss-picker-calendar-month-select {
    min-width: 70px;
    margin-left: 8px
}

.ss-picker-calendar-header .ss-picker-calendar-mode-switch {
    margin-left: 8px
}

.ss-picker-calendar .ss-picker-panel {
    background: #fff;
    border: 0;
    border-top: 1px solid #f0f0f0;
    border-radius: 0
}

.ss-picker-calendar .ss-picker-panel .ss-picker-month-panel,.ss-picker-calendar .ss-picker-panel .ss-picker-date-panel {
    width: auto
}

.ss-picker-calendar .ss-picker-panel .ss-picker-body {
    padding: 8px 0
}

.ss-picker-calendar .ss-picker-panel .ss-picker-content {
    width: 100%
}

.ss-picker-calendar-mini {
    border-radius: 2px
}

.ss-picker-calendar-mini .ss-picker-calendar-header {
    padding-right: 8px;
    padding-left: 8px
}

.ss-picker-calendar-mini .ss-picker-panel {
    border-radius: 0 0 2px 2px
}

.ss-picker-calendar-mini .ss-picker-content {
    height: 256px
}

.ss-picker-calendar-mini .ss-picker-content th {
    height: auto;
    padding: 0;
    line-height: 18px
}

.ss-picker-calendar-full .ss-picker-panel {
    display: block;
    width: 100%;
    text-align: right;
    background: #fff;
    border: 0
}

.ss-picker-calendar-full .ss-picker-panel .ss-picker-body th,.ss-picker-calendar-full .ss-picker-panel .ss-picker-body td {
    padding: 0
}

.ss-picker-calendar-full .ss-picker-panel .ss-picker-body th {
    height: auto;
    padding: 0 12px 5px 0;
    line-height: 18px
}

.ss-picker-calendar-full .ss-picker-panel .ss-picker-cell:before {
    display: none
}

.ss-picker-calendar-full .ss-picker-panel .ss-picker-cell:hover .ss-picker-calendar-date {
    background: #f5f5f5
}

.ss-picker-calendar-full .ss-picker-panel .ss-picker-cell .ss-picker-calendar-date-today:before {
    display: none
}

.ss-picker-calendar-full .ss-picker-panel .ss-picker-cell-selected .ss-picker-calendar-date,.ss-picker-calendar-full .ss-picker-panel .ss-picker-cell-selected:hover .ss-picker-calendar-date,.ss-picker-calendar-full .ss-picker-panel .ss-picker-cell-selected .ss-picker-calendar-date-today,.ss-picker-calendar-full .ss-picker-panel .ss-picker-cell-selected:hover .ss-picker-calendar-date-today {
    background: #f0f8ff
}

.ss-picker-calendar-full .ss-picker-panel .ss-picker-cell-selected .ss-picker-calendar-date .ss-picker-calendar-date-value,.ss-picker-calendar-full .ss-picker-panel .ss-picker-cell-selected:hover .ss-picker-calendar-date .ss-picker-calendar-date-value,.ss-picker-calendar-full .ss-picker-panel .ss-picker-cell-selected .ss-picker-calendar-date-today .ss-picker-calendar-date-value,.ss-picker-calendar-full .ss-picker-panel .ss-picker-cell-selected:hover .ss-picker-calendar-date-today .ss-picker-calendar-date-value {
    color: var(--ss-primary-color)
}

.ss-picker-calendar-full .ss-picker-panel .ss-picker-calendar-date {
    display: block;
    width: auto;
    height: auto;
    margin: 0 4px;
    padding: 4px 8px 0;
    border: 0;
    border-top: 2px solid #f0f0f0;
    border-radius: 0;
    transition: background .3s
}

.ss-picker-calendar-full .ss-picker-panel .ss-picker-calendar-date-value {
    line-height: 24px;
    transition: color .3s
}

.ss-picker-calendar-full .ss-picker-panel .ss-picker-calendar-date-content {
    position: static;
    width: auto;
    height: 86px;
    overflow-y: auto;
    color: #000000d9;
    line-height: 1.5715;
    text-align: left
}

.ss-picker-calendar-full .ss-picker-panel .ss-picker-calendar-date-today {
    border-color: var(--ss-primary-color)
}

.ss-picker-calendar-full .ss-picker-panel .ss-picker-calendar-date-today .ss-picker-calendar-date-value {
    color: #000000d9
}

@media only screen and (max-width: 480px) {
    .ss-picker-calendar-header {
        display:block
    }

    .ss-picker-calendar-header .ss-picker-calendar-year-select {
        width: 50%
    }

    .ss-picker-calendar-header .ss-picker-calendar-month-select {
        width: calc(50% - 8px)
    }

    .ss-picker-calendar-header .ss-picker-calendar-mode-switch {
        width: 100%;
        margin-top: 8px;
        margin-left: 0
    }

    .ss-picker-calendar-header .ss-picker-calendar-mode-switch>label {
        width: 50%;
        text-align: center
    }
}

.ss-picker-calendar-rtl {
    direction: rtl
}

.ss-picker-calendar-rtl .ss-picker-calendar-header .ss-picker-calendar-month-select,.ss-picker-calendar-rtl .ss-picker-calendar-header .ss-picker-calendar-mode-switch {
    margin-right: 8px;
    margin-left: 0
}

.ss-picker-calendar-rtl.ss-picker-calendar-full .ss-picker-panel {
    text-align: left
}

.ss-picker-calendar-rtl.ss-picker-calendar-full .ss-picker-panel .ss-picker-body th {
    padding: 0 0 5px 12px
}

.ss-picker-calendar-rtl.ss-picker-calendar-full .ss-picker-panel .ss-picker-calendar-date-content {
    text-align: right
}

.ss-card {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    background: #fff;
    border-radius: 2px
}

.ss-card-rtl {
    direction: rtl
}

.ss-card-hoverable {
    cursor: pointer;
    transition: box-shadow .3s,border-color .3s
}

.ss-card-hoverable:hover {
    border-color: transparent;
    box-shadow: 0 1px 2px -2px #00000029,0 3px 6px #0000001f,0 5px 12px 4px #00000017
}

.ss-card-bordered {
    border: 1px solid #f0f0f0
}

.ss-card-head {
    min-height: 48px;
    margin-bottom: -1px;
    padding: 0 24px;
    color: #000000d9;
    font-weight: 500;
    font-size: 16px;
    background: transparent;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 2px 2px 0 0
}

.ss-card-head:before {
    display: table;
    content: ""
}

.ss-card-head:after {
    display: table;
    clear: both;
    content: ""
}

.ss-card-head-wrapper {
    display: flex;
    align-items: center
}

.ss-card-head-title {
    display: inline-block;
    flex: 1;
    padding: 16px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ss-card-head-title>.ss-typography,.ss-card-head-title>.ss-typography-edit-content {
    left: 0;
    margin-top: 0;
    margin-bottom: 0
}

.ss-card-head .ss-tabs-top {
    clear: both;
    margin-bottom: -17px;
    color: #000000d9;
    font-weight: 400;
    font-size: 14px
}

.ss-card-head .ss-tabs-top-bar {
    border-bottom: 1px solid #f0f0f0
}

.ss-card-extra {
    float: right;
    margin-left: auto;
    padding: 16px 0;
    color: #000000d9;
    font-weight: 400;
    font-size: 14px
}

.ss-card-rtl .ss-card-extra {
    margin-right: auto;
    margin-left: 0
}

.ss-card-body {
    padding: 24px
}

.ss-card-body:before {
    display: table;
    content: ""
}

.ss-card-body:after {
    display: table;
    clear: both;
    content: ""
}

.ss-card-contain-grid:not(.ss-card-loading) .ss-card-body {
    margin: -1px 0 0 -1px;
    padding: 0
}

.ss-card-grid {
    float: left;
    width: 33.33%;
    padding: 24px;
    border: 0;
    border-radius: 0;
    box-shadow: 1px 0 #f0f0f0,0 1px #f0f0f0,1px 1px #f0f0f0,1px 0 #f0f0f0 inset,0 1px #f0f0f0 inset;
    transition: all .3s
}

.ss-card-rtl .ss-card-grid {
    float: right
}

.ss-card-grid-hoverable:hover {
    position: relative;
    z-index: 1;
    box-shadow: 0 1px 2px -2px #00000029,0 3px 6px #0000001f,0 5px 12px 4px #00000017
}

.ss-card-contain-tabs>.ss-card-head .ss-card-head-title {
    min-height: 32px;
    padding-bottom: 0
}

.ss-card-contain-tabs>.ss-card-head .ss-card-extra {
    padding-bottom: 0
}

.ss-card-bordered .ss-card-cover {
    margin-top: -1px;
    margin-right: -1px;
    margin-left: -1px
}

.ss-card-cover>* {
    display: block;
    width: 100%
}

.ss-card-cover img {
    border-radius: 2px 2px 0 0
}

.ss-card-actions {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    border-top: 1px solid #f0f0f0
}

.ss-card-actions:before {
    display: table;
    content: ""
}

.ss-card-actions:after {
    display: table;
    clear: both;
    content: ""
}

.ss-card-actions>li {
    float: left;
    margin: 12px 0;
    color: #00000073;
    text-align: center
}

.ss-card-rtl .ss-card-actions>li {
    float: right
}

.ss-card-actions>li>span {
    position: relative;
    display: block;
    min-width: 32px;
    font-size: 14px;
    line-height: 1.5715;
    cursor: pointer
}

.ss-card-actions>li>span:hover {
    color: var(--ss-primary-color);
    transition: color .3s
}

.ss-card-actions>li>span a:not(.ss-btn),.ss-card-actions>li>span>.anticon {
    display: inline-block;
    width: 100%;
    color: #00000073;
    line-height: 22px;
    transition: color .3s
}

.ss-card-actions>li>span a:not(.ss-btn):hover,.ss-card-actions>li>span>.anticon:hover {
    color: var(--ss-primary-color)
}

.ss-card-actions>li>span>.anticon {
    font-size: 16px;
    line-height: 22px
}

.ss-card-actions>li:not(:last-child) {
    border-right: 1px solid #f0f0f0
}

.ss-card-rtl .ss-card-actions>li:not(:last-child) {
    border-right: none;
    border-left: 1px solid #f0f0f0
}

.ss-card-type-inner .ss-card-head {
    padding: 0 24px;
    background: #fafafa
}

.ss-card-type-inner .ss-card-head-title {
    padding: 12px 0;
    font-size: 14px
}

.ss-card-type-inner .ss-card-body {
    padding: 16px 24px
}

.ss-card-type-inner .ss-card-extra {
    padding: 13.5px 0
}

.ss-card-meta {
    margin: -4px 0
}

.ss-card-meta:before {
    display: table;
    content: ""
}

.ss-card-meta:after {
    display: table;
    clear: both;
    content: ""
}

.ss-card-meta-avatar {
    float: left;
    padding-right: 16px
}

.ss-card-rtl .ss-card-meta-avatar {
    float: right;
    padding-right: 0;
    padding-left: 16px
}

.ss-card-meta-detail {
    overflow: hidden
}

.ss-card-meta-detail>div:not(:last-child) {
    margin-bottom: 8px
}

.ss-card-meta-title {
    overflow: hidden;
    color: #000000d9;
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ss-card-meta-description {
    color: #00000073
}

.ss-card-loading {
    overflow: hidden
}

.ss-card-loading .ss-card-body {
    user-select: none
}

.ss-card-loading-content p {
    margin: 0
}

.ss-card-loading-block {
    height: 14px;
    margin: 4px 0;
    background: linear-gradient(90deg,#cfd8dc33,#cfd8dc66,#cfd8dc33);
    background-size: 600% 600%;
    border-radius: 2px;
    animation: card-loading 1.4s ease infinite
}

@keyframes card-loading {
    0%,to {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }
}

.ss-card-small>.ss-card-head {
    min-height: 36px;
    padding: 0 12px;
    font-size: 14px
}

.ss-card-small>.ss-card-head>.ss-card-head-wrapper>.ss-card-head-title {
    padding: 8px 0
}

.ss-card-small>.ss-card-head>.ss-card-head-wrapper>.ss-card-extra {
    padding: 8px 0;
    font-size: 14px
}

.ss-card-small>.ss-card-body {
    padding: 12px
}

.ss-carousel {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum"
}

.ss-carousel .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.ss-carousel .slick-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.ss-carousel .slick-list:focus {
    outline: none
}

.ss-carousel .slick-list.dragging {
    cursor: pointer
}

.ss-carousel .slick-list .slick-slide {
    pointer-events: none
}

.ss-carousel .slick-list .slick-slide input.ss-radio-input,.ss-carousel .slick-list .slick-slide input.ss-checkbox-input {
    visibility: hidden
}

.ss-carousel .slick-list .slick-slide.slick-active {
    pointer-events: auto
}

.ss-carousel .slick-list .slick-slide.slick-active input.ss-radio-input,.ss-carousel .slick-list .slick-slide.slick-active input.ss-checkbox-input {
    visibility: visible
}

.ss-carousel .slick-list .slick-slide>div>div {
    vertical-align: bottom
}

.ss-carousel .slick-slider .slick-track,.ss-carousel .slick-slider .slick-list {
    transform: translateZ(0);
    touch-action: pan-y
}

.ss-carousel .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.ss-carousel .slick-track:before,.ss-carousel .slick-track:after {
    display: table;
    content: ""
}

.ss-carousel .slick-track:after {
    clear: both
}

.slick-loading .ss-carousel .slick-track {
    visibility: hidden
}

.ss-carousel .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.ss-carousel .slick-slide img {
    display: block
}

.ss-carousel .slick-slide.slick-loading img {
    display: none
}

.ss-carousel .slick-slide.dragging img {
    pointer-events: none
}

.ss-carousel .slick-initialized .slick-slide {
    display: block
}

.ss-carousel .slick-loading .slick-slide {
    visibility: hidden
}

.ss-carousel .slick-vertical .slick-slide {
    display: block;
    height: auto
}

.ss-carousel .slick-arrow.slick-hidden {
    display: none
}

.ss-carousel .slick-prev,.ss-carousel .slick-next {
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    color: transparent;
    font-size: 0;
    line-height: 0;
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer
}

.ss-carousel .slick-prev:hover,.ss-carousel .slick-next:hover,.ss-carousel .slick-prev:focus,.ss-carousel .slick-next:focus {
    color: transparent;
    background: transparent;
    outline: none
}

.ss-carousel .slick-prev:hover:before,.ss-carousel .slick-next:hover:before,.ss-carousel .slick-prev:focus:before,.ss-carousel .slick-next:focus:before {
    opacity: 1
}

.ss-carousel .slick-prev.slick-disabled:before,.ss-carousel .slick-next.slick-disabled:before {
    opacity: .25
}

.ss-carousel .slick-prev {
    left: -25px
}

.ss-carousel .slick-prev:before {
    content: "←"
}

.ss-carousel .slick-next {
    right: -25px
}

.ss-carousel .slick-next:before {
    content: "→"
}

.ss-carousel .slick-dots {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex!important;
    justify-content: center;
    margin-right: 15%;
    margin-left: 15%;
    padding-left: 0;
    list-style: none
}

.ss-carousel .slick-dots-bottom {
    bottom: 12px
}

.ss-carousel .slick-dots-top {
    top: 12px;
    bottom: auto
}

.ss-carousel .slick-dots li {
    position: relative;
    display: inline-block;
    flex: 0 1 auto;
    box-sizing: content-box;
    width: 16px;
    height: 3px;
    margin: 0 3px;
    padding: 0;
    text-align: center;
    text-indent: -999px;
    vertical-align: top;
    transition: all .5s
}

.ss-carousel .slick-dots li button {
    display: block;
    width: 100%;
    height: 3px;
    padding: 0;
    color: transparent;
    font-size: 0;
    background: #fff;
    border: 0;
    border-radius: 1px;
    outline: none;
    cursor: pointer;
    opacity: .3;
    transition: all .5s
}

.ss-carousel .slick-dots li button:hover,.ss-carousel .slick-dots li button:focus {
    opacity: .75
}

.ss-carousel .slick-dots li.slick-active {
    width: 24px
}

.ss-carousel .slick-dots li.slick-active button {
    background: #fff;
    opacity: 1
}

.ss-carousel .slick-dots li.slick-active:hover,.ss-carousel .slick-dots li.slick-active:focus {
    opacity: 1
}

.ss-carousel-vertical .slick-dots {
    top: 50%;
    bottom: auto;
    flex-direction: column;
    width: 3px;
    height: auto;
    margin: 0;
    transform: translateY(-50%)
}

.ss-carousel-vertical .slick-dots-left {
    right: auto;
    left: 12px
}

.ss-carousel-vertical .slick-dots-right {
    right: 12px;
    left: auto
}

.ss-carousel-vertical .slick-dots li {
    width: 3px;
    height: 16px;
    margin: 4px 2px;
    vertical-align: baseline
}

.ss-carousel-vertical .slick-dots li button {
    width: 3px;
    height: 16px
}

.ss-carousel-vertical .slick-dots li.slick-active,.ss-carousel-vertical .slick-dots li.slick-active button {
    width: 3px;
    height: 24px
}

.ss-carousel-rtl {
    direction: rtl
}

.ss-carousel-rtl .ss-carousel .slick-track {
    right: 0;
    left: auto
}

.ss-carousel-rtl .ss-carousel .slick-prev {
    right: -25px;
    left: auto
}

.ss-carousel-rtl .ss-carousel .slick-prev:before {
    content: "→"
}

.ss-carousel-rtl .ss-carousel .slick-next {
    right: auto;
    left: -25px
}

.ss-carousel-rtl .ss-carousel .slick-next:before {
    content: "←"
}

.ss-carousel-rtl.ss-carousel .slick-dots {
    flex-direction: row-reverse
}

.ss-carousel-rtl.ss-carousel-vertical .slick-dots {
    flex-direction: column
}

@keyframes antCheckboxEffect {
    0% {
        transform: scale(1);
        opacity: .5
    }

    to {
        transform: scale(1.6);
        opacity: 0
    }
}

.ss-cascader-checkbox {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    top: .2em;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer
}

.ss-cascader-checkbox-wrapper:hover .ss-cascader-checkbox-inner,.ss-cascader-checkbox:hover .ss-cascader-checkbox-inner,.ss-cascader-checkbox-input:focus+.ss-cascader-checkbox-inner {
    border-color: var(--ss-primary-color)
}

.ss-cascader-checkbox-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--ss-primary-color);
    border-radius: 2px;
    visibility: hidden;
    animation: antCheckboxEffect .36s ease-in-out;
    animation-fill-mode: backwards;
    content: ""
}

.ss-cascader-checkbox:hover:after,.ss-cascader-checkbox-wrapper:hover .ss-cascader-checkbox:after {
    visibility: visible
}

.ss-cascader-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    direction: ltr;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    border-collapse: separate;
    transition: all .3s
}

.ss-cascader-checkbox-inner:after {
    position: absolute;
    top: 50%;
    left: 21.5%;
    display: table;
    width: 5.71428571px;
    height: 9.14285714px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(0) translate(-50%,-50%);
    opacity: 0;
    transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
    content: " "
}

.ss-cascader-checkbox-input {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.ss-cascader-checkbox-checked .ss-cascader-checkbox-inner:after {
    position: absolute;
    display: table;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(1) translate(-50%,-50%);
    opacity: 1;
    transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
    content: " "
}

.ss-cascader-checkbox-checked .ss-cascader-checkbox-inner {
    background-color: var(--ss-primary-color);
    border-color: var(--ss-primary-color)
}

.ss-cascader-checkbox-disabled {
    cursor: not-allowed
}

.ss-cascader-checkbox-disabled.ss-cascader-checkbox-checked .ss-cascader-checkbox-inner:after {
    border-color: #00000040;
    animation-name: none
}

.ss-cascader-checkbox-disabled .ss-cascader-checkbox-input {
    cursor: not-allowed;
    pointer-events: none
}

.ss-cascader-checkbox-disabled .ss-cascader-checkbox-inner {
    background-color: #f5f5f5;
    border-color: #d9d9d9!important
}

.ss-cascader-checkbox-disabled .ss-cascader-checkbox-inner:after {
    border-color: #f5f5f5;
    border-collapse: separate;
    animation-name: none
}

.ss-cascader-checkbox-disabled+span {
    color: #00000040;
    cursor: not-allowed
}

.ss-cascader-checkbox-disabled:hover:after,.ss-cascader-checkbox-wrapper:hover .ss-cascader-checkbox-disabled:after {
    visibility: hidden
}

.ss-cascader-checkbox-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-flex;
    align-items: baseline;
    line-height: unset;
    cursor: pointer
}

.ss-cascader-checkbox-wrapper:after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: " "
}

.ss-cascader-checkbox-wrapper.ss-cascader-checkbox-wrapper-disabled {
    cursor: not-allowed
}

.ss-cascader-checkbox-wrapper+.ss-cascader-checkbox-wrapper {
    margin-left: 8px
}

.ss-cascader-checkbox+span {
    padding-right: 8px;
    padding-left: 8px
}

.ss-cascader-checkbox-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block
}

.ss-cascader-checkbox-group-item {
    margin-right: 8px
}

.ss-cascader-checkbox-group-item:last-child {
    margin-right: 0
}

.ss-cascader-checkbox-group-item+.ss-cascader-checkbox-group-item {
    margin-left: 0
}

.ss-cascader-checkbox-indeterminate .ss-cascader-checkbox-inner {
    background-color: #fff;
    border-color: #d9d9d9
}

.ss-cascader-checkbox-indeterminate .ss-cascader-checkbox-inner:after {
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: var(--ss-primary-color);
    border: 0;
    transform: translate(-50%,-50%) scale(1);
    opacity: 1;
    content: " "
}

.ss-cascader-checkbox-indeterminate.ss-cascader-checkbox-disabled .ss-cascader-checkbox-inner:after {
    background-color: #00000040;
    border-color: #00000040
}

.ss-cascader-checkbox-rtl {
    direction: rtl
}

.ss-cascader-checkbox-group-rtl .ss-cascader-checkbox-group-item {
    margin-right: 0;
    margin-left: 8px
}

.ss-cascader-checkbox-group-rtl .ss-cascader-checkbox-group-item:last-child {
    margin-left: 0!important
}

.ss-cascader-checkbox-group-rtl .ss-cascader-checkbox-group-item+.ss-cascader-checkbox-group-item {
    margin-left: 8px
}

.ss-cascader {
    width: 184px
}

.ss-cascader-checkbox {
    top: 0;
    margin-right: 8px
}

.ss-cascader-menus {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start
}

.ss-cascader-menus.ss-cascader-menu-empty .ss-cascader-menu {
    width: 100%;
    height: auto
}

.ss-cascader-menu {
    min-width: 111px;
    height: 180px;
    margin: -4px 0;
    padding: 4px 0;
    overflow: auto;
    vertical-align: top;
    list-style: none;
    border-right: 1px solid #f0f0f0;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.ss-cascader-menu-item {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 5px 12px;
    overflow: hidden;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: all .3s
}

.ss-cascader-menu-item:hover {
    background: #f5f5f5
}

.ss-cascader-menu-item-disabled {
    color: #00000040;
    cursor: not-allowed
}

.ss-cascader-menu-item-disabled:hover {
    background: transparent
}

.ss-cascader-menu-empty .ss-cascader-menu-item {
    color: #00000040;
    cursor: default;
    pointer-events: none
}

.ss-cascader-menu-item-active:not(.ss-cascader-menu-item-disabled),.ss-cascader-menu-item-active:not(.ss-cascader-menu-item-disabled):hover {
    font-weight: 600;
    background-color: #f0f8ff
}

.ss-cascader-menu-item-content {
    flex: auto
}

.ss-cascader-menu-item-expand .ss-cascader-menu-item-expand-icon,.ss-cascader-menu-item-loading-icon {
    margin-left: 4px;
    color: #00000073;
    font-size: 10px
}

.ss-cascader-menu-item-disabled.ss-cascader-menu-item-expand .ss-cascader-menu-item-expand-icon,.ss-cascader-menu-item-disabled.ss-cascader-menu-item-loading-icon {
    color: #00000040
}

.ss-cascader-menu-item-keyword {
    color: #ff4d4f
}

.ss-cascader-rtl .ss-cascader-menu-item-expand-icon,.ss-cascader-rtl .ss-cascader-menu-item-loading-icon {
    margin-right: 4px;
    margin-left: 0
}

.ss-cascader-rtl .ss-cascader-checkbox {
    top: 0;
    margin-right: 0;
    margin-left: 8px
}

.ss-checkbox {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    top: .2em;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer
}

.ss-checkbox-wrapper:hover .ss-checkbox-inner,.ss-checkbox:hover .ss-checkbox-inner,.ss-checkbox-input:focus+.ss-checkbox-inner {
    border-color: var(--ss-primary-color)
}

.ss-checkbox-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--ss-primary-color);
    border-radius: 2px;
    visibility: hidden;
    animation: antCheckboxEffect .36s ease-in-out;
    animation-fill-mode: backwards;
    content: ""
}

.ss-checkbox:hover:after,.ss-checkbox-wrapper:hover .ss-checkbox:after {
    visibility: visible
}

.ss-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    direction: ltr;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    border-collapse: separate;
    transition: all .3s
}

.ss-checkbox-inner:after {
    position: absolute;
    top: 50%;
    left: 21.5%;
    display: table;
    width: 5.71428571px;
    height: 9.14285714px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(0) translate(-50%,-50%);
    opacity: 0;
    transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
    content: " "
}

.ss-checkbox-input {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.ss-checkbox-checked .ss-checkbox-inner:after {
    position: absolute;
    display: table;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(1) translate(-50%,-50%);
    opacity: 1;
    transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
    content: " "
}

.ss-checkbox-checked .ss-checkbox-inner {
    background-color: var(--ss-primary-color);
    border-color: var(--ss-primary-color)
}

.ss-checkbox-disabled {
    cursor: not-allowed
}

.ss-checkbox-disabled.ss-checkbox-checked .ss-checkbox-inner:after {
    border-color: #00000040;
    animation-name: none
}

.ss-checkbox-disabled .ss-checkbox-input {
    cursor: not-allowed;
    pointer-events: none
}

.ss-checkbox-disabled .ss-checkbox-inner {
    background-color: #f5f5f5;
    border-color: #d9d9d9!important
}

.ss-checkbox-disabled .ss-checkbox-inner:after {
    border-color: #f5f5f5;
    border-collapse: separate;
    animation-name: none
}

.ss-checkbox-disabled+span {
    color: #00000040;
    cursor: not-allowed
}

.ss-checkbox-disabled:hover:after,.ss-checkbox-wrapper:hover .ss-checkbox-disabled:after {
    visibility: hidden
}

.ss-checkbox-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-flex;
    align-items: baseline;
    line-height: unset;
    cursor: pointer
}

.ss-checkbox-wrapper:after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: " "
}

.ss-checkbox-wrapper.ss-checkbox-wrapper-disabled {
    cursor: not-allowed
}

.ss-checkbox-wrapper+.ss-checkbox-wrapper {
    margin-left: 8px
}

.ss-checkbox+span {
    padding-right: 8px;
    padding-left: 8px
}

.ss-checkbox-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block
}

.ss-checkbox-group-item {
    margin-right: 8px
}

.ss-checkbox-group-item:last-child {
    margin-right: 0
}

.ss-checkbox-group-item+.ss-checkbox-group-item {
    margin-left: 0
}

.ss-checkbox-indeterminate .ss-checkbox-inner {
    background-color: #fff;
    border-color: #d9d9d9
}

.ss-checkbox-indeterminate .ss-checkbox-inner:after {
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: var(--ss-primary-color);
    border: 0;
    transform: translate(-50%,-50%) scale(1);
    opacity: 1;
    content: " "
}

.ss-checkbox-indeterminate.ss-checkbox-disabled .ss-checkbox-inner:after {
    background-color: #00000040;
    border-color: #00000040
}

.ss-checkbox-rtl {
    direction: rtl
}

.ss-checkbox-group-rtl .ss-checkbox-group-item {
    margin-right: 0;
    margin-left: 8px
}

.ss-checkbox-group-rtl .ss-checkbox-group-item:last-child {
    margin-left: 0!important
}

.ss-checkbox-group-rtl .ss-checkbox-group-item+.ss-checkbox-group-item {
    margin-left: 8px
}

.ss-collapse {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    background-color: #fafafa;
    border: 1px solid #d9d9d9;
    border-bottom: 0;
    border-radius: 2px
}

.ss-collapse>.ss-collapse-item {
    border-bottom: 1px solid #d9d9d9
}

.ss-collapse>.ss-collapse-item:last-child,.ss-collapse>.ss-collapse-item:last-child>.ss-collapse-header {
    border-radius: 0 0 2px 2px
}

.ss-collapse>.ss-collapse-item>.ss-collapse-header {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    padding: 12px 16px;
    color: #000000d9;
    line-height: 1.5715;
    cursor: pointer;
    transition: all .3s,visibility 0s
}

.ss-collapse>.ss-collapse-item>.ss-collapse-header .ss-collapse-arrow {
    display: inline-block;
    margin-right: 12px;
    font-size: 12px;
    vertical-align: -1px
}

.ss-collapse>.ss-collapse-item>.ss-collapse-header .ss-collapse-arrow svg {
    transition: transform .24s
}

.ss-collapse>.ss-collapse-item>.ss-collapse-header .ss-collapse-extra {
    margin-left: auto
}

.ss-collapse>.ss-collapse-item>.ss-collapse-header:focus {
    outline: none
}

.ss-collapse>.ss-collapse-item .ss-collapse-header-collapsible-only {
    cursor: default
}

.ss-collapse>.ss-collapse-item .ss-collapse-header-collapsible-only .ss-collapse-header-text {
    cursor: pointer
}

.ss-collapse>.ss-collapse-item.ss-collapse-no-arrow>.ss-collapse-header {
    padding-left: 12px
}

.ss-collapse-icon-position-right>.ss-collapse-item>.ss-collapse-header {
    position: relative;
    padding: 12px 40px 12px 16px
}

.ss-collapse-icon-position-right>.ss-collapse-item>.ss-collapse-header .ss-collapse-arrow {
    position: absolute;
    top: 50%;
    right: 16px;
    left: auto;
    margin: 0;
    transform: translateY(-50%)
}

.ss-collapse-content {
    color: #000000d9;
    background-color: #fff;
    border-top: 1px solid #d9d9d9
}

.ss-collapse-content>.ss-collapse-content-box {
    padding: 16px
}

.ss-collapse-content-hidden {
    display: none
}

.ss-collapse-item:last-child>.ss-collapse-content {
    border-radius: 0 0 2px 2px
}

.ss-collapse-borderless {
    background-color: #fafafa;
    border: 0
}

.ss-collapse-borderless>.ss-collapse-item {
    border-bottom: 1px solid #d9d9d9
}

.ss-collapse-borderless>.ss-collapse-item:last-child,.ss-collapse-borderless>.ss-collapse-item:last-child .ss-collapse-header {
    border-radius: 0
}

.ss-collapse-borderless>.ss-collapse-item>.ss-collapse-content {
    background-color: transparent;
    border-top: 0
}

.ss-collapse-borderless>.ss-collapse-item>.ss-collapse-content>.ss-collapse-content-box {
    padding-top: 4px
}

.ss-collapse-ghost {
    background-color: transparent;
    border: 0
}

.ss-collapse-ghost>.ss-collapse-item {
    border-bottom: 0
}

.ss-collapse-ghost>.ss-collapse-item>.ss-collapse-content {
    background-color: transparent;
    border-top: 0
}

.ss-collapse-ghost>.ss-collapse-item>.ss-collapse-content>.ss-collapse-content-box {
    padding-top: 12px;
    padding-bottom: 12px
}

.ss-collapse .ss-collapse-item-disabled>.ss-collapse-header,.ss-collapse .ss-collapse-item-disabled>.ss-collapse-header>.arrow {
    color: #00000040;
    cursor: not-allowed
}

.ss-collapse-rtl {
    direction: rtl
}

.ss-collapse-rtl .ss-collapse>.ss-collapse-item>.ss-collapse-header {
    padding: 12px 40px 12px 16px
}

.ss-collapse-rtl.ss-collapse>.ss-collapse-item>.ss-collapse-header .ss-collapse-arrow {
    margin-right: 0;
    margin-left: 12px
}

.ss-collapse-rtl.ss-collapse>.ss-collapse-item>.ss-collapse-header .ss-collapse-arrow svg {
    transform: rotate(180deg)
}

.ss-collapse-rtl.ss-collapse>.ss-collapse-item>.ss-collapse-header .ss-collapse-extra {
    margin-right: auto;
    margin-left: 0
}

.ss-collapse-rtl.ss-collapse>.ss-collapse-item.ss-collapse-no-arrow>.ss-collapse-header {
    padding-right: 12px;
    padding-left: 0
}

.ss-comment {
    position: relative;
    background-color: inherit
}

.ss-comment-inner {
    display: flex;
    padding: 16px 0
}

.ss-comment-avatar {
    position: relative;
    flex-shrink: 0;
    margin-right: 12px;
    cursor: pointer
}

.ss-comment-avatar img {
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.ss-comment-content {
    position: relative;
    flex: 1 1 auto;
    min-width: 1px;
    font-size: 14px;
    word-wrap: break-word
}

.ss-comment-content-author {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 4px;
    font-size: 14px
}

.ss-comment-content-author>a,.ss-comment-content-author>span {
    padding-right: 8px;
    font-size: 12px;
    line-height: 18px
}

.ss-comment-content-author-name {
    color: #00000073;
    font-size: 14px;
    transition: color .3s
}

.ss-comment-content-author-name>* {
    color: #00000073
}

.ss-comment-content-author-name>*:hover {
    color: #00000073
}

.ss-comment-content-author-time {
    color: #ccc;
    white-space: nowrap;
    cursor: auto
}

.ss-comment-content-detail p {
    margin-bottom: inherit;
    white-space: pre-wrap
}

.ss-comment-actions {
    margin-top: 12px;
    margin-bottom: inherit;
    padding-left: 0
}

.ss-comment-actions>li {
    display: inline-block;
    color: #00000073
}

.ss-comment-actions>li>span {
    margin-right: 10px;
    color: #00000073;
    font-size: 12px;
    cursor: pointer;
    transition: color .3s;
    user-select: none
}

.ss-comment-actions>li>span:hover {
    color: #595959
}

.ss-comment-nested {
    margin-left: 44px
}

.ss-comment-rtl {
    direction: rtl
}

.ss-comment-rtl .ss-comment-avatar {
    margin-right: 0;
    margin-left: 12px
}

.ss-comment-rtl .ss-comment-content-author>a,.ss-comment-rtl .ss-comment-content-author>span {
    padding-right: 0;
    padding-left: 8px
}

.ss-comment-rtl .ss-comment-actions {
    padding-right: 0
}

.ss-comment-rtl .ss-comment-actions>li>span {
    margin-right: 0;
    margin-left: 10px
}

.ss-comment-rtl .ss-comment-nested {
    margin-right: 44px;
    margin-left: 0
}

.ss-picker {
    box-sizing: border-box;
    margin: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    padding: 4px 11px;
    position: relative;
    display: inline-flex;
    align-items: center;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    transition: border .3s,box-shadow .3s
}

.ss-picker:hover,.ss-picker-focused {
    border-color: var(--ss-primary-5);
    border-right-width: 1px!important
}

.ss-input-rtl .ss-picker:hover,.ss-input-rtl .ss-picker-focused {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ss-picker-focused {
    border-color: var(--ss-primary-color-hover);
    box-shadow: 0 0 0 2px var(--ss-primary-color-outline);
    border-right-width: 1px!important;
    outline: 0
}

.ss-input-rtl .ss-picker-focused {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ss-picker.ss-picker-disabled {
    background: #f5f5f5;
    border-color: #d9d9d9;
    cursor: not-allowed
}

.ss-picker.ss-picker-disabled .ss-picker-suffix {
    color: #00000040
}

.ss-picker.ss-picker-borderless {
    background-color: transparent!important;
    border-color: transparent!important;
    box-shadow: none!important
}

.ss-picker-input {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 100%
}

.ss-picker-input>input {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    color: #000000d9;
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    transition: all .3s;
    flex: auto;
    min-width: 1px;
    height: auto;
    padding: 0;
    background: transparent;
    border: 0
}

.ss-picker-input>input::-moz-placeholder {
    opacity: 1
}

.ss-picker-input>input::placeholder {
    color: #bfbfbf;
    user-select: none
}

.ss-picker-input>input:placeholder-shown {
    text-overflow: ellipsis
}

.ss-picker-input>input:hover {
    border-color: var(--ss-primary-5);
    border-right-width: 1px!important
}

.ss-input-rtl .ss-picker-input>input:hover {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ss-picker-input>input:focus,.ss-picker-input>input-focused {
    border-color: var(--ss-primary-color-hover);
    box-shadow: 0 0 0 2px var(--ss-primary-color-outline);
    border-right-width: 1px!important;
    outline: 0
}

.ss-input-rtl .ss-picker-input>input:focus,.ss-input-rtl .ss-picker-input>input-focused {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ss-picker-input>input-disabled {
    color: #00000040;
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ss-picker-input>input-disabled:hover {
    border-color: #d9d9d9;
    border-right-width: 1px!important
}

.ss-picker-input>input[disabled] {
    color: #00000040;
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ss-picker-input>input[disabled]:hover {
    border-color: #d9d9d9;
    border-right-width: 1px!important
}

.ss-picker-input>input-borderless,.ss-picker-input>input-borderless:hover,.ss-picker-input>input-borderless:focus,.ss-picker-input>input-borderless-focused,.ss-picker-input>input-borderless-disabled,.ss-picker-input>input-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.ss-picker-input>input {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all .3s,height 0s
}

.ss-picker-input>input-lg {
    padding: 6.5px 11px;
    font-size: 16px
}

.ss-picker-input>input-sm {
    padding: 0 7px
}

.ss-picker-input>input-rtl {
    direction: rtl
}

.ss-picker-input>input:focus {
    box-shadow: none
}

.ss-picker-input>input[disabled] {
    background: transparent
}

.ss-picker-input:hover .ss-picker-clear {
    opacity: 1
}

.ss-picker-input-placeholder>input {
    color: #bfbfbf
}

.ss-picker-large {
    padding: 6.5px 11px
}

.ss-picker-large .ss-picker-input>input {
    font-size: 16px
}

.ss-picker-small {
    padding: 0 7px
}

.ss-picker-suffix {
    align-self: center;
    margin-left: 4px;
    color: #00000040;
    line-height: 1;
    pointer-events: none
}

.ss-picker-suffix>* {
    vertical-align: top
}

.ss-picker-clear {
    position: absolute;
    top: 50%;
    right: 0;
    color: #00000040;
    line-height: 1;
    background: #fff;
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0;
    transition: opacity .3s,color .3s
}

.ss-picker-clear>* {
    vertical-align: top
}

.ss-picker-clear:hover {
    color: #00000073
}

.ss-picker-separator {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 16px;
    color: #00000040;
    font-size: 16px;
    vertical-align: top;
    cursor: default
}

.ss-picker-focused .ss-picker-separator {
    color: #00000073
}

.ss-picker-disabled .ss-picker-range-separator .ss-picker-separator {
    cursor: not-allowed
}

.ss-picker-range {
    position: relative;
    display: inline-flex
}

.ss-picker-range .ss-picker-clear {
    right: 11px
}

.ss-picker-range:hover .ss-picker-clear {
    opacity: 1
}

.ss-picker-range .ss-picker-active-bar {
    bottom: -1px;
    height: 2px;
    margin-left: 11px;
    background: var(--ss-primary-color);
    opacity: 0;
    transition: all .3s ease-out;
    pointer-events: none
}

.ss-picker-range.ss-picker-focused .ss-picker-active-bar {
    opacity: 1
}

.ss-picker-range-separator {
    align-items: center;
    padding: 0 8px;
    line-height: 1
}

.ss-picker-range.ss-picker-small .ss-picker-clear {
    right: 7px
}

.ss-picker-range.ss-picker-small .ss-picker-active-bar {
    margin-left: 7px
}

.ss-picker-dropdown {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    z-index: 1050
}

.ss-picker-dropdown-hidden {
    display: none
}

.ss-picker-dropdown-placement-bottomLeft .ss-picker-range-arrow {
    top: 1.66666667px;
    display: block;
    transform: rotate(-45deg)
}

.ss-picker-dropdown-placement-topLeft .ss-picker-range-arrow {
    bottom: 1.66666667px;
    display: block;
    transform: rotate(135deg)
}

.ss-picker-dropdown.ss-slide-up-enter.ss-slide-up-enter-active.ss-picker-dropdown-placement-topLeft,.ss-picker-dropdown.ss-slide-up-enter.ss-slide-up-enter-active.ss-picker-dropdown-placement-topRight,.ss-picker-dropdown.ss-slide-up-appear.ss-slide-up-appear-active.ss-picker-dropdown-placement-topLeft,.ss-picker-dropdown.ss-slide-up-appear.ss-slide-up-appear-active.ss-picker-dropdown-placement-topRight {
    animation-name: antSlideDownIn
}

.ss-picker-dropdown.ss-slide-up-enter.ss-slide-up-enter-active.ss-picker-dropdown-placement-bottomLeft,.ss-picker-dropdown.ss-slide-up-enter.ss-slide-up-enter-active.ss-picker-dropdown-placement-bottomRight,.ss-picker-dropdown.ss-slide-up-appear.ss-slide-up-appear-active.ss-picker-dropdown-placement-bottomLeft,.ss-picker-dropdown.ss-slide-up-appear.ss-slide-up-appear-active.ss-picker-dropdown-placement-bottomRight {
    animation-name: antSlideUpIn
}

.ss-picker-dropdown.ss-slide-up-leave.ss-slide-up-leave-active.ss-picker-dropdown-placement-topLeft,.ss-picker-dropdown.ss-slide-up-leave.ss-slide-up-leave-active.ss-picker-dropdown-placement-topRight {
    animation-name: antSlideDownOut
}

.ss-picker-dropdown.ss-slide-up-leave.ss-slide-up-leave-active.ss-picker-dropdown-placement-bottomLeft,.ss-picker-dropdown.ss-slide-up-leave.ss-slide-up-leave-active.ss-picker-dropdown-placement-bottomRight {
    animation-name: antSlideUpOut
}

.ss-picker-dropdown-range {
    padding: 6.66666667px 0
}

.ss-picker-dropdown-range-hidden {
    display: none
}

.ss-picker-dropdown .ss-picker-panel>.ss-picker-time-panel {
    padding-top: 4px
}

.ss-picker-ranges {
    margin-bottom: 0;
    padding: 4px 12px;
    overflow: hidden;
    line-height: 34px;
    text-align: left;
    list-style: none
}

.ss-picker-ranges>li {
    display: inline-block
}

.ss-picker-ranges .ss-picker-preset>.ss-tag-blue {
    color: var(--ss-primary-color);
    background: #f0f8ff;
    border-color: var(--ss-primary-3);
    cursor: pointer
}

.ss-picker-ranges .ss-picker-ok {
    float: right;
    margin-left: 8px
}

.ss-picker-range-wrapper {
    display: flex
}

.ss-picker-range-arrow {
    position: absolute;
    z-index: 1;
    display: none;
    width: 10px;
    height: 10px;
    margin-left: 16.5px;
    box-shadow: 2px -2px 6px #0000000f;
    transition: left .3s ease-out
}

.ss-picker-range-arrow:after {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 10px;
    height: 10px;
    border: 5px solid #f0f0f0;
    border-color: #fff #fff transparent transparent;
    content: ""
}

.ss-picker-panel-container {
    overflow: hidden;
    vertical-align: top;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;
    transition: margin .3s
}

.ss-picker-panel-container .ss-picker-panels {
    display: inline-flex;
    flex-wrap: nowrap;
    direction: ltr
}

.ss-picker-panel-container .ss-picker-panel {
    vertical-align: top;
    background: transparent;
    border-width: 0 0 1px 0;
    border-radius: 0
}

.ss-picker-panel-container .ss-picker-panel .ss-picker-content,.ss-picker-panel-container .ss-picker-panel table {
    text-align: center
}

.ss-picker-panel-container .ss-picker-panel-focused {
    border-color: #f0f0f0
}

.ss-picker-panel {
    display: inline-flex;
    flex-direction: column;
    text-align: center;
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    outline: none
}

.ss-picker-panel-focused {
    border-color: var(--ss-primary-color)
}

.ss-picker-decade-panel,.ss-picker-year-panel,.ss-picker-quarter-panel,.ss-picker-month-panel,.ss-picker-week-panel,.ss-picker-date-panel,.ss-picker-time-panel {
    display: flex;
    flex-direction: column;
    width: 280px
}

.ss-picker-header {
    display: flex;
    padding: 0 8px;
    color: #000000d9;
    border-bottom: 1px solid #f0f0f0
}

.ss-picker-header>* {
    flex: none
}

.ss-picker-header button {
    padding: 0;
    color: #00000040;
    line-height: 40px;
    background: transparent;
    border: 0;
    cursor: pointer;
    transition: color .3s
}

.ss-picker-header>button {
    min-width: 1.6em;
    font-size: 14px
}

.ss-picker-header>button:hover {
    color: #000000d9
}

.ss-picker-header-view {
    flex: auto;
    font-weight: 500;
    line-height: 40px
}

.ss-picker-header-view button {
    color: inherit;
    font-weight: inherit
}

.ss-picker-header-view button:not(:first-child) {
    margin-left: 8px
}

.ss-picker-header-view button:hover {
    color: var(--ss-primary-color)
}

.ss-picker-prev-icon,.ss-picker-next-icon,.ss-picker-super-prev-icon,.ss-picker-super-next-icon {
    position: relative;
    display: inline-block;
    width: 7px;
    height: 7px
}

.ss-picker-prev-icon:before,.ss-picker-next-icon:before,.ss-picker-super-prev-icon:before,.ss-picker-super-next-icon:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 0 solid currentcolor;
    border-width: 1.5px 0 0 1.5px;
    content: ""
}

.ss-picker-super-prev-icon:after,.ss-picker-super-next-icon:after {
    position: absolute;
    top: 4px;
    left: 4px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 0 solid currentcolor;
    border-width: 1.5px 0 0 1.5px;
    content: ""
}

.ss-picker-prev-icon,.ss-picker-super-prev-icon {
    transform: rotate(-45deg)
}

.ss-picker-next-icon,.ss-picker-super-next-icon {
    transform: rotate(135deg)
}

.ss-picker-content {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse
}

.ss-picker-content th,.ss-picker-content td {
    position: relative;
    min-width: 24px;
    font-weight: 400
}

.ss-picker-content th {
    height: 30px;
    color: #000000d9;
    line-height: 30px
}

.ss-picker-cell {
    padding: 3px 0;
    color: #00000040;
    cursor: pointer
}

.ss-picker-cell-in-view {
    color: #000000d9
}

.ss-picker-cell:before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 1;
    height: 24px;
    transform: translateY(-50%);
    transition: all .3s;
    content: ""
}

.ss-picker-cell:hover:not(.ss-picker-cell-in-view) .ss-picker-cell-inner,.ss-picker-cell:hover:not(.ss-picker-cell-selected):not(.ss-picker-cell-range-start):not(.ss-picker-cell-range-end):not(.ss-picker-cell-range-hover-start):not(.ss-picker-cell-range-hover-end) .ss-picker-cell-inner {
    background: #f5f5f5
}

.ss-picker-cell-in-view.ss-picker-cell-today .ss-picker-cell-inner:before {
    position: absolute;
    inset: 0;
    z-index: 1;
    border: 1px solid var(--ss-primary-color);
    border-radius: 2px;
    content: ""
}

.ss-picker-cell-in-view.ss-picker-cell-in-range {
    position: relative
}

.ss-picker-cell-in-view.ss-picker-cell-in-range:before {
    background: #f0f8ff
}

.ss-picker-cell-in-view.ss-picker-cell-selected .ss-picker-cell-inner,.ss-picker-cell-in-view.ss-picker-cell-range-start .ss-picker-cell-inner,.ss-picker-cell-in-view.ss-picker-cell-range-end .ss-picker-cell-inner {
    color: #fff;
    background: var(--ss-primary-color)
}

.ss-picker-cell-in-view.ss-picker-cell-range-start:not(.ss-picker-cell-range-start-single):before,.ss-picker-cell-in-view.ss-picker-cell-range-end:not(.ss-picker-cell-range-end-single):before {
    background: #f0f8ff
}

.ss-picker-cell-in-view.ss-picker-cell-range-start:before {
    left: 50%
}

.ss-picker-cell-in-view.ss-picker-cell-range-end:before {
    right: 50%
}

.ss-picker-cell-in-view.ss-picker-cell-range-hover-start:not(.ss-picker-cell-in-range):not(.ss-picker-cell-range-start):not(.ss-picker-cell-range-end):after,.ss-picker-cell-in-view.ss-picker-cell-range-hover-end:not(.ss-picker-cell-in-range):not(.ss-picker-cell-range-start):not(.ss-picker-cell-range-end):after,.ss-picker-cell-in-view.ss-picker-cell-range-hover-start.ss-picker-cell-range-start-single:after,.ss-picker-cell-in-view.ss-picker-cell-range-hover-start.ss-picker-cell-range-start.ss-picker-cell-range-end.ss-picker-cell-range-end-near-hover:after,.ss-picker-cell-in-view.ss-picker-cell-range-hover-end.ss-picker-cell-range-start.ss-picker-cell-range-end.ss-picker-cell-range-start-near-hover:after,.ss-picker-cell-in-view.ss-picker-cell-range-hover-end.ss-picker-cell-range-end-single:after,.ss-picker-cell-in-view.ss-picker-cell-range-hover:not(.ss-picker-cell-in-range):after {
    position: absolute;
    top: 50%;
    z-index: 0;
    height: 24px;
    border-top: 1px dashed var(--ss-primary-color-deprecated-l-20);
    border-bottom: 1px dashed var(--ss-primary-color-deprecated-l-20);
    transform: translateY(-50%);
    transition: all .3s;
    content: ""
}

.ss-picker-cell-range-hover-start:after,.ss-picker-cell-range-hover-end:after,.ss-picker-cell-range-hover:after {
    right: 0;
    left: 2px
}

.ss-picker-cell-in-view.ss-picker-cell-in-range.ss-picker-cell-range-hover:before,.ss-picker-cell-in-view.ss-picker-cell-range-start.ss-picker-cell-range-hover:before,.ss-picker-cell-in-view.ss-picker-cell-range-end.ss-picker-cell-range-hover:before,.ss-picker-cell-in-view.ss-picker-cell-range-start:not(.ss-picker-cell-range-start-single).ss-picker-cell-range-hover-start:before,.ss-picker-cell-in-view.ss-picker-cell-range-end:not(.ss-picker-cell-range-end-single).ss-picker-cell-range-hover-end:before,.ss-picker-panel>:not(.ss-picker-date-panel) .ss-picker-cell-in-view.ss-picker-cell-in-range.ss-picker-cell-range-hover-start:before,.ss-picker-panel>:not(.ss-picker-date-panel) .ss-picker-cell-in-view.ss-picker-cell-in-range.ss-picker-cell-range-hover-end:before {
    background: var(--ss-primary-color-deprecated-l-35)
}

.ss-picker-cell-in-view.ss-picker-cell-range-start:not(.ss-picker-cell-range-start-single):not(.ss-picker-cell-range-end) .ss-picker-cell-inner {
    border-radius: 2px 0 0 2px
}

.ss-picker-cell-in-view.ss-picker-cell-range-end:not(.ss-picker-cell-range-end-single):not(.ss-picker-cell-range-start) .ss-picker-cell-inner {
    border-radius: 0 2px 2px 0
}

.ss-picker-date-panel .ss-picker-cell-in-view.ss-picker-cell-in-range.ss-picker-cell-range-hover-start .ss-picker-cell-inner:after,.ss-picker-date-panel .ss-picker-cell-in-view.ss-picker-cell-in-range.ss-picker-cell-range-hover-end .ss-picker-cell-inner:after {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: var(--ss-primary-color-deprecated-l-35);
    transition: all .3s;
    content: ""
}

.ss-picker-date-panel .ss-picker-cell-in-view.ss-picker-cell-in-range.ss-picker-cell-range-hover-start .ss-picker-cell-inner:after {
    right: -6px;
    left: 0
}

.ss-picker-date-panel .ss-picker-cell-in-view.ss-picker-cell-in-range.ss-picker-cell-range-hover-end .ss-picker-cell-inner:after {
    right: 0;
    left: -6px
}

.ss-picker-cell-range-hover.ss-picker-cell-range-start:after {
    right: 50%
}

.ss-picker-cell-range-hover.ss-picker-cell-range-end:after {
    left: 50%
}

tr>.ss-picker-cell-in-view.ss-picker-cell-range-hover:first-child:after,tr>.ss-picker-cell-in-view.ss-picker-cell-range-hover-end:first-child:after,.ss-picker-cell-in-view.ss-picker-cell-start.ss-picker-cell-range-hover-edge-start.ss-picker-cell-range-hover-edge-start-near-range:after,.ss-picker-cell-in-view.ss-picker-cell-range-hover-edge-start:not(.ss-picker-cell-range-hover-edge-start-near-range):after,.ss-picker-cell-in-view.ss-picker-cell-range-hover-start:after {
    left: 6px;
    border-left: 1px dashed var(--ss-primary-color-deprecated-l-20);
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

tr>.ss-picker-cell-in-view.ss-picker-cell-range-hover:last-child:after,tr>.ss-picker-cell-in-view.ss-picker-cell-range-hover-start:last-child:after,.ss-picker-cell-in-view.ss-picker-cell-end.ss-picker-cell-range-hover-edge-end.ss-picker-cell-range-hover-edge-end-near-range:after,.ss-picker-cell-in-view.ss-picker-cell-range-hover-edge-end:not(.ss-picker-cell-range-hover-edge-end-near-range):after,.ss-picker-cell-in-view.ss-picker-cell-range-hover-end:after {
    right: 6px;
    border-right: 1px dashed var(--ss-primary-color-deprecated-l-20);
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.ss-picker-cell-disabled {
    color: #00000040;
    pointer-events: none
}

.ss-picker-cell-disabled .ss-picker-cell-inner {
    background: transparent
}

.ss-picker-cell-disabled:before {
    background: #0000000a
}

.ss-picker-cell-disabled.ss-picker-cell-today .ss-picker-cell-inner:before {
    border-color: #00000040
}

.ss-picker-decade-panel .ss-picker-content,.ss-picker-year-panel .ss-picker-content,.ss-picker-quarter-panel .ss-picker-content,.ss-picker-month-panel .ss-picker-content {
    height: 264px
}

.ss-picker-decade-panel .ss-picker-cell-inner,.ss-picker-year-panel .ss-picker-cell-inner,.ss-picker-quarter-panel .ss-picker-cell-inner,.ss-picker-month-panel .ss-picker-cell-inner {
    padding: 0 8px
}

.ss-picker-quarter-panel .ss-picker-content {
    height: 56px
}

.ss-picker-footer {
    width: min-content;
    min-width: 100%;
    line-height: 38px;
    text-align: center;
    border-bottom: 1px solid transparent
}

.ss-picker-panel .ss-picker-footer {
    border-top: 1px solid #f0f0f0
}

.ss-picker-footer-extra {
    padding: 0 12px;
    line-height: 38px;
    text-align: left
}

.ss-picker-footer-extra:not(:last-child) {
    border-bottom: 1px solid #f0f0f0
}

.ss-picker-now {
    text-align: left
}

.ss-picker-today-btn {
    color: var(--ss-primary-color)
}

.ss-picker-today-btn:hover {
    color: var(--ss-primary-color-hover)
}

.ss-picker-today-btn:active {
    color: var(--ss-primary-color-active)
}

.ss-picker-today-btn.ss-picker-today-btn-disabled {
    color: #00000040;
    cursor: not-allowed
}

.ss-picker-decade-panel .ss-picker-cell-inner {
    padding: 0 4px
}

.ss-picker-decade-panel .ss-picker-cell:before {
    display: none
}

.ss-picker-year-panel .ss-picker-body,.ss-picker-quarter-panel .ss-picker-body,.ss-picker-month-panel .ss-picker-body {
    padding: 0 8px
}

.ss-picker-year-panel .ss-picker-cell-inner,.ss-picker-quarter-panel .ss-picker-cell-inner,.ss-picker-month-panel .ss-picker-cell-inner {
    width: 60px
}

.ss-picker-year-panel .ss-picker-cell-range-hover-start:after,.ss-picker-quarter-panel .ss-picker-cell-range-hover-start:after,.ss-picker-month-panel .ss-picker-cell-range-hover-start:after {
    left: 14px;
    border-left: 1px dashed var(--ss-primary-color-deprecated-l-20);
    border-radius: 2px 0 0 2px
}

.ss-picker-panel-rtl .ss-picker-year-panel .ss-picker-cell-range-hover-start:after,.ss-picker-panel-rtl .ss-picker-quarter-panel .ss-picker-cell-range-hover-start:after,.ss-picker-panel-rtl .ss-picker-month-panel .ss-picker-cell-range-hover-start:after {
    right: 14px;
    border-right: 1px dashed var(--ss-primary-color-deprecated-l-20);
    border-radius: 0 2px 2px 0
}

.ss-picker-year-panel .ss-picker-cell-range-hover-end:after,.ss-picker-quarter-panel .ss-picker-cell-range-hover-end:after,.ss-picker-month-panel .ss-picker-cell-range-hover-end:after {
    right: 14px;
    border-right: 1px dashed var(--ss-primary-color-deprecated-l-20);
    border-radius: 0 2px 2px 0
}

.ss-picker-panel-rtl .ss-picker-year-panel .ss-picker-cell-range-hover-end:after,.ss-picker-panel-rtl .ss-picker-quarter-panel .ss-picker-cell-range-hover-end:after,.ss-picker-panel-rtl .ss-picker-month-panel .ss-picker-cell-range-hover-end:after {
    left: 14px;
    border-left: 1px dashed var(--ss-primary-color-deprecated-l-20);
    border-radius: 2px 0 0 2px
}

.ss-picker-week-panel .ss-picker-body {
    padding: 8px 12px
}

.ss-picker-week-panel .ss-picker-cell:hover .ss-picker-cell-inner,.ss-picker-week-panel .ss-picker-cell-selected .ss-picker-cell-inner,.ss-picker-week-panel .ss-picker-cell .ss-picker-cell-inner {
    background: transparent!important
}

.ss-picker-week-panel-row td {
    transition: background .3s
}

.ss-picker-week-panel-row:hover td {
    background: #f5f5f5
}

.ss-picker-week-panel-row-selected td,.ss-picker-week-panel-row-selected:hover td {
    background: var(--ss-primary-color)
}

.ss-picker-week-panel-row-selected td.ss-picker-cell-week,.ss-picker-week-panel-row-selected:hover td.ss-picker-cell-week {
    color: #ffffff80
}

.ss-picker-week-panel-row-selected td.ss-picker-cell-today .ss-picker-cell-inner:before,.ss-picker-week-panel-row-selected:hover td.ss-picker-cell-today .ss-picker-cell-inner:before {
    border-color: #fff
}

.ss-picker-week-panel-row-selected td .ss-picker-cell-inner,.ss-picker-week-panel-row-selected:hover td .ss-picker-cell-inner {
    color: #fff
}

.ss-picker-date-panel .ss-picker-body {
    padding: 8px 12px
}

.ss-picker-date-panel .ss-picker-content {
    width: 252px
}

.ss-picker-date-panel .ss-picker-content th {
    width: 36px
}

.ss-picker-datetime-panel {
    display: flex
}

.ss-picker-datetime-panel .ss-picker-time-panel {
    border-left: 1px solid #f0f0f0
}

.ss-picker-datetime-panel .ss-picker-date-panel,.ss-picker-datetime-panel .ss-picker-time-panel {
    transition: opacity .3s
}

.ss-picker-datetime-panel-active .ss-picker-date-panel,.ss-picker-datetime-panel-active .ss-picker-time-panel {
    opacity: .3
}

.ss-picker-datetime-panel-active .ss-picker-date-panel-active,.ss-picker-datetime-panel-active .ss-picker-time-panel-active {
    opacity: 1
}

.ss-picker-time-panel {
    width: auto;
    min-width: auto
}

.ss-picker-time-panel .ss-picker-content {
    display: flex;
    flex: auto;
    height: 224px
}

.ss-picker-time-panel-column {
    flex: 1 0 auto;
    width: 56px;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
    text-align: left;
    list-style: none;
    transition: background .3s
}

.ss-picker-time-panel-column:after {
    display: block;
    height: 196px;
    content: ""
}

.ss-picker-datetime-panel .ss-picker-time-panel-column:after {
    height: 198px
}

.ss-picker-time-panel-column:not(:first-child) {
    border-left: 1px solid #f0f0f0
}

.ss-picker-time-panel-column-active {
    background: var(--ss-primary-color-active-deprecated-f-30)
}

.ss-picker-time-panel-column:hover {
    overflow-y: auto
}

.ss-picker-time-panel-column>li {
    margin: 0;
    padding: 0
}

.ss-picker-time-panel-column>li.ss-picker-time-panel-cell .ss-picker-time-panel-cell-inner {
    display: block;
    width: 100%;
    height: 28px;
    margin: 0;
    padding: 0 0 0 14px;
    color: #000000d9;
    line-height: 28px;
    border-radius: 0;
    cursor: pointer;
    transition: background .3s
}

.ss-picker-time-panel-column>li.ss-picker-time-panel-cell .ss-picker-time-panel-cell-inner:hover {
    background: #f5f5f5
}

.ss-picker-time-panel-column>li.ss-picker-time-panel-cell-selected .ss-picker-time-panel-cell-inner {
    background: #f0f8ff
}

.ss-picker-time-panel-column>li.ss-picker-time-panel-cell-disabled .ss-picker-time-panel-cell-inner {
    color: #00000040;
    background: transparent;
    cursor: not-allowed
}

_:-ms-fullscreen .ss-picker-range-wrapper .ss-picker-month-panel .ss-picker-cell,:root .ss-picker-range-wrapper .ss-picker-month-panel .ss-picker-cell,_:-ms-fullscreen .ss-picker-range-wrapper .ss-picker-year-panel .ss-picker-cell,:root .ss-picker-range-wrapper .ss-picker-year-panel .ss-picker-cell {
    padding: 21px 0
}

.ss-picker-rtl {
    direction: rtl
}

.ss-picker-rtl .ss-picker-suffix {
    margin-right: 4px;
    margin-left: 0
}

.ss-picker-rtl .ss-picker-clear {
    right: auto;
    left: 0
}

.ss-picker-rtl .ss-picker-separator {
    transform: rotate(180deg)
}

.ss-picker-panel-rtl .ss-picker-header-view button:not(:first-child) {
    margin-right: 8px;
    margin-left: 0
}

.ss-picker-rtl.ss-picker-range .ss-picker-clear {
    right: auto;
    left: 11px
}

.ss-picker-rtl.ss-picker-range .ss-picker-active-bar {
    margin-right: 11px;
    margin-left: 0
}

.ss-picker-rtl.ss-picker-range.ss-picker-small .ss-picker-active-bar {
    margin-right: 7px
}

.ss-picker-dropdown-rtl .ss-picker-ranges {
    text-align: right
}

.ss-picker-dropdown-rtl .ss-picker-ranges .ss-picker-ok {
    float: left;
    margin-right: 8px;
    margin-left: 0
}

.ss-picker-panel-rtl {
    direction: rtl
}

.ss-picker-panel-rtl .ss-picker-prev-icon,.ss-picker-panel-rtl .ss-picker-super-prev-icon {
    transform: rotate(135deg)
}

.ss-picker-panel-rtl .ss-picker-next-icon,.ss-picker-panel-rtl .ss-picker-super-next-icon {
    transform: rotate(-45deg)
}

.ss-picker-cell .ss-picker-cell-inner {
    position: relative;
    z-index: 2;
    display: inline-block;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    transition: background .3s,border .3s
}

.ss-picker-panel-rtl .ss-picker-cell-in-view.ss-picker-cell-range-start:before {
    right: 50%;
    left: 0
}

.ss-picker-panel-rtl .ss-picker-cell-in-view.ss-picker-cell-range-end:before {
    right: 0;
    left: 50%
}

.ss-picker-panel-rtl .ss-picker-cell-in-view.ss-picker-cell-range-start.ss-picker-cell-range-end:before {
    right: 50%;
    left: 50%
}

.ss-picker-panel-rtl .ss-picker-date-panel .ss-picker-cell-in-view.ss-picker-cell-in-range.ss-picker-cell-range-hover-start .ss-picker-cell-inner:after {
    right: 0;
    left: -6px
}

.ss-picker-panel-rtl .ss-picker-date-panel .ss-picker-cell-in-view.ss-picker-cell-in-range.ss-picker-cell-range-hover-end .ss-picker-cell-inner:after {
    right: -6px;
    left: 0
}

.ss-picker-panel-rtl .ss-picker-cell-range-hover.ss-picker-cell-range-start:after {
    right: 0;
    left: 50%
}

.ss-picker-panel-rtl .ss-picker-cell-range-hover.ss-picker-cell-range-end:after {
    right: 50%;
    left: 0
}

.ss-picker-panel-rtl .ss-picker-cell-in-view.ss-picker-cell-range-start:not(.ss-picker-cell-range-start-single):not(.ss-picker-cell-range-end) .ss-picker-cell-inner {
    border-radius: 0 2px 2px 0
}

.ss-picker-panel-rtl .ss-picker-cell-in-view.ss-picker-cell-range-end:not(.ss-picker-cell-range-end-single):not(.ss-picker-cell-range-start) .ss-picker-cell-inner {
    border-radius: 2px 0 0 2px
}

.ss-picker-panel-rtl tr>.ss-picker-cell-in-view.ss-picker-cell-range-hover:not(.ss-picker-cell-selected):first-child:after,.ss-picker-panel-rtl .ss-picker-cell-in-view.ss-picker-cell-start.ss-picker-cell-range-hover-edge-start.ss-picker-cell-range-hover-edge-start-near-range:after,.ss-picker-panel-rtl .ss-picker-cell-in-view.ss-picker-cell-range-hover-edge-start:not(.ss-picker-cell-range-hover-edge-start-near-range):after,.ss-picker-panel-rtl .ss-picker-cell-in-view.ss-picker-cell-range-hover-start:after {
    right: 6px;
    left: 0;
    border-right: 1px dashed var(--ss-primary-color-deprecated-l-20);
    border-left: none;
    border-radius: 0 2px 2px 0
}

.ss-picker-panel-rtl tr>.ss-picker-cell-in-view.ss-picker-cell-range-hover:not(.ss-picker-cell-selected):last-child:after,.ss-picker-panel-rtl .ss-picker-cell-in-view.ss-picker-cell-end.ss-picker-cell-range-hover-edge-end.ss-picker-cell-range-hover-edge-end-near-range:after,.ss-picker-panel-rtl .ss-picker-cell-in-view.ss-picker-cell-range-hover-edge-end:not(.ss-picker-cell-range-hover-edge-end-near-range):after,.ss-picker-panel-rtl .ss-picker-cell-in-view.ss-picker-cell-range-hover-end:after {
    right: 0;
    left: 6px;
    border-right: none;
    border-left: 1px dashed var(--ss-primary-color-deprecated-l-20);
    border-radius: 2px 0 0 2px
}

.ss-picker-panel-rtl tr>.ss-picker-cell-in-view.ss-picker-cell-range-hover-start:last-child:after,.ss-picker-panel-rtl tr>.ss-picker-cell-in-view.ss-picker-cell-range-hover-end:first-child:after,.ss-picker-panel-rtl .ss-picker-cell-in-view.ss-picker-cell-start.ss-picker-cell-range-hover-edge-start:not(.ss-picker-cell-range-hover):after,.ss-picker-panel-rtl .ss-picker-cell-in-view.ss-picker-cell-start.ss-picker-cell-range-hover-end.ss-picker-cell-range-hover-edge-start:not(.ss-picker-cell-range-hover):after,.ss-picker-panel-rtl .ss-picker-cell-in-view.ss-picker-cell-end.ss-picker-cell-range-hover-start.ss-picker-cell-range-hover-edge-end:not(.ss-picker-cell-range-hover):after,.ss-picker-panel-rtl tr>.ss-picker-cell-in-view.ss-picker-cell-start.ss-picker-cell-range-hover.ss-picker-cell-range-hover-edge-start:last-child:after,.ss-picker-panel-rtl tr>.ss-picker-cell-in-view.ss-picker-cell-end.ss-picker-cell-range-hover.ss-picker-cell-range-hover-edge-end:first-child:after {
    right: 6px;
    left: 6px;
    border-right: 1px dashed var(--ss-primary-color-deprecated-l-20);
    border-left: 1px dashed var(--ss-primary-color-deprecated-l-20);
    border-radius: 2px
}

.ss-picker-dropdown-rtl .ss-picker-footer-extra {
    direction: rtl;
    text-align: right
}

.ss-picker-panel-rtl .ss-picker-time-panel {
    direction: ltr
}

.ss-descriptions-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.ss-descriptions-title {
    flex: auto;
    overflow: hidden;
    color: #000000d9;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5715;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ss-descriptions-extra {
    margin-left: auto;
    color: #000000d9;
    font-size: 14px
}

.ss-descriptions-view {
    width: 100%;
    border-radius: 2px
}

.ss-descriptions-view table {
    width: 100%;
    table-layout: fixed
}

.ss-descriptions-row>th,.ss-descriptions-row>td {
    padding-bottom: 16px
}

.ss-descriptions-row:last-child {
    border-bottom: none
}

.ss-descriptions-item-label {
    color: #000000d9;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5715;
    text-align: start
}

.ss-descriptions-item-label:after {
    content: ":";
    position: relative;
    top: -.5px;
    margin: 0 8px 0 2px
}

.ss-descriptions-item-label.ss-descriptions-item-no-colon:after {
    content: " "
}

.ss-descriptions-item-no-label:after {
    margin: 0;
    content: ""
}

.ss-descriptions-item-content {
    display: table-cell;
    flex: 1;
    color: #000000d9;
    font-size: 14px;
    line-height: 1.5715;
    word-break: break-word;
    overflow-wrap: break-word
}

.ss-descriptions-item {
    padding-bottom: 0;
    vertical-align: top
}

.ss-descriptions-item-container {
    display: flex
}

.ss-descriptions-item-container .ss-descriptions-item-label,.ss-descriptions-item-container .ss-descriptions-item-content {
    display: inline-flex;
    align-items: baseline
}

.ss-descriptions-middle .ss-descriptions-row>th,.ss-descriptions-middle .ss-descriptions-row>td {
    padding-bottom: 12px
}

.ss-descriptions-small .ss-descriptions-row>th,.ss-descriptions-small .ss-descriptions-row>td {
    padding-bottom: 8px
}

.ss-descriptions-bordered .ss-descriptions-view {
    border: 1px solid #f0f0f0
}

.ss-descriptions-bordered .ss-descriptions-view>table {
    table-layout: auto;
    border-collapse: collapse
}

.ss-descriptions-bordered .ss-descriptions-item-label,.ss-descriptions-bordered .ss-descriptions-item-content {
    padding: 16px 24px;
    border-right: 1px solid #f0f0f0
}

.ss-descriptions-bordered .ss-descriptions-item-label:last-child,.ss-descriptions-bordered .ss-descriptions-item-content:last-child {
    border-right: none
}

.ss-descriptions-bordered .ss-descriptions-item-label {
    background-color: #fafafa
}

.ss-descriptions-bordered .ss-descriptions-item-label:after {
    display: none
}

.ss-descriptions-bordered .ss-descriptions-row {
    border-bottom: 1px solid #f0f0f0
}

.ss-descriptions-bordered .ss-descriptions-row:last-child {
    border-bottom: none
}

.ss-descriptions-bordered.ss-descriptions-middle .ss-descriptions-item-label,.ss-descriptions-bordered.ss-descriptions-middle .ss-descriptions-item-content {
    padding: 12px 24px
}

.ss-descriptions-bordered.ss-descriptions-small .ss-descriptions-item-label,.ss-descriptions-bordered.ss-descriptions-small .ss-descriptions-item-content {
    padding: 8px 16px
}

.ss-descriptions-rtl {
    direction: rtl
}

.ss-descriptions-rtl .ss-descriptions-item-label:after {
    margin: 0 2px 0 8px
}

.ss-descriptions-rtl.ss-descriptions-bordered .ss-descriptions-item-label,.ss-descriptions-rtl.ss-descriptions-bordered .ss-descriptions-item-content {
    border-right: none;
    border-left: 1px solid #f0f0f0
}

.ss-descriptions-rtl.ss-descriptions-bordered .ss-descriptions-item-label:last-child,.ss-descriptions-rtl.ss-descriptions-bordered .ss-descriptions-item-content:last-child {
    border-left: none
}

.ss-divider {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    border-top: 1px solid rgba(0,0,0,.06)
}

.ss-divider-vertical {
    position: relative;
    top: -.06em;
    display: inline-block;
    height: .9em;
    margin: 0 8px;
    vertical-align: middle;
    border-top: 0;
    border-left: 1px solid rgba(0,0,0,.06)
}

.ss-divider-horizontal {
    display: flex;
    clear: both;
    width: 100%;
    min-width: 100%;
    margin: 24px 0
}

.ss-divider-horizontal.ss-divider-with-text {
    display: flex;
    margin: 16px 0;
    color: #000000d9;
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    text-align: center;
    border-top: 0;
    border-top-color: #0000000f
}

.ss-divider-horizontal.ss-divider-with-text:before,.ss-divider-horizontal.ss-divider-with-text:after {
    position: relative;
    top: 50%;
    width: 50%;
    border-top: 1px solid transparent;
    border-top-color: inherit;
    border-bottom: 0;
    transform: translateY(50%);
    content: ""
}

.ss-divider-horizontal.ss-divider-with-text-left:before {
    top: 50%;
    width: 5%
}

.ss-divider-horizontal.ss-divider-with-text-left:after {
    top: 50%;
    width: 95%
}

.ss-divider-horizontal.ss-divider-with-text-right:before {
    top: 50%;
    width: 95%
}

.ss-divider-horizontal.ss-divider-with-text-right:after {
    top: 50%;
    width: 5%
}

.ss-divider-inner-text {
    display: inline-block;
    padding: 0 1em
}

.ss-divider-dashed {
    background: none;
    border-color: #0000000f;
    border-style: dashed;
    border-width: 1px 0 0
}

.ss-divider-horizontal.ss-divider-with-text.ss-divider-dashed:before,.ss-divider-horizontal.ss-divider-with-text.ss-divider-dashed:after {
    border-style: dashed none none
}

.ss-divider-vertical.ss-divider-dashed {
    border-width: 0 0 0 1px
}

.ss-divider-plain.ss-divider-with-text {
    color: #000000d9;
    font-weight: 400;
    font-size: 14px
}

.ss-divider-horizontal.ss-divider-with-text-left.ss-divider-no-default-orientation-margin-left:before {
    width: 0
}

.ss-divider-horizontal.ss-divider-with-text-left.ss-divider-no-default-orientation-margin-left:after {
    width: 100%
}

.ss-divider-horizontal.ss-divider-with-text-left.ss-divider-no-default-orientation-margin-left .ant-divider-inner-text {
    padding-left: 0
}

.ss-divider-horizontal.ss-divider-with-text-right.ss-divider-no-default-orientation-margin-right:before {
    width: 100%
}

.ss-divider-horizontal.ss-divider-with-text-right.ss-divider-no-default-orientation-margin-right:after {
    width: 0
}

.ss-divider-horizontal.ss-divider-with-text-right.ss-divider-no-default-orientation-margin-right .ant-divider-inner-text {
    padding-right: 0
}

.ss-divider-rtl {
    direction: rtl
}

.ss-divider-rtl.ss-divider-horizontal.ss-divider-with-text-left:before {
    width: 95%
}

.ss-divider-rtl.ss-divider-horizontal.ss-divider-with-text-left:after {
    width: 5%
}

.ss-divider-rtl.ss-divider-horizontal.ss-divider-with-text-right:before {
    width: 5%
}

.ss-divider-rtl.ss-divider-horizontal.ss-divider-with-text-right:after {
    width: 95%
}

.ss-drawer {
    position: fixed;
    z-index: 1000;
    width: 0%;
    height: 100%;
    transition: width 0s ease .3s,height 0s ease .3s
}

.ss-drawer-content-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform .3s cubic-bezier(.23,1,.32,1),box-shadow .3s cubic-bezier(.23,1,.32,1)
}

.ss-drawer .ss-drawer-content {
    width: 100%;
    height: 100%
}

.ss-drawer-left,.ss-drawer-right {
    top: 0;
    width: 0%;
    height: 100%
}

.ss-drawer-left .ss-drawer-content-wrapper,.ss-drawer-right .ss-drawer-content-wrapper {
    height: 100%
}

.ss-drawer-left.ss-drawer-open,.ss-drawer-right.ss-drawer-open {
    width: 100%;
    transition: transform .3s cubic-bezier(.23,1,.32,1)
}

.ss-drawer-left,.ss-drawer-left .ss-drawer-content-wrapper {
    left: 0
}

.ss-drawer-left.ss-drawer-open .ss-drawer-content-wrapper {
    box-shadow: 6px 0 16px -8px #00000014,9px 0 28px #0000000d,12px 0 48px 16px #00000008
}

.ss-drawer-right,.ss-drawer-right .ss-drawer-content-wrapper {
    right: 0
}

.ss-drawer-right.ss-drawer-open .ss-drawer-content-wrapper {
    box-shadow: -6px 0 16px -8px #00000014,-9px 0 28px #0000000d,-12px 0 48px 16px #00000008
}

.ss-drawer-right.ss-drawer-open.no-mask {
    right: 1px;
    transform: translate(1px)
}

.ss-drawer-top,.ss-drawer-bottom {
    left: 0;
    width: 100%;
    height: 0%
}

.ss-drawer-top .ss-drawer-content-wrapper,.ss-drawer-bottom .ss-drawer-content-wrapper {
    width: 100%
}

.ss-drawer-top.ss-drawer-open,.ss-drawer-bottom.ss-drawer-open {
    height: 100%;
    transition: transform .3s cubic-bezier(.23,1,.32,1)
}

.ss-drawer-top {
    top: 0
}

.ss-drawer-top.ss-drawer-open .ss-drawer-content-wrapper {
    box-shadow: 0 6px 16px -8px #00000014,0 9px 28px #0000000d,0 12px 48px 16px #00000008
}

.ss-drawer-bottom,.ss-drawer-bottom .ss-drawer-content-wrapper {
    bottom: 0
}

.ss-drawer-bottom.ss-drawer-open .ss-drawer-content-wrapper {
    box-shadow: 0 -6px 16px -8px #00000014,0 -9px 28px #0000000d,0 -12px 48px 16px #00000008
}

.ss-drawer-bottom.ss-drawer-open.no-mask {
    bottom: 1px;
    transform: translateY(1px)
}

.ss-drawer.ss-drawer-open .ss-drawer-mask {
    height: 100%;
    opacity: 1;
    transition: none;
    animation: antdDrawerFadeIn .3s cubic-bezier(.23,1,.32,1);
    pointer-events: auto
}

.ss-drawer-title {
    flex: 1;
    margin: 0;
    color: #000000d9;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px
}

.ss-drawer-content {
    position: relative;
    z-index: 1;
    overflow: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0
}

.ss-drawer-close {
    display: inline-block;
    margin-right: 12px;
    color: #00000073;
    font-weight: 700;
    font-size: 16px;
    font-style: normal;
    line-height: 1;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    background: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: color .3s;
    text-rendering: auto
}

.ss-drawer-close:focus,.ss-drawer-close:hover {
    color: #000000bf;
    text-decoration: none
}

.ss-drawer-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    color: #000000d9;
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 2px 2px 0 0
}

.ss-drawer-header-title {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between
}

.ss-drawer-header-close-only {
    padding-bottom: 0;
    border: none
}

.ss-drawer-wrapper-body {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    height: 100%
}

.ss-drawer-body {
    flex-grow: 1;
    padding: 24px;
    overflow: auto;
    font-size: 14px;
    line-height: 1.5715;
    word-wrap: break-word
}

.ss-drawer-footer {
    flex-shrink: 0;
    padding: 10px 16px;
    border-top: 1px solid #f0f0f0
}

.ss-drawer-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #00000073;
    opacity: 0;
    transition: opacity .3s linear,height 0s ease .3s;
    pointer-events: none
}

.ss-drawer .ss-picker-clear {
    background: #fff
}

@keyframes antdDrawerFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.ss-drawer-rtl {
    direction: rtl
}

.ss-drawer-rtl .ss-drawer-close {
    margin-right: 0;
    margin-left: 12px
}

.ss-dropdown-menu-item.ss-dropdown-menu-item-danger {
    color: var(--ss-error-color)
}

.ss-dropdown-menu-item.ss-dropdown-menu-item-danger:hover {
    color: #fff;
    background-color: var(--ss-error-color)
}

.ss-dropdown {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    display: block
}

.ss-dropdown:before {
    position: absolute;
    inset: -4px 0 -4px -7px;
    z-index: -9999;
    opacity: .0001;
    content: " "
}

.ss-dropdown-wrap {
    position: relative
}

.ss-dropdown-wrap .ss-btn>.anticon-down {
    font-size: 10px
}

.ss-dropdown-wrap .anticon-down:before {
    transition: transform .2s
}

.ss-dropdown-wrap-open .anticon-down:before {
    transform: rotate(180deg)
}

.ss-dropdown-hidden,.ss-dropdown-menu-hidden,.ss-dropdown-menu-submenu-hidden {
    display: none
}

.ss-dropdown-show-arrow.ss-dropdown-placement-topCenter,.ss-dropdown-show-arrow.ss-dropdown-placement-topLeft,.ss-dropdown-show-arrow.ss-dropdown-placement-topRight {
    padding-bottom: 10px
}

.ss-dropdown-show-arrow.ss-dropdown-placement-bottomCenter,.ss-dropdown-show-arrow.ss-dropdown-placement-bottomLeft,.ss-dropdown-show-arrow.ss-dropdown-placement-bottomRight {
    padding-top: 10px
}

.ss-dropdown-arrow {
    position: absolute;
    z-index: 1;
    display: block;
    width: 8.48528137px;
    height: 8.48528137px;
    background: transparent;
    border-style: solid;
    border-width: 4.24264069px;
    transform: rotate(45deg)
}

.ss-dropdown-placement-topCenter>.ss-dropdown-arrow,.ss-dropdown-placement-topLeft>.ss-dropdown-arrow,.ss-dropdown-placement-topRight>.ss-dropdown-arrow {
    bottom: 6.2px;
    border-color: transparent #fff #fff transparent;
    box-shadow: 3px 3px 7px #00000012
}

.ss-dropdown-placement-topCenter>.ss-dropdown-arrow {
    left: 50%;
    transform: translate(-50%) rotate(45deg)
}

.ss-dropdown-placement-topLeft>.ss-dropdown-arrow {
    left: 16px
}

.ss-dropdown-placement-topRight>.ss-dropdown-arrow {
    right: 16px
}

.ss-dropdown-placement-bottomCenter>.ss-dropdown-arrow,.ss-dropdown-placement-bottomLeft>.ss-dropdown-arrow,.ss-dropdown-placement-bottomRight>.ss-dropdown-arrow {
    top: 6px;
    border-color: #fff transparent transparent #fff;
    box-shadow: -2px -2px 5px #0000000f
}

.ss-dropdown-placement-bottomCenter>.ss-dropdown-arrow {
    left: 50%;
    transform: translate(-50%) rotate(45deg)
}

.ss-dropdown-placement-bottomLeft>.ss-dropdown-arrow {
    left: 16px
}

.ss-dropdown-placement-bottomRight>.ss-dropdown-arrow {
    right: 16px
}

.ss-dropdown-menu {
    position: relative;
    margin: 0;
    padding: 4px 0;
    text-align: left;
    list-style-type: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 2px;
    outline: none;
    box-shadow: 0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d
}

.ss-dropdown-menu-item-group-title {
    padding: 5px 12px;
    color: #00000073;
    transition: all .3s
}

.ss-dropdown-menu-submenu-popup {
    position: absolute;
    z-index: 1050;
    background: transparent;
    box-shadow: none;
    transform-origin: 0 0
}

.ss-dropdown-menu-submenu-popup ul,.ss-dropdown-menu-submenu-popup li {
    list-style: none
}

.ss-dropdown-menu-submenu-popup ul {
    margin-right: .3em;
    margin-left: .3em
}

.ss-dropdown-menu-item {
    position: relative;
    display: flex;
    align-items: center
}

.ss-dropdown-menu-item-icon {
    min-width: 12px;
    margin-right: 8px;
    font-size: 12px
}

.ss-dropdown-menu-title-content {
    flex: auto;
    white-space: nowrap
}

.ss-dropdown-menu-title-content>a {
    color: inherit;
    transition: all .3s
}

.ss-dropdown-menu-title-content>a:hover {
    color: inherit
}

.ss-dropdown-menu-title-content>a:after {
    position: absolute;
    inset: 0;
    content: ""
}

.ss-dropdown-menu-item,.ss-dropdown-menu-submenu-title {
    clear: both;
    margin: 0;
    padding: 5px 12px;
    color: #000000d9;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
    transition: all .3s
}

.ss-dropdown-menu-item-selected,.ss-dropdown-menu-submenu-title-selected {
    color: var(--ss-primary-color);
    background-color: #f0f8ff
}

.ss-dropdown-menu-item:hover,.ss-dropdown-menu-submenu-title:hover {
    background-color: #f5f5f5
}

.ss-dropdown-menu-item-disabled,.ss-dropdown-menu-submenu-title-disabled {
    color: #00000040;
    cursor: not-allowed
}

.ss-dropdown-menu-item-disabled:hover,.ss-dropdown-menu-submenu-title-disabled:hover {
    color: #00000040;
    background-color: #fff;
    cursor: not-allowed
}

.ss-dropdown-menu-item-disabled a,.ss-dropdown-menu-submenu-title-disabled a {
    pointer-events: none
}

.ss-dropdown-menu-item-divider,.ss-dropdown-menu-submenu-title-divider {
    height: 1px;
    margin: 4px 0;
    overflow: hidden;
    line-height: 0;
    background-color: #f0f0f0
}

.ss-dropdown-menu-item .ss-dropdown-menu-submenu-expand-icon,.ss-dropdown-menu-submenu-title .ss-dropdown-menu-submenu-expand-icon {
    position: absolute;
    right: 8px
}

.ss-dropdown-menu-item .ss-dropdown-menu-submenu-expand-icon .ss-dropdown-menu-submenu-arrow-icon,.ss-dropdown-menu-submenu-title .ss-dropdown-menu-submenu-expand-icon .ss-dropdown-menu-submenu-arrow-icon {
    margin-right: 0!important;
    color: #00000073;
    font-size: 10px;
    font-style: normal
}

.ss-dropdown-menu-item-group-list {
    margin: 0 8px;
    padding: 0;
    list-style: none
}

.ss-dropdown-menu-submenu-title {
    padding-right: 24px
}

.ss-dropdown-menu-submenu-vertical {
    position: relative
}

.ss-dropdown-menu-submenu-vertical>.ss-dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 100%;
    margin-left: 4px;
    transform-origin: 0 0
}

.ss-dropdown-menu-submenu.ss-dropdown-menu-submenu-disabled .ss-dropdown-menu-submenu-title,.ss-dropdown-menu-submenu.ss-dropdown-menu-submenu-disabled .ss-dropdown-menu-submenu-title .ss-dropdown-menu-submenu-arrow-icon {
    color: #00000040;
    background-color: #fff;
    cursor: not-allowed
}

.ss-dropdown-menu-submenu-selected .ss-dropdown-menu-submenu-title {
    color: var(--ss-primary-color)
}

.ss-dropdown.ss-slide-down-enter.ss-slide-down-enter-active.ss-dropdown-placement-bottomLeft,.ss-dropdown.ss-slide-down-appear.ss-slide-down-appear-active.ss-dropdown-placement-bottomLeft,.ss-dropdown.ss-slide-down-enter.ss-slide-down-enter-active.ss-dropdown-placement-bottomCenter,.ss-dropdown.ss-slide-down-appear.ss-slide-down-appear-active.ss-dropdown-placement-bottomCenter,.ss-dropdown.ss-slide-down-enter.ss-slide-down-enter-active.ss-dropdown-placement-bottomRight,.ss-dropdown.ss-slide-down-appear.ss-slide-down-appear-active.ss-dropdown-placement-bottomRight {
    animation-name: antSlideUpIn
}

.ss-dropdown.ss-slide-up-enter.ss-slide-up-enter-active.ss-dropdown-placement-topLeft,.ss-dropdown.ss-slide-up-appear.ss-slide-up-appear-active.ss-dropdown-placement-topLeft,.ss-dropdown.ss-slide-up-enter.ss-slide-up-enter-active.ss-dropdown-placement-topCenter,.ss-dropdown.ss-slide-up-appear.ss-slide-up-appear-active.ss-dropdown-placement-topCenter,.ss-dropdown.ss-slide-up-enter.ss-slide-up-enter-active.ss-dropdown-placement-topRight,.ss-dropdown.ss-slide-up-appear.ss-slide-up-appear-active.ss-dropdown-placement-topRight {
    animation-name: antSlideDownIn
}

.ss-dropdown.ss-slide-down-leave.ss-slide-down-leave-active.ss-dropdown-placement-bottomLeft,.ss-dropdown.ss-slide-down-leave.ss-slide-down-leave-active.ss-dropdown-placement-bottomCenter,.ss-dropdown.ss-slide-down-leave.ss-slide-down-leave-active.ss-dropdown-placement-bottomRight {
    animation-name: antSlideUpOut
}

.ss-dropdown.ss-slide-up-leave.ss-slide-up-leave-active.ss-dropdown-placement-topLeft,.ss-dropdown.ss-slide-up-leave.ss-slide-up-leave-active.ss-dropdown-placement-topCenter,.ss-dropdown.ss-slide-up-leave.ss-slide-up-leave-active.ss-dropdown-placement-topRight {
    animation-name: antSlideDownOut
}

.ss-dropdown-trigger>.anticon.anticon-down,.ss-dropdown-link>.anticon.anticon-down,.ss-dropdown-button>.anticon.anticon-down {
    font-size: 10px;
    vertical-align: baseline
}

.ss-dropdown-button {
    white-space: nowrap
}

.ss-dropdown-button.ss-btn-group>.ss-btn-loading,.ss-dropdown-button.ss-btn-group>.ss-btn-loading+.ss-btn {
    cursor: default;
    pointer-events: none
}

.ss-dropdown-button.ss-btn-group>.ss-btn-loading+.ss-btn:before {
    display: block
}

.ss-dropdown-button.ss-btn-group>.ss-btn:last-child:not(:first-child):not(.ss-btn-icon-only) {
    padding-right: 8px;
    padding-left: 8px
}

.ss-dropdown-menu-dark,.ss-dropdown-menu-dark .ss-dropdown-menu {
    background: #001529
}

.ss-dropdown-menu-dark .ss-dropdown-menu-item,.ss-dropdown-menu-dark .ss-dropdown-menu-submenu-title,.ss-dropdown-menu-dark .ss-dropdown-menu-item>a,.ss-dropdown-menu-dark .ss-dropdown-menu-item>.anticon+span>a {
    color: #ffffffa6
}

.ss-dropdown-menu-dark .ss-dropdown-menu-item .ss-dropdown-menu-submenu-arrow:after,.ss-dropdown-menu-dark .ss-dropdown-menu-submenu-title .ss-dropdown-menu-submenu-arrow:after,.ss-dropdown-menu-dark .ss-dropdown-menu-item>a .ss-dropdown-menu-submenu-arrow:after,.ss-dropdown-menu-dark .ss-dropdown-menu-item>.anticon+span>a .ss-dropdown-menu-submenu-arrow:after {
    color: #ffffffa6
}

.ss-dropdown-menu-dark .ss-dropdown-menu-item:hover,.ss-dropdown-menu-dark .ss-dropdown-menu-submenu-title:hover,.ss-dropdown-menu-dark .ss-dropdown-menu-item>a:hover,.ss-dropdown-menu-dark .ss-dropdown-menu-item>.anticon+span>a:hover {
    color: #fff;
    background: transparent
}

.ss-dropdown-menu-dark .ss-dropdown-menu-item-selected,.ss-dropdown-menu-dark .ss-dropdown-menu-item-selected:hover,.ss-dropdown-menu-dark .ss-dropdown-menu-item-selected>a {
    color: #fff;
    background: var(--ss-primary-color)
}

.ss-dropdown-rtl {
    direction: rtl
}

.ss-dropdown-rtl.ss-dropdown:before {
    right: -7px;
    left: 0
}

.ss-dropdown-menu.ss-dropdown-menu-rtl,.ss-dropdown-rtl .ss-dropdown-menu-item-group-title,.ss-dropdown-menu-submenu-rtl .ss-dropdown-menu-item-group-title {
    direction: rtl;
    text-align: right
}

.ss-dropdown-menu-submenu-popup.ss-dropdown-menu-submenu-rtl {
    transform-origin: 100% 0
}

.ss-dropdown-rtl .ss-dropdown-menu-submenu-popup ul,.ss-dropdown-rtl .ss-dropdown-menu-submenu-popup li,.ss-dropdown-rtl .ss-dropdown-menu-item,.ss-dropdown-rtl .ss-dropdown-menu-submenu-title {
    text-align: right
}

.ss-dropdown-rtl .ss-dropdown-menu-item>.anticon:first-child,.ss-dropdown-rtl .ss-dropdown-menu-submenu-title>.anticon:first-child,.ss-dropdown-rtl .ss-dropdown-menu-item>span>.anticon:first-child,.ss-dropdown-rtl .ss-dropdown-menu-submenu-title>span>.anticon:first-child {
    margin-right: 0;
    margin-left: 8px
}

.ss-dropdown-rtl .ss-dropdown-menu-item .ss-dropdown-menu-submenu-expand-icon,.ss-dropdown-rtl .ss-dropdown-menu-submenu-title .ss-dropdown-menu-submenu-expand-icon {
    right: auto;
    left: 8px
}

.ss-dropdown-rtl .ss-dropdown-menu-item .ss-dropdown-menu-submenu-expand-icon .ss-dropdown-menu-submenu-arrow-icon,.ss-dropdown-rtl .ss-dropdown-menu-submenu-title .ss-dropdown-menu-submenu-expand-icon .ss-dropdown-menu-submenu-arrow-icon {
    margin-left: 0!important;
    transform: scaleX(-1)
}

.ss-dropdown-rtl .ss-dropdown-menu-submenu-title {
    padding-right: 12px;
    padding-left: 24px
}

.ss-dropdown-rtl .ss-dropdown-menu-submenu-vertical>.ss-dropdown-menu {
    right: 100%;
    left: 0;
    margin-right: 4px;
    margin-left: 0
}

.ss-empty {
    margin: 0 8px;
    font-size: 14px;
    line-height: 1.5715;
    text-align: center
}

.ss-empty-image {
    height: 100px;
    margin-bottom: 8px
}

.ss-empty-image img {
    height: 100%
}

.ss-empty-image svg {
    height: 100%;
    margin: auto
}

.ss-empty-footer {
    margin-top: 16px
}

.ss-empty-normal {
    margin: 32px 0;
    color: #00000040
}

.ss-empty-normal .ss-empty-image {
    height: 40px
}

.ss-empty-small {
    margin: 8px 0;
    color: #00000040
}

.ss-empty-small .ss-empty-image {
    height: 35px
}

.ss-empty-img-default-ellipse {
    fill: #f5f5f5;
    fill-opacity: .8
}

.ss-empty-img-default-path-1 {
    fill: #aeb8c2
}

.ss-empty-img-default-path-2 {
    fill: url(#linearGradient-1)
}

.ss-empty-img-default-path-3 {
    fill: #f5f5f7
}

.ss-empty-img-default-path-4,.ss-empty-img-default-path-5 {
    fill: #dce0e6
}

.ss-empty-img-default-g {
    fill: #fff
}

.ss-empty-img-simple-ellipse {
    fill: #f5f5f5
}

.ss-empty-img-simple-g {
    stroke: #d9d9d9
}

.ss-empty-img-simple-path {
    fill: #fafafa
}

.ss-empty-rtl {
    direction: rtl
}

.ss-form-item .ss-upload {
    background: transparent
}

.ss-form-item .ss-upload.ss-upload-drag {
    background: #fafafa
}

.ss-form-item input[type=radio],.ss-form-item input[type=checkbox] {
    width: 14px;
    height: 14px
}

.ss-form-item .ss-radio-inline,.ss-form-item .ss-checkbox-inline {
    display: inline-block;
    margin-left: 8px;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

.ss-form-item .ss-radio-inline:first-child,.ss-form-item .ss-checkbox-inline:first-child {
    margin-left: 0
}

.ss-form-item .ss-checkbox-vertical,.ss-form-item .ss-radio-vertical {
    display: block
}

.ss-form-item .ss-checkbox-vertical+.ss-checkbox-vertical,.ss-form-item .ss-radio-vertical+.ss-radio-vertical {
    margin-left: 0
}

.ss-form-item .ss-input-number+.ss-form-text {
    margin-left: 8px
}

.ss-form-item .ss-input-number-handler-wrap {
    z-index: 2
}

.ss-form-item .ss-select,.ss-form-item .ss-cascader-picker {
    width: 100%
}

.ss-form-item .ss-picker-calendar-year-select,.ss-form-item .ss-picker-calendar-month-select,.ss-form-item .ss-input-group .ss-select,.ss-form-item .ss-input-group .ss-cascader-picker,.ss-form-item .ss-input-number-group .ss-select,.ss-form-item .ss-input-number-group .ss-cascader-picker {
    width: auto
}

.ss-form-inline {
    display: flex;
    flex-wrap: wrap
}

.ss-form-inline .ss-form-item {
    flex: none;
    flex-wrap: nowrap;
    margin-right: 16px;
    margin-bottom: 0
}

.ss-form-inline .ss-form-item-with-help {
    margin-bottom: 24px
}

.ss-form-inline .ss-form-item>.ss-form-item-label,.ss-form-inline .ss-form-item>.ss-form-item-control {
    display: inline-block;
    vertical-align: top
}

.ss-form-inline .ss-form-item>.ss-form-item-label {
    flex: none
}

.ss-form-inline .ss-form-item .ss-form-text,.ss-form-inline .ss-form-item .ss-form-item-has-feedback {
    display: inline-block
}

.ss-form-horizontal .ss-form-item-label {
    flex-grow: 0
}

.ss-form-horizontal .ss-form-item-control {
    flex: 1 1 0;
    min-width: 0
}

.ss-form-horizontal .ss-form-item-label.ss-col-24+.ss-form-item-control {
    min-width: unset
}

.ss-form-vertical .ss-form-item {
    flex-direction: column
}

.ss-form-vertical .ss-form-item-label>label {
    height: auto
}

.ss-form-vertical .ss-form-item-label,.ss-col-24.ss-form-item-label,.ss-col-xl-24.ss-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left
}

.ss-form-vertical .ss-form-item-label>label,.ss-col-24.ss-form-item-label>label,.ss-col-xl-24.ss-form-item-label>label {
    margin: 0
}

.ss-form-vertical .ss-form-item-label>label:after,.ss-col-24.ss-form-item-label>label:after,.ss-col-xl-24.ss-form-item-label>label:after {
    display: none
}

.ss-form-rtl.ss-form-vertical .ss-form-item-label,.ss-form-rtl.ss-col-24.ss-form-item-label,.ss-form-rtl.ss-col-xl-24.ss-form-item-label {
    text-align: right
}

@media (max-width: 575px) {
    .ss-form-item .ss-form-item-label {
        padding:0 0 8px;
        line-height: 1.5715;
        white-space: initial;
        text-align: left
    }

    .ss-form-item .ss-form-item-label>label {
        margin: 0
    }

    .ss-form-item .ss-form-item-label>label:after {
        display: none
    }

    .ss-form-rtl.ss-form-item .ss-form-item-label {
        text-align: right
    }

    .ss-form .ss-form-item {
        flex-wrap: wrap
    }

    .ss-form .ss-form-item .ss-form-item-label,.ss-form .ss-form-item .ss-form-item-control {
        flex: 0 0 100%;
        max-width: 100%
    }

    .ss-col-xs-24.ss-form-item-label {
        padding: 0 0 8px;
        line-height: 1.5715;
        white-space: initial;
        text-align: left
    }

    .ss-col-xs-24.ss-form-item-label>label {
        margin: 0
    }

    .ss-col-xs-24.ss-form-item-label>label:after {
        display: none
    }

    .ss-form-rtl.ss-col-xs-24.ss-form-item-label {
        text-align: right
    }
}

@media (max-width: 767px) {
    .ss-col-sm-24.ss-form-item-label {
        padding:0 0 8px;
        line-height: 1.5715;
        white-space: initial;
        text-align: left
    }

    .ss-col-sm-24.ss-form-item-label>label {
        margin: 0
    }

    .ss-col-sm-24.ss-form-item-label>label:after {
        display: none
    }

    .ss-form-rtl.ss-col-sm-24.ss-form-item-label {
        text-align: right
    }
}

@media (max-width: 991px) {
    .ss-col-md-24.ss-form-item-label {
        padding:0 0 8px;
        line-height: 1.5715;
        white-space: initial;
        text-align: left
    }

    .ss-col-md-24.ss-form-item-label>label {
        margin: 0
    }

    .ss-col-md-24.ss-form-item-label>label:after {
        display: none
    }

    .ss-form-rtl.ss-col-md-24.ss-form-item-label {
        text-align: right
    }
}

@media (max-width: 1199px) {
    .ss-col-lg-24.ss-form-item-label {
        padding:0 0 8px;
        line-height: 1.5715;
        white-space: initial;
        text-align: left
    }

    .ss-col-lg-24.ss-form-item-label>label {
        margin: 0
    }

    .ss-col-lg-24.ss-form-item-label>label:after {
        display: none
    }

    .ss-form-rtl.ss-col-lg-24.ss-form-item-label {
        text-align: right
    }
}

@media (max-width: 1599px) {
    .ss-col-xl-24.ss-form-item-label {
        padding:0 0 8px;
        line-height: 1.5715;
        white-space: initial;
        text-align: left
    }

    .ss-col-xl-24.ss-form-item-label>label {
        margin: 0
    }

    .ss-col-xl-24.ss-form-item-label>label:after {
        display: none
    }

    .ss-form-rtl.ss-col-xl-24.ss-form-item-label {
        text-align: right
    }
}

.ss-form-item-explain-error {
    color: var(--ss-error-color)
}

.ss-form-item-explain-warning {
    color: var(--ss-warning-color)
}

.ss-form-item-has-feedback .ss-input {
    padding-right: 24px
}

.ss-form-item-has-feedback .ss-input-affix-wrapper .ss-input-suffix {
    padding-right: 18px
}

.ss-form-item-has-feedback .ss-input-search:not(.ss-input-search-enter-button) .ss-input-suffix {
    right: 28px
}

.ss-form-item-has-feedback .ss-switch {
    margin: 2px 0 4px
}

.ss-form-item-has-feedback>.ss-select .ss-select-arrow,.ss-form-item-has-feedback>.ss-select .ss-select-clear,.ss-form-item-has-feedback :not(.ss-input-group-addon)>.ss-select .ss-select-arrow,.ss-form-item-has-feedback :not(.ss-input-group-addon)>.ss-select .ss-select-clear,.ss-form-item-has-feedback :not(.ss-input-number-group-addon)>.ss-select .ss-select-arrow,.ss-form-item-has-feedback :not(.ss-input-number-group-addon)>.ss-select .ss-select-clear {
    right: 32px
}

.ss-form-item-has-feedback>.ss-select .ss-select-selection-selected-value,.ss-form-item-has-feedback :not(.ss-input-group-addon)>.ss-select .ss-select-selection-selected-value,.ss-form-item-has-feedback :not(.ss-input-number-group-addon)>.ss-select .ss-select-selection-selected-value {
    padding-right: 42px
}

.ss-form-item-has-feedback .ss-cascader-picker-arrow {
    margin-right: 19px
}

.ss-form-item-has-feedback .ss-cascader-picker-clear {
    right: 32px
}

.ss-form-item-has-feedback .ss-picker,.ss-form-item-has-feedback .ss-picker-large {
    padding-right: 29.2px
}

.ss-form-item-has-feedback .ss-picker-small {
    padding-right: 25.2px
}

.ss-form-item-has-feedback.ss-form-item-has-success .ss-form-item-children-icon,.ss-form-item-has-feedback.ss-form-item-has-warning .ss-form-item-children-icon,.ss-form-item-has-feedback.ss-form-item-has-error .ss-form-item-children-icon,.ss-form-item-has-feedback.ss-form-item-is-validating .ss-form-item-children-icon {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    width: 32px;
    height: 20px;
    margin-top: -10px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    visibility: visible;
    animation: zoomIn .3s cubic-bezier(.12,.4,.29,1.46);
    pointer-events: none
}

.ss-form-item-has-success.ss-form-item-has-feedback .ss-form-item-children-icon {
    color: var(--ss-success-color);
    animation-name: diffZoomIn1!important
}

.ss-form-item-has-warning .ss-form-item-split {
    color: var(--ss-warning-color)
}

.ss-form-item-has-warning :not(.ss-input-disabled):not(.ss-input-borderless).ss-input,.ss-form-item-has-warning :not(.ss-input-affix-wrapper-disabled):not(.ss-input-affix-wrapper-borderless).ss-input-affix-wrapper,.ss-form-item-has-warning :not(.ss-input-number-affix-wrapper-disabled):not(.ss-input-number-affix-wrapper-borderless).ss-input-number-affix-wrapper,.ss-form-item-has-warning :not(.ss-input-disabled):not(.ss-input-borderless).ss-input:hover,.ss-form-item-has-warning :not(.ss-input-affix-wrapper-disabled):not(.ss-input-affix-wrapper-borderless).ss-input-affix-wrapper:hover,.ss-form-item-has-warning :not(.ss-input-number-affix-wrapper-disabled):not(.ss-input-number-affix-wrapper-borderless).ss-input-number-affix-wrapper:hover {
    background-color: #fff;
    border-color: var(--ss-warning-color)
}

.ss-form-item-has-warning :not(.ss-input-disabled):not(.ss-input-borderless).ss-input:focus,.ss-form-item-has-warning :not(.ss-input-affix-wrapper-disabled):not(.ss-input-affix-wrapper-borderless).ss-input-affix-wrapper:focus,.ss-form-item-has-warning :not(.ss-input-number-affix-wrapper-disabled):not(.ss-input-number-affix-wrapper-borderless).ss-input-number-affix-wrapper:focus,.ss-form-item-has-warning :not(.ss-input-disabled):not(.ss-input-borderless).ss-input-focused,.ss-form-item-has-warning :not(.ss-input-affix-wrapper-disabled):not(.ss-input-affix-wrapper-borderless).ss-input-affix-wrapper-focused,.ss-form-item-has-warning :not(.ss-input-number-affix-wrapper-disabled):not(.ss-input-number-affix-wrapper-borderless).ss-input-number-affix-wrapper-focused {
    border-color: var(--ss-warning-color-hover);
    box-shadow: 0 0 0 2px var(--ss-warning-color-outline);
    border-right-width: 1px!important;
    outline: 0
}

.ss-form-item-has-warning .ss-calendar-picker-open .ss-calendar-picker-input {
    border-color: var(--ss-warning-color-hover);
    box-shadow: 0 0 0 2px var(--ss-warning-color-outline);
    border-right-width: 1px!important;
    outline: 0
}

.ss-form-item-has-warning .ss-input-prefix,.ss-form-item-has-warning .ss-input-number-prefix {
    color: var(--ss-warning-color)
}

.ss-form-item-has-warning :not(.ss-input-group-addon-disabled).ss-input-group-addon,.ss-form-item-has-warning :not(.ss-input-number-group-addon-disabled).ss-input-number-group-addon {
    color: var(--ss-warning-color);
    border-color: var(--ss-warning-color)
}

.ss-form-item-has-warning .has-feedback {
    color: var(--ss-warning-color)
}

.ss-form-item-has-warning.ss-form-item-has-feedback .ss-form-item-children-icon {
    color: var(--ss-warning-color);
    animation-name: diffZoomIn3!important
}

.ss-form-item-has-warning .ss-select:not(.ss-select-disabled):not(.ss-select-customize-input) .ss-select-selector {
    background-color: #fff;
    border-color: var(--ss-warning-color)!important
}

.ss-form-item-has-warning .ss-select:not(.ss-select-disabled):not(.ss-select-customize-input).ss-select-open .ss-select-selector,.ss-form-item-has-warning .ss-select:not(.ss-select-disabled):not(.ss-select-customize-input).ss-select-focused .ss-select-selector {
    border-color: var(--ss-warning-color-hover);
    box-shadow: 0 0 0 2px var(--ss-warning-color-outline);
    border-right-width: 1px!important;
    outline: 0
}

.ss-form-item-has-warning .ss-input-number,.ss-form-item-has-warning .ss-picker {
    background-color: #fff;
    border-color: var(--ss-warning-color)
}

.ss-form-item-has-warning .ss-input-number-focused,.ss-form-item-has-warning .ss-picker-focused,.ss-form-item-has-warning .ss-input-number:focus,.ss-form-item-has-warning .ss-picker:focus {
    border-color: var(--ss-warning-color-hover);
    box-shadow: 0 0 0 2px var(--ss-warning-color-outline);
    border-right-width: 1px!important;
    outline: 0
}

.ss-form-item-has-warning .ss-input-number:not([disabled]):hover,.ss-form-item-has-warning .ss-picker:not([disabled]):hover {
    background-color: #fff;
    border-color: var(--ss-warning-color)
}

.ss-form-item-has-warning .ss-cascader-picker:focus .ss-cascader-input {
    border-color: var(--ss-warning-color-hover);
    box-shadow: 0 0 0 2px var(--ss-warning-color-outline);
    border-right-width: 1px!important;
    outline: 0
}

.ss-form-item-has-error .ss-form-item-split {
    color: var(--ss-error-color)
}

.ss-form-item-has-error :not(.ss-input-disabled):not(.ss-input-borderless).ss-input,.ss-form-item-has-error :not(.ss-input-affix-wrapper-disabled):not(.ss-input-affix-wrapper-borderless).ss-input-affix-wrapper,.ss-form-item-has-error :not(.ss-input-number-affix-wrapper-disabled):not(.ss-input-number-affix-wrapper-borderless).ss-input-number-affix-wrapper,.ss-form-item-has-error :not(.ss-input-disabled):not(.ss-input-borderless).ss-input:hover,.ss-form-item-has-error :not(.ss-input-affix-wrapper-disabled):not(.ss-input-affix-wrapper-borderless).ss-input-affix-wrapper:hover,.ss-form-item-has-error :not(.ss-input-number-affix-wrapper-disabled):not(.ss-input-number-affix-wrapper-borderless).ss-input-number-affix-wrapper:hover {
    background-color: #fff;
    border-color: var(--ss-error-color)
}

.ss-form-item-has-error :not(.ss-input-disabled):not(.ss-input-borderless).ss-input:focus,.ss-form-item-has-error :not(.ss-input-affix-wrapper-disabled):not(.ss-input-affix-wrapper-borderless).ss-input-affix-wrapper:focus,.ss-form-item-has-error :not(.ss-input-number-affix-wrapper-disabled):not(.ss-input-number-affix-wrapper-borderless).ss-input-number-affix-wrapper:focus,.ss-form-item-has-error :not(.ss-input-disabled):not(.ss-input-borderless).ss-input-focused,.ss-form-item-has-error :not(.ss-input-affix-wrapper-disabled):not(.ss-input-affix-wrapper-borderless).ss-input-affix-wrapper-focused,.ss-form-item-has-error :not(.ss-input-number-affix-wrapper-disabled):not(.ss-input-number-affix-wrapper-borderless).ss-input-number-affix-wrapper-focused {
    border-color: var(--ss-error-color-hover);
    box-shadow: 0 0 0 2px var(--ss-error-color-outline);
    border-right-width: 1px!important;
    outline: 0
}

.ss-form-item-has-error .ss-calendar-picker-open .ss-calendar-picker-input {
    border-color: var(--ss-error-color-hover);
    box-shadow: 0 0 0 2px var(--ss-error-color-outline);
    border-right-width: 1px!important;
    outline: 0
}

.ss-form-item-has-error .ss-input-prefix,.ss-form-item-has-error .ss-input-number-prefix {
    color: var(--ss-error-color)
}

.ss-form-item-has-error :not(.ss-input-group-addon-disabled).ss-input-group-addon,.ss-form-item-has-error :not(.ss-input-number-group-addon-disabled).ss-input-number-group-addon {
    color: var(--ss-error-color);
    border-color: var(--ss-error-color)
}

.ss-form-item-has-error .has-feedback {
    color: var(--ss-error-color)
}

.ss-form-item-has-error.ss-form-item-has-feedback .ss-form-item-children-icon {
    color: var(--ss-error-color);
    animation-name: diffZoomIn2!important
}

.ss-form-item-has-error .ss-select:not(.ss-select-disabled):not(.ss-select-customize-input) .ss-select-selector {
    background-color: #fff;
    border-color: var(--ss-error-color)!important
}

.ss-form-item-has-error .ss-select:not(.ss-select-disabled):not(.ss-select-customize-input).ss-select-open .ss-select-selector,.ss-form-item-has-error .ss-select:not(.ss-select-disabled):not(.ss-select-customize-input).ss-select-focused .ss-select-selector {
    border-color: var(--ss-error-color-hover);
    box-shadow: 0 0 0 2px var(--ss-error-color-outline);
    border-right-width: 1px!important;
    outline: 0
}

.ss-form-item-has-error .ss-input-group-addon .ss-select.ss-select-single:not(.ss-select-customize-input) .ss-select-selector,.ss-form-item-has-error .ss-input-number-group-addon .ss-select.ss-select-single:not(.ss-select-customize-input) .ss-select-selector {
    background-color: inherit;
    border: 0;
    box-shadow: none
}

.ss-form-item-has-error .ss-select.ss-select-auto-complete .ss-input:focus {
    border-color: var(--ss-error-color)
}

.ss-form-item-has-error .ss-input-number,.ss-form-item-has-error .ss-picker {
    background-color: #fff;
    border-color: var(--ss-error-color)
}

.ss-form-item-has-error .ss-input-number-focused,.ss-form-item-has-error .ss-picker-focused,.ss-form-item-has-error .ss-input-number:focus,.ss-form-item-has-error .ss-picker:focus {
    border-color: var(--ss-error-color-hover);
    box-shadow: 0 0 0 2px var(--ss-error-color-outline);
    border-right-width: 1px!important;
    outline: 0
}

.ss-form-item-has-error .ss-input-number:not([disabled]):hover,.ss-form-item-has-error .ss-picker:not([disabled]):hover {
    background-color: #fff;
    border-color: var(--ss-error-color)
}

.ss-form-item-has-error .ss-mention-wrapper .ss-mention-editor,.ss-form-item-has-error .ss-mention-wrapper .ss-mention-editor:not([disabled]):hover {
    background-color: #fff;
    border-color: var(--ss-error-color)
}

.ss-form-item-has-error .ss-mention-wrapper.ss-mention-active:not([disabled]) .ss-mention-editor,.ss-form-item-has-error .ss-mention-wrapper .ss-mention-editor:not([disabled]):focus {
    border-color: var(--ss-error-color-hover);
    box-shadow: 0 0 0 2px var(--ss-error-color-outline);
    border-right-width: 1px!important;
    outline: 0
}

.ss-form-item-has-error .ss-cascader-picker:hover .ss-cascader-picker-label:hover+.ss-cascader-input.ss-input {
    border-color: var(--ss-error-color)
}

.ss-form-item-has-error .ss-cascader-picker:focus .ss-cascader-input {
    background-color: #fff;
    border-color: var(--ss-error-color-hover);
    box-shadow: 0 0 0 2px var(--ss-error-color-outline);
    border-right-width: 1px!important;
    outline: 0
}

.ss-form-item-has-error .ss-transfer-list {
    border-color: var(--ss-error-color)
}

.ss-form-item-has-error .ss-transfer-list-search:not([disabled]) {
    border-color: #d9d9d9
}

.ss-form-item-has-error .ss-transfer-list-search:not([disabled]):hover {
    border-color: var(--ss-primary-5);
    border-right-width: 1px!important
}

.ss-input-rtl .ss-form-item-has-error .ss-transfer-list-search:not([disabled]):hover {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ss-form-item-has-error .ss-transfer-list-search:not([disabled]):focus {
    border-color: var(--ss-primary-color-hover);
    box-shadow: 0 0 0 2px var(--ss-primary-color-outline);
    border-right-width: 1px!important;
    outline: 0
}

.ss-input-rtl .ss-form-item-has-error .ss-transfer-list-search:not([disabled]):focus {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ss-form-item-has-error .ss-radio-button-wrapper {
    border-color: var(--ss-error-color)!important
}

.ss-form-item-has-error .ss-radio-button-wrapper:not(:first-child):before {
    background-color: var(--ss-error-color)
}

.ss-form-item-has-error .ss-mentions {
    border-color: var(--ss-error-color)!important
}

.ss-form-item-has-error .ss-mentions-focused,.ss-form-item-has-error .ss-mentions:focus {
    border-color: var(--ss-error-color-hover);
    box-shadow: 0 0 0 2px var(--ss-error-color-outline);
    border-right-width: 1px!important;
    outline: 0
}

.ss-form-item-is-validating.ss-form-item-has-feedback .ss-form-item-children-icon {
    display: inline-block;
    color: var(--ss-primary-color)
}

.ss-form {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum"
}

.ss-form legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
    color: #00000073;
    font-size: 16px;
    line-height: inherit;
    border: 0;
    border-bottom: 1px solid #d9d9d9
}

.ss-form label {
    font-size: 14px
}

.ss-form input[type=search] {
    box-sizing: border-box
}

.ss-form input[type=radio],.ss-form input[type=checkbox] {
    line-height: normal
}

.ss-form input[type=file] {
    display: block
}

.ss-form input[type=range] {
    display: block;
    width: 100%
}

.ss-form select[multiple],.ss-form select[size] {
    height: auto
}

.ss-form input[type=file]:focus,.ss-form input[type=radio]:focus,.ss-form input[type=checkbox]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.ss-form output {
    display: block;
    padding-top: 15px;
    color: #000000d9;
    font-size: 14px;
    line-height: 1.5715
}

.ss-form .ss-form-text {
    display: inline-block;
    padding-right: 8px
}

.ss-form-small .ss-form-item-label>label {
    height: 24px
}

.ss-form-small .ss-form-item-control-input {
    min-height: 24px
}

.ss-form-large .ss-form-item-label>label {
    height: 40px
}

.ss-form-large .ss-form-item-control-input {
    min-height: 40px
}

.ss-form-item {
    box-sizing: border-box;
    margin: 0 0 24px;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    vertical-align: top
}

.ss-form-item-with-help {
    margin-bottom: 0;
    transition: none
}

.ss-form-item-hidden,.ss-form-item-hidden.ss-row {
    display: none
}

.ss-form-item-label {
    display: inline-block;
    flex-grow: 0;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
    vertical-align: middle
}

.ss-form-item-label-left {
    text-align: left
}

.ss-form-item-label-wrap {
    overflow: unset;
    line-height: 1.3215em;
    white-space: unset
}

.ss-form-item-label>label {
    position: relative;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    height: 32px;
    color: #000000d9;
    font-size: 14px
}

.ss-form-item-label>label>.anticon {
    font-size: 14px;
    vertical-align: top
}

.ss-form-item-label>label.ss-form-item-required:not(.ss-form-item-required-mark-optional):before {
    display: inline-block;
    margin-right: 4px;
    color: #ff4d4f;
    font-size: 14px;
    font-family: SimSun,sans-serif;
    line-height: 1;
    content: "*"
}

.ss-form-hide-required-mark .ss-form-item-label>label.ss-form-item-required:not(.ss-form-item-required-mark-optional):before {
    display: none
}

.ss-form-item-label>label .ss-form-item-optional {
    display: inline-block;
    margin-left: 4px;
    color: #00000073
}

.ss-form-hide-required-mark .ss-form-item-label>label .ss-form-item-optional {
    display: none
}

.ss-form-item-label>label .ss-form-item-tooltip {
    color: #00000073;
    cursor: help;
    writing-mode: horizontal-tb;
    margin-inline-start:4px}

.ss-form-item-label>label:after {
    content: ":";
    position: relative;
    top: -.5px;
    margin: 0 8px 0 2px
}

.ss-form-item-label>label.ss-form-item-no-colon:after {
    content: " "
}

.ss-form-item-control {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.ss-form-item-control:first-child:not([class^=ss-col-]):not([class*=" ss-col-"]) {
    width: 100%
}

.ss-form-item-control-input {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 32px
}

.ss-form-item-control-input-content {
    flex: auto;
    max-width: 100%
}

.ss-form-item-explain,.ss-form-item-extra {
    clear: both;
    color: #00000073;
    font-size: 14px;
    line-height: 1.5715;
    transition: color .3s cubic-bezier(.215,.61,.355,1)
}

.ss-form-item-explain-connected {
    height: 0;
    min-height: 0;
    opacity: 0
}

.ss-form-item-extra {
    min-height: 24px
}

.ss-form-item .ss-input-textarea-show-count:after {
    margin-bottom: -22px
}

.ss-form-item-with-help .ss-form-item-explain {
    height: auto;
    min-height: 24px;
    opacity: 1
}

.ss-show-help {
    transition: height .3s linear,min-height .3s linear,margin-bottom .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1)
}

.ss-show-help-leave {
    min-height: 24px
}

.ss-show-help-leave-active {
    min-height: 0
}

.ss-show-help-item {
    overflow: hidden;
    transition: height .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1)!important
}

.ss-show-help-item-appear,.ss-show-help-item-enter {
    transform: translateY(-5px);
    opacity: 0
}

.ss-show-help-item-appear-active,.ss-show-help-item-enter-active {
    transform: translateY(0);
    opacity: 1
}

.ss-show-help-item-leave-active {
    transform: translateY(-5px)
}

@keyframes diffZoomIn1 {
    0% {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes diffZoomIn2 {
    0% {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes diffZoomIn3 {
    0% {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.ss-form-rtl {
    direction: rtl
}

.ss-form-rtl .ss-form-item-label {
    text-align: left
}

.ss-form-rtl .ss-form-item-label>label.ss-form-item-required:before {
    margin-right: 0;
    margin-left: 4px
}

.ss-form-rtl .ss-form-item-label>label:after {
    margin: 0 2px 0 8px
}

.ss-form-rtl .ss-form-item-label>label .ss-form-item-optional {
    margin-right: 4px;
    margin-left: 0
}

.ss-col-rtl .ss-form-item-control:first-child {
    width: 100%
}

.ss-form-rtl .ss-form-item-has-feedback .ss-input {
    padding-right: 11px;
    padding-left: 24px
}

.ss-form-rtl .ss-form-item-has-feedback .ss-input-affix-wrapper .ss-input-suffix {
    padding-right: 11px;
    padding-left: 18px
}

.ss-form-rtl .ss-form-item-has-feedback .ss-input-affix-wrapper .ss-input,.ss-form-rtl .ss-form-item-has-feedback .ss-input-number-affix-wrapper .ss-input-number {
    padding: 0
}

.ss-form-rtl .ss-form-item-has-feedback .ss-input-search:not(.ss-input-search-enter-button) .ss-input-suffix {
    right: auto;
    left: 28px
}

.ss-form-rtl .ss-form-item-has-feedback .ss-input-number {
    padding-left: 18px
}

.ss-form-rtl .ss-form-item-has-feedback>.ss-select .ss-select-arrow,.ss-form-rtl .ss-form-item-has-feedback>.ss-select .ss-select-clear,.ss-form-rtl .ss-form-item-has-feedback :not(.ss-input-group-addon)>.ss-select .ss-select-arrow,.ss-form-rtl .ss-form-item-has-feedback :not(.ss-input-group-addon)>.ss-select .ss-select-clear,.ss-form-rtl .ss-form-item-has-feedback :not(.ss-input-number-group-addon)>.ss-select .ss-select-arrow,.ss-form-rtl .ss-form-item-has-feedback :not(.ss-input-number-group-addon)>.ss-select .ss-select-clear {
    right: auto;
    left: 32px
}

.ss-form-rtl .ss-form-item-has-feedback>.ss-select .ss-select-selection-selected-value,.ss-form-rtl .ss-form-item-has-feedback :not(.ss-input-group-addon)>.ss-select .ss-select-selection-selected-value,.ss-form-rtl .ss-form-item-has-feedback :not(.ss-input-number-group-addon)>.ss-select .ss-select-selection-selected-value {
    padding-right: 0;
    padding-left: 42px
}

.ss-form-rtl .ss-form-item-has-feedback .ss-cascader-picker-arrow {
    margin-right: 0;
    margin-left: 19px
}

.ss-form-rtl .ss-form-item-has-feedback .ss-cascader-picker-clear {
    right: auto;
    left: 32px
}

.ss-form-rtl .ss-form-item-has-feedback .ss-picker,.ss-form-rtl .ss-form-item-has-feedback .ss-picker-large {
    padding-right: 11px;
    padding-left: 29.2px
}

.ss-form-rtl .ss-form-item-has-feedback .ss-picker-small {
    padding-right: 7px;
    padding-left: 25.2px
}

.ss-form-rtl .ss-form-item-has-feedback.ss-form-item-has-success .ss-form-item-children-icon,.ss-form-rtl .ss-form-item-has-feedback.ss-form-item-has-warning .ss-form-item-children-icon,.ss-form-rtl .ss-form-item-has-feedback.ss-form-item-has-error .ss-form-item-children-icon,.ss-form-rtl .ss-form-item-has-feedback.ss-form-item-is-validating .ss-form-item-children-icon {
    right: auto;
    left: 0
}

.ss-form-rtl.ss-form-inline .ss-form-item {
    margin-right: 0;
    margin-left: 16px
}

.ss-row {
    display: flex;
    flex-flow: row wrap
}

.ss-row:before,.ss-row:after {
    display: flex
}

.ss-row-no-wrap {
    flex-wrap: nowrap
}

.ss-row-start {
    justify-content: flex-start
}

.ss-row-center {
    justify-content: center
}

.ss-row-end {
    justify-content: flex-end
}

.ss-row-space-between {
    justify-content: space-between
}

.ss-row-space-around {
    justify-content: space-around
}

.ss-row-top {
    align-items: flex-start
}

.ss-row-middle {
    align-items: center
}

.ss-row-bottom {
    align-items: flex-end
}

.ss-col {
    position: relative;
    max-width: 100%;
    min-height: 1px
}

.ss-col-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%
}

.ss-col-push-24 {
    left: 100%
}

.ss-col-pull-24 {
    right: 100%
}

.ss-col-offset-24 {
    margin-left: 100%
}

.ss-col-order-24 {
    order: 24
}

.ss-col-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%
}

.ss-col-push-23 {
    left: 95.83333333%
}

.ss-col-pull-23 {
    right: 95.83333333%
}

.ss-col-offset-23 {
    margin-left: 95.83333333%
}

.ss-col-order-23 {
    order: 23
}

.ss-col-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

.ss-col-push-22 {
    left: 91.66666667%
}

.ss-col-pull-22 {
    right: 91.66666667%
}

.ss-col-offset-22 {
    margin-left: 91.66666667%
}

.ss-col-order-22 {
    order: 22
}

.ss-col-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%
}

.ss-col-push-21 {
    left: 87.5%
}

.ss-col-pull-21 {
    right: 87.5%
}

.ss-col-offset-21 {
    margin-left: 87.5%
}

.ss-col-order-21 {
    order: 21
}

.ss-col-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.ss-col-push-20 {
    left: 83.33333333%
}

.ss-col-pull-20 {
    right: 83.33333333%
}

.ss-col-offset-20 {
    margin-left: 83.33333333%
}

.ss-col-order-20 {
    order: 20
}

.ss-col-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%
}

.ss-col-push-19 {
    left: 79.16666667%
}

.ss-col-pull-19 {
    right: 79.16666667%
}

.ss-col-offset-19 {
    margin-left: 79.16666667%
}

.ss-col-order-19 {
    order: 19
}

.ss-col-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%
}

.ss-col-push-18 {
    left: 75%
}

.ss-col-pull-18 {
    right: 75%
}

.ss-col-offset-18 {
    margin-left: 75%
}

.ss-col-order-18 {
    order: 18
}

.ss-col-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%
}

.ss-col-push-17 {
    left: 70.83333333%
}

.ss-col-pull-17 {
    right: 70.83333333%
}

.ss-col-offset-17 {
    margin-left: 70.83333333%
}

.ss-col-order-17 {
    order: 17
}

.ss-col-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.ss-col-push-16 {
    left: 66.66666667%
}

.ss-col-pull-16 {
    right: 66.66666667%
}

.ss-col-offset-16 {
    margin-left: 66.66666667%
}

.ss-col-order-16 {
    order: 16
}

.ss-col-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%
}

.ss-col-push-15 {
    left: 62.5%
}

.ss-col-pull-15 {
    right: 62.5%
}

.ss-col-offset-15 {
    margin-left: 62.5%
}

.ss-col-order-15 {
    order: 15
}

.ss-col-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.ss-col-push-14 {
    left: 58.33333333%
}

.ss-col-pull-14 {
    right: 58.33333333%
}

.ss-col-offset-14 {
    margin-left: 58.33333333%
}

.ss-col-order-14 {
    order: 14
}

.ss-col-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%
}

.ss-col-push-13 {
    left: 54.16666667%
}

.ss-col-pull-13 {
    right: 54.16666667%
}

.ss-col-offset-13 {
    margin-left: 54.16666667%
}

.ss-col-order-13 {
    order: 13
}

.ss-col-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%
}

.ss-col-push-12 {
    left: 50%
}

.ss-col-pull-12 {
    right: 50%
}

.ss-col-offset-12 {
    margin-left: 50%
}

.ss-col-order-12 {
    order: 12
}

.ss-col-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%
}

.ss-col-push-11 {
    left: 45.83333333%
}

.ss-col-pull-11 {
    right: 45.83333333%
}

.ss-col-offset-11 {
    margin-left: 45.83333333%
}

.ss-col-order-11 {
    order: 11
}

.ss-col-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.ss-col-push-10 {
    left: 41.66666667%
}

.ss-col-pull-10 {
    right: 41.66666667%
}

.ss-col-offset-10 {
    margin-left: 41.66666667%
}

.ss-col-order-10 {
    order: 10
}

.ss-col-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%
}

.ss-col-push-9 {
    left: 37.5%
}

.ss-col-pull-9 {
    right: 37.5%
}

.ss-col-offset-9 {
    margin-left: 37.5%
}

.ss-col-order-9 {
    order: 9
}

.ss-col-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.ss-col-push-8 {
    left: 33.33333333%
}

.ss-col-pull-8 {
    right: 33.33333333%
}

.ss-col-offset-8 {
    margin-left: 33.33333333%
}

.ss-col-order-8 {
    order: 8
}

.ss-col-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%
}

.ss-col-push-7 {
    left: 29.16666667%
}

.ss-col-pull-7 {
    right: 29.16666667%
}

.ss-col-offset-7 {
    margin-left: 29.16666667%
}

.ss-col-order-7 {
    order: 7
}

.ss-col-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%
}

.ss-col-push-6 {
    left: 25%
}

.ss-col-pull-6 {
    right: 25%
}

.ss-col-offset-6 {
    margin-left: 25%
}

.ss-col-order-6 {
    order: 6
}

.ss-col-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%
}

.ss-col-push-5 {
    left: 20.83333333%
}

.ss-col-pull-5 {
    right: 20.83333333%
}

.ss-col-offset-5 {
    margin-left: 20.83333333%
}

.ss-col-order-5 {
    order: 5
}

.ss-col-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.ss-col-push-4 {
    left: 16.66666667%
}

.ss-col-pull-4 {
    right: 16.66666667%
}

.ss-col-offset-4 {
    margin-left: 16.66666667%
}

.ss-col-order-4 {
    order: 4
}

.ss-col-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.ss-col-push-3 {
    left: 12.5%
}

.ss-col-pull-3 {
    right: 12.5%
}

.ss-col-offset-3 {
    margin-left: 12.5%
}

.ss-col-order-3 {
    order: 3
}

.ss-col-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.ss-col-push-2 {
    left: 8.33333333%
}

.ss-col-pull-2 {
    right: 8.33333333%
}

.ss-col-offset-2 {
    margin-left: 8.33333333%
}

.ss-col-order-2 {
    order: 2
}

.ss-col-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%
}

.ss-col-push-1 {
    left: 4.16666667%
}

.ss-col-pull-1 {
    right: 4.16666667%
}

.ss-col-offset-1 {
    margin-left: 4.16666667%
}

.ss-col-order-1 {
    order: 1
}

.ss-col-0 {
    display: none
}

.ss-col-offset-0 {
    margin-left: 0
}

.ss-col-order-0 {
    order: 0
}

.ss-col-offset-0.ss-col-rtl {
    margin-right: 0
}

.ss-col-push-1.ss-col-rtl {
    right: 4.16666667%;
    left: auto
}

.ss-col-pull-1.ss-col-rtl {
    right: auto;
    left: 4.16666667%
}

.ss-col-offset-1.ss-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0
}

.ss-col-push-2.ss-col-rtl {
    right: 8.33333333%;
    left: auto
}

.ss-col-pull-2.ss-col-rtl {
    right: auto;
    left: 8.33333333%
}

.ss-col-offset-2.ss-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0
}

.ss-col-push-3.ss-col-rtl {
    right: 12.5%;
    left: auto
}

.ss-col-pull-3.ss-col-rtl {
    right: auto;
    left: 12.5%
}

.ss-col-offset-3.ss-col-rtl {
    margin-right: 12.5%;
    margin-left: 0
}

.ss-col-push-4.ss-col-rtl {
    right: 16.66666667%;
    left: auto
}

.ss-col-pull-4.ss-col-rtl {
    right: auto;
    left: 16.66666667%
}

.ss-col-offset-4.ss-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0
}

.ss-col-push-5.ss-col-rtl {
    right: 20.83333333%;
    left: auto
}

.ss-col-pull-5.ss-col-rtl {
    right: auto;
    left: 20.83333333%
}

.ss-col-offset-5.ss-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0
}

.ss-col-push-6.ss-col-rtl {
    right: 25%;
    left: auto
}

.ss-col-pull-6.ss-col-rtl {
    right: auto;
    left: 25%
}

.ss-col-offset-6.ss-col-rtl {
    margin-right: 25%;
    margin-left: 0
}

.ss-col-push-7.ss-col-rtl {
    right: 29.16666667%;
    left: auto
}

.ss-col-pull-7.ss-col-rtl {
    right: auto;
    left: 29.16666667%
}

.ss-col-offset-7.ss-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0
}

.ss-col-push-8.ss-col-rtl {
    right: 33.33333333%;
    left: auto
}

.ss-col-pull-8.ss-col-rtl {
    right: auto;
    left: 33.33333333%
}

.ss-col-offset-8.ss-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0
}

.ss-col-push-9.ss-col-rtl {
    right: 37.5%;
    left: auto
}

.ss-col-pull-9.ss-col-rtl {
    right: auto;
    left: 37.5%
}

.ss-col-offset-9.ss-col-rtl {
    margin-right: 37.5%;
    margin-left: 0
}

.ss-col-push-10.ss-col-rtl {
    right: 41.66666667%;
    left: auto
}

.ss-col-pull-10.ss-col-rtl {
    right: auto;
    left: 41.66666667%
}

.ss-col-offset-10.ss-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0
}

.ss-col-push-11.ss-col-rtl {
    right: 45.83333333%;
    left: auto
}

.ss-col-pull-11.ss-col-rtl {
    right: auto;
    left: 45.83333333%
}

.ss-col-offset-11.ss-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0
}

.ss-col-push-12.ss-col-rtl {
    right: 50%;
    left: auto
}

.ss-col-pull-12.ss-col-rtl {
    right: auto;
    left: 50%
}

.ss-col-offset-12.ss-col-rtl {
    margin-right: 50%;
    margin-left: 0
}

.ss-col-push-13.ss-col-rtl {
    right: 54.16666667%;
    left: auto
}

.ss-col-pull-13.ss-col-rtl {
    right: auto;
    left: 54.16666667%
}

.ss-col-offset-13.ss-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0
}

.ss-col-push-14.ss-col-rtl {
    right: 58.33333333%;
    left: auto
}

.ss-col-pull-14.ss-col-rtl {
    right: auto;
    left: 58.33333333%
}

.ss-col-offset-14.ss-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0
}

.ss-col-push-15.ss-col-rtl {
    right: 62.5%;
    left: auto
}

.ss-col-pull-15.ss-col-rtl {
    right: auto;
    left: 62.5%
}

.ss-col-offset-15.ss-col-rtl {
    margin-right: 62.5%;
    margin-left: 0
}

.ss-col-push-16.ss-col-rtl {
    right: 66.66666667%;
    left: auto
}

.ss-col-pull-16.ss-col-rtl {
    right: auto;
    left: 66.66666667%
}

.ss-col-offset-16.ss-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0
}

.ss-col-push-17.ss-col-rtl {
    right: 70.83333333%;
    left: auto
}

.ss-col-pull-17.ss-col-rtl {
    right: auto;
    left: 70.83333333%
}

.ss-col-offset-17.ss-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0
}

.ss-col-push-18.ss-col-rtl {
    right: 75%;
    left: auto
}

.ss-col-pull-18.ss-col-rtl {
    right: auto;
    left: 75%
}

.ss-col-offset-18.ss-col-rtl {
    margin-right: 75%;
    margin-left: 0
}

.ss-col-push-19.ss-col-rtl {
    right: 79.16666667%;
    left: auto
}

.ss-col-pull-19.ss-col-rtl {
    right: auto;
    left: 79.16666667%
}

.ss-col-offset-19.ss-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0
}

.ss-col-push-20.ss-col-rtl {
    right: 83.33333333%;
    left: auto
}

.ss-col-pull-20.ss-col-rtl {
    right: auto;
    left: 83.33333333%
}

.ss-col-offset-20.ss-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0
}

.ss-col-push-21.ss-col-rtl {
    right: 87.5%;
    left: auto
}

.ss-col-pull-21.ss-col-rtl {
    right: auto;
    left: 87.5%
}

.ss-col-offset-21.ss-col-rtl {
    margin-right: 87.5%;
    margin-left: 0
}

.ss-col-push-22.ss-col-rtl {
    right: 91.66666667%;
    left: auto
}

.ss-col-pull-22.ss-col-rtl {
    right: auto;
    left: 91.66666667%
}

.ss-col-offset-22.ss-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0
}

.ss-col-push-23.ss-col-rtl {
    right: 95.83333333%;
    left: auto
}

.ss-col-pull-23.ss-col-rtl {
    right: auto;
    left: 95.83333333%
}

.ss-col-offset-23.ss-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0
}

.ss-col-push-24.ss-col-rtl {
    right: 100%;
    left: auto
}

.ss-col-pull-24.ss-col-rtl {
    right: auto;
    left: 100%
}

.ss-col-offset-24.ss-col-rtl {
    margin-right: 100%;
    margin-left: 0
}

.ss-col-xs-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%
}

.ss-col-xs-push-24 {
    left: 100%
}

.ss-col-xs-pull-24 {
    right: 100%
}

.ss-col-xs-offset-24 {
    margin-left: 100%
}

.ss-col-xs-order-24 {
    order: 24
}

.ss-col-xs-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%
}

.ss-col-xs-push-23 {
    left: 95.83333333%
}

.ss-col-xs-pull-23 {
    right: 95.83333333%
}

.ss-col-xs-offset-23 {
    margin-left: 95.83333333%
}

.ss-col-xs-order-23 {
    order: 23
}

.ss-col-xs-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

.ss-col-xs-push-22 {
    left: 91.66666667%
}

.ss-col-xs-pull-22 {
    right: 91.66666667%
}

.ss-col-xs-offset-22 {
    margin-left: 91.66666667%
}

.ss-col-xs-order-22 {
    order: 22
}

.ss-col-xs-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%
}

.ss-col-xs-push-21 {
    left: 87.5%
}

.ss-col-xs-pull-21 {
    right: 87.5%
}

.ss-col-xs-offset-21 {
    margin-left: 87.5%
}

.ss-col-xs-order-21 {
    order: 21
}

.ss-col-xs-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.ss-col-xs-push-20 {
    left: 83.33333333%
}

.ss-col-xs-pull-20 {
    right: 83.33333333%
}

.ss-col-xs-offset-20 {
    margin-left: 83.33333333%
}

.ss-col-xs-order-20 {
    order: 20
}

.ss-col-xs-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%
}

.ss-col-xs-push-19 {
    left: 79.16666667%
}

.ss-col-xs-pull-19 {
    right: 79.16666667%
}

.ss-col-xs-offset-19 {
    margin-left: 79.16666667%
}

.ss-col-xs-order-19 {
    order: 19
}

.ss-col-xs-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%
}

.ss-col-xs-push-18 {
    left: 75%
}

.ss-col-xs-pull-18 {
    right: 75%
}

.ss-col-xs-offset-18 {
    margin-left: 75%
}

.ss-col-xs-order-18 {
    order: 18
}

.ss-col-xs-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%
}

.ss-col-xs-push-17 {
    left: 70.83333333%
}

.ss-col-xs-pull-17 {
    right: 70.83333333%
}

.ss-col-xs-offset-17 {
    margin-left: 70.83333333%
}

.ss-col-xs-order-17 {
    order: 17
}

.ss-col-xs-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.ss-col-xs-push-16 {
    left: 66.66666667%
}

.ss-col-xs-pull-16 {
    right: 66.66666667%
}

.ss-col-xs-offset-16 {
    margin-left: 66.66666667%
}

.ss-col-xs-order-16 {
    order: 16
}

.ss-col-xs-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%
}

.ss-col-xs-push-15 {
    left: 62.5%
}

.ss-col-xs-pull-15 {
    right: 62.5%
}

.ss-col-xs-offset-15 {
    margin-left: 62.5%
}

.ss-col-xs-order-15 {
    order: 15
}

.ss-col-xs-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.ss-col-xs-push-14 {
    left: 58.33333333%
}

.ss-col-xs-pull-14 {
    right: 58.33333333%
}

.ss-col-xs-offset-14 {
    margin-left: 58.33333333%
}

.ss-col-xs-order-14 {
    order: 14
}

.ss-col-xs-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%
}

.ss-col-xs-push-13 {
    left: 54.16666667%
}

.ss-col-xs-pull-13 {
    right: 54.16666667%
}

.ss-col-xs-offset-13 {
    margin-left: 54.16666667%
}

.ss-col-xs-order-13 {
    order: 13
}

.ss-col-xs-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%
}

.ss-col-xs-push-12 {
    left: 50%
}

.ss-col-xs-pull-12 {
    right: 50%
}

.ss-col-xs-offset-12 {
    margin-left: 50%
}

.ss-col-xs-order-12 {
    order: 12
}

.ss-col-xs-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%
}

.ss-col-xs-push-11 {
    left: 45.83333333%
}

.ss-col-xs-pull-11 {
    right: 45.83333333%
}

.ss-col-xs-offset-11 {
    margin-left: 45.83333333%
}

.ss-col-xs-order-11 {
    order: 11
}

.ss-col-xs-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.ss-col-xs-push-10 {
    left: 41.66666667%
}

.ss-col-xs-pull-10 {
    right: 41.66666667%
}

.ss-col-xs-offset-10 {
    margin-left: 41.66666667%
}

.ss-col-xs-order-10 {
    order: 10
}

.ss-col-xs-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%
}

.ss-col-xs-push-9 {
    left: 37.5%
}

.ss-col-xs-pull-9 {
    right: 37.5%
}

.ss-col-xs-offset-9 {
    margin-left: 37.5%
}

.ss-col-xs-order-9 {
    order: 9
}

.ss-col-xs-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.ss-col-xs-push-8 {
    left: 33.33333333%
}

.ss-col-xs-pull-8 {
    right: 33.33333333%
}

.ss-col-xs-offset-8 {
    margin-left: 33.33333333%
}

.ss-col-xs-order-8 {
    order: 8
}

.ss-col-xs-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%
}

.ss-col-xs-push-7 {
    left: 29.16666667%
}

.ss-col-xs-pull-7 {
    right: 29.16666667%
}

.ss-col-xs-offset-7 {
    margin-left: 29.16666667%
}

.ss-col-xs-order-7 {
    order: 7
}

.ss-col-xs-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%
}

.ss-col-xs-push-6 {
    left: 25%
}

.ss-col-xs-pull-6 {
    right: 25%
}

.ss-col-xs-offset-6 {
    margin-left: 25%
}

.ss-col-xs-order-6 {
    order: 6
}

.ss-col-xs-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%
}

.ss-col-xs-push-5 {
    left: 20.83333333%
}

.ss-col-xs-pull-5 {
    right: 20.83333333%
}

.ss-col-xs-offset-5 {
    margin-left: 20.83333333%
}

.ss-col-xs-order-5 {
    order: 5
}

.ss-col-xs-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.ss-col-xs-push-4 {
    left: 16.66666667%
}

.ss-col-xs-pull-4 {
    right: 16.66666667%
}

.ss-col-xs-offset-4 {
    margin-left: 16.66666667%
}

.ss-col-xs-order-4 {
    order: 4
}

.ss-col-xs-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.ss-col-xs-push-3 {
    left: 12.5%
}

.ss-col-xs-pull-3 {
    right: 12.5%
}

.ss-col-xs-offset-3 {
    margin-left: 12.5%
}

.ss-col-xs-order-3 {
    order: 3
}

.ss-col-xs-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.ss-col-xs-push-2 {
    left: 8.33333333%
}

.ss-col-xs-pull-2 {
    right: 8.33333333%
}

.ss-col-xs-offset-2 {
    margin-left: 8.33333333%
}

.ss-col-xs-order-2 {
    order: 2
}

.ss-col-xs-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%
}

.ss-col-xs-push-1 {
    left: 4.16666667%
}

.ss-col-xs-pull-1 {
    right: 4.16666667%
}

.ss-col-xs-offset-1 {
    margin-left: 4.16666667%
}

.ss-col-xs-order-1 {
    order: 1
}

.ss-col-xs-0 {
    display: none
}

.ss-col-push-0 {
    left: auto
}

.ss-col-pull-0 {
    right: auto
}

.ss-col-xs-push-0 {
    left: auto
}

.ss-col-xs-pull-0 {
    right: auto
}

.ss-col-xs-offset-0 {
    margin-left: 0
}

.ss-col-xs-order-0 {
    order: 0
}

.ss-col-push-0.ss-col-rtl {
    right: auto
}

.ss-col-pull-0.ss-col-rtl {
    left: auto
}

.ss-col-xs-push-0.ss-col-rtl {
    right: auto
}

.ss-col-xs-pull-0.ss-col-rtl {
    left: auto
}

.ss-col-xs-offset-0.ss-col-rtl {
    margin-right: 0
}

.ss-col-xs-push-1.ss-col-rtl {
    right: 4.16666667%;
    left: auto
}

.ss-col-xs-pull-1.ss-col-rtl {
    right: auto;
    left: 4.16666667%
}

.ss-col-xs-offset-1.ss-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0
}

.ss-col-xs-push-2.ss-col-rtl {
    right: 8.33333333%;
    left: auto
}

.ss-col-xs-pull-2.ss-col-rtl {
    right: auto;
    left: 8.33333333%
}

.ss-col-xs-offset-2.ss-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0
}

.ss-col-xs-push-3.ss-col-rtl {
    right: 12.5%;
    left: auto
}

.ss-col-xs-pull-3.ss-col-rtl {
    right: auto;
    left: 12.5%
}

.ss-col-xs-offset-3.ss-col-rtl {
    margin-right: 12.5%;
    margin-left: 0
}

.ss-col-xs-push-4.ss-col-rtl {
    right: 16.66666667%;
    left: auto
}

.ss-col-xs-pull-4.ss-col-rtl {
    right: auto;
    left: 16.66666667%
}

.ss-col-xs-offset-4.ss-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0
}

.ss-col-xs-push-5.ss-col-rtl {
    right: 20.83333333%;
    left: auto
}

.ss-col-xs-pull-5.ss-col-rtl {
    right: auto;
    left: 20.83333333%
}

.ss-col-xs-offset-5.ss-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0
}

.ss-col-xs-push-6.ss-col-rtl {
    right: 25%;
    left: auto
}

.ss-col-xs-pull-6.ss-col-rtl {
    right: auto;
    left: 25%
}

.ss-col-xs-offset-6.ss-col-rtl {
    margin-right: 25%;
    margin-left: 0
}

.ss-col-xs-push-7.ss-col-rtl {
    right: 29.16666667%;
    left: auto
}

.ss-col-xs-pull-7.ss-col-rtl {
    right: auto;
    left: 29.16666667%
}

.ss-col-xs-offset-7.ss-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0
}

.ss-col-xs-push-8.ss-col-rtl {
    right: 33.33333333%;
    left: auto
}

.ss-col-xs-pull-8.ss-col-rtl {
    right: auto;
    left: 33.33333333%
}

.ss-col-xs-offset-8.ss-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0
}

.ss-col-xs-push-9.ss-col-rtl {
    right: 37.5%;
    left: auto
}

.ss-col-xs-pull-9.ss-col-rtl {
    right: auto;
    left: 37.5%
}

.ss-col-xs-offset-9.ss-col-rtl {
    margin-right: 37.5%;
    margin-left: 0
}

.ss-col-xs-push-10.ss-col-rtl {
    right: 41.66666667%;
    left: auto
}

.ss-col-xs-pull-10.ss-col-rtl {
    right: auto;
    left: 41.66666667%
}

.ss-col-xs-offset-10.ss-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0
}

.ss-col-xs-push-11.ss-col-rtl {
    right: 45.83333333%;
    left: auto
}

.ss-col-xs-pull-11.ss-col-rtl {
    right: auto;
    left: 45.83333333%
}

.ss-col-xs-offset-11.ss-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0
}

.ss-col-xs-push-12.ss-col-rtl {
    right: 50%;
    left: auto
}

.ss-col-xs-pull-12.ss-col-rtl {
    right: auto;
    left: 50%
}

.ss-col-xs-offset-12.ss-col-rtl {
    margin-right: 50%;
    margin-left: 0
}

.ss-col-xs-push-13.ss-col-rtl {
    right: 54.16666667%;
    left: auto
}

.ss-col-xs-pull-13.ss-col-rtl {
    right: auto;
    left: 54.16666667%
}

.ss-col-xs-offset-13.ss-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0
}

.ss-col-xs-push-14.ss-col-rtl {
    right: 58.33333333%;
    left: auto
}

.ss-col-xs-pull-14.ss-col-rtl {
    right: auto;
    left: 58.33333333%
}

.ss-col-xs-offset-14.ss-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0
}

.ss-col-xs-push-15.ss-col-rtl {
    right: 62.5%;
    left: auto
}

.ss-col-xs-pull-15.ss-col-rtl {
    right: auto;
    left: 62.5%
}

.ss-col-xs-offset-15.ss-col-rtl {
    margin-right: 62.5%;
    margin-left: 0
}

.ss-col-xs-push-16.ss-col-rtl {
    right: 66.66666667%;
    left: auto
}

.ss-col-xs-pull-16.ss-col-rtl {
    right: auto;
    left: 66.66666667%
}

.ss-col-xs-offset-16.ss-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0
}

.ss-col-xs-push-17.ss-col-rtl {
    right: 70.83333333%;
    left: auto
}

.ss-col-xs-pull-17.ss-col-rtl {
    right: auto;
    left: 70.83333333%
}

.ss-col-xs-offset-17.ss-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0
}

.ss-col-xs-push-18.ss-col-rtl {
    right: 75%;
    left: auto
}

.ss-col-xs-pull-18.ss-col-rtl {
    right: auto;
    left: 75%
}

.ss-col-xs-offset-18.ss-col-rtl {
    margin-right: 75%;
    margin-left: 0
}

.ss-col-xs-push-19.ss-col-rtl {
    right: 79.16666667%;
    left: auto
}

.ss-col-xs-pull-19.ss-col-rtl {
    right: auto;
    left: 79.16666667%
}

.ss-col-xs-offset-19.ss-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0
}

.ss-col-xs-push-20.ss-col-rtl {
    right: 83.33333333%;
    left: auto
}

.ss-col-xs-pull-20.ss-col-rtl {
    right: auto;
    left: 83.33333333%
}

.ss-col-xs-offset-20.ss-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0
}

.ss-col-xs-push-21.ss-col-rtl {
    right: 87.5%;
    left: auto
}

.ss-col-xs-pull-21.ss-col-rtl {
    right: auto;
    left: 87.5%
}

.ss-col-xs-offset-21.ss-col-rtl {
    margin-right: 87.5%;
    margin-left: 0
}

.ss-col-xs-push-22.ss-col-rtl {
    right: 91.66666667%;
    left: auto
}

.ss-col-xs-pull-22.ss-col-rtl {
    right: auto;
    left: 91.66666667%
}

.ss-col-xs-offset-22.ss-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0
}

.ss-col-xs-push-23.ss-col-rtl {
    right: 95.83333333%;
    left: auto
}

.ss-col-xs-pull-23.ss-col-rtl {
    right: auto;
    left: 95.83333333%
}

.ss-col-xs-offset-23.ss-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0
}

.ss-col-xs-push-24.ss-col-rtl {
    right: 100%;
    left: auto
}

.ss-col-xs-pull-24.ss-col-rtl {
    right: auto;
    left: 100%
}

.ss-col-xs-offset-24.ss-col-rtl {
    margin-right: 100%;
    margin-left: 0
}

@media (min-width: 576px) {
    .ss-col-sm-24 {
        display:block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .ss-col-sm-push-24 {
        left: 100%
    }

    .ss-col-sm-pull-24 {
        right: 100%
    }

    .ss-col-sm-offset-24 {
        margin-left: 100%
    }

    .ss-col-sm-order-24 {
        order: 24
    }

    .ss-col-sm-23 {
        display: block;
        flex: 0 0 95.83333333%;
        max-width: 95.83333333%
    }

    .ss-col-sm-push-23 {
        left: 95.83333333%
    }

    .ss-col-sm-pull-23 {
        right: 95.83333333%
    }

    .ss-col-sm-offset-23 {
        margin-left: 95.83333333%
    }

    .ss-col-sm-order-23 {
        order: 23
    }

    .ss-col-sm-22 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .ss-col-sm-push-22 {
        left: 91.66666667%
    }

    .ss-col-sm-pull-22 {
        right: 91.66666667%
    }

    .ss-col-sm-offset-22 {
        margin-left: 91.66666667%
    }

    .ss-col-sm-order-22 {
        order: 22
    }

    .ss-col-sm-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .ss-col-sm-push-21 {
        left: 87.5%
    }

    .ss-col-sm-pull-21 {
        right: 87.5%
    }

    .ss-col-sm-offset-21 {
        margin-left: 87.5%
    }

    .ss-col-sm-order-21 {
        order: 21
    }

    .ss-col-sm-20 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .ss-col-sm-push-20 {
        left: 83.33333333%
    }

    .ss-col-sm-pull-20 {
        right: 83.33333333%
    }

    .ss-col-sm-offset-20 {
        margin-left: 83.33333333%
    }

    .ss-col-sm-order-20 {
        order: 20
    }

    .ss-col-sm-19 {
        display: block;
        flex: 0 0 79.16666667%;
        max-width: 79.16666667%
    }

    .ss-col-sm-push-19 {
        left: 79.16666667%
    }

    .ss-col-sm-pull-19 {
        right: 79.16666667%
    }

    .ss-col-sm-offset-19 {
        margin-left: 79.16666667%
    }

    .ss-col-sm-order-19 {
        order: 19
    }

    .ss-col-sm-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .ss-col-sm-push-18 {
        left: 75%
    }

    .ss-col-sm-pull-18 {
        right: 75%
    }

    .ss-col-sm-offset-18 {
        margin-left: 75%
    }

    .ss-col-sm-order-18 {
        order: 18
    }

    .ss-col-sm-17 {
        display: block;
        flex: 0 0 70.83333333%;
        max-width: 70.83333333%
    }

    .ss-col-sm-push-17 {
        left: 70.83333333%
    }

    .ss-col-sm-pull-17 {
        right: 70.83333333%
    }

    .ss-col-sm-offset-17 {
        margin-left: 70.83333333%
    }

    .ss-col-sm-order-17 {
        order: 17
    }

    .ss-col-sm-16 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .ss-col-sm-push-16 {
        left: 66.66666667%
    }

    .ss-col-sm-pull-16 {
        right: 66.66666667%
    }

    .ss-col-sm-offset-16 {
        margin-left: 66.66666667%
    }

    .ss-col-sm-order-16 {
        order: 16
    }

    .ss-col-sm-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .ss-col-sm-push-15 {
        left: 62.5%
    }

    .ss-col-sm-pull-15 {
        right: 62.5%
    }

    .ss-col-sm-offset-15 {
        margin-left: 62.5%
    }

    .ss-col-sm-order-15 {
        order: 15
    }

    .ss-col-sm-14 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .ss-col-sm-push-14 {
        left: 58.33333333%
    }

    .ss-col-sm-pull-14 {
        right: 58.33333333%
    }

    .ss-col-sm-offset-14 {
        margin-left: 58.33333333%
    }

    .ss-col-sm-order-14 {
        order: 14
    }

    .ss-col-sm-13 {
        display: block;
        flex: 0 0 54.16666667%;
        max-width: 54.16666667%
    }

    .ss-col-sm-push-13 {
        left: 54.16666667%
    }

    .ss-col-sm-pull-13 {
        right: 54.16666667%
    }

    .ss-col-sm-offset-13 {
        margin-left: 54.16666667%
    }

    .ss-col-sm-order-13 {
        order: 13
    }

    .ss-col-sm-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .ss-col-sm-push-12 {
        left: 50%
    }

    .ss-col-sm-pull-12 {
        right: 50%
    }

    .ss-col-sm-offset-12 {
        margin-left: 50%
    }

    .ss-col-sm-order-12 {
        order: 12
    }

    .ss-col-sm-11 {
        display: block;
        flex: 0 0 45.83333333%;
        max-width: 45.83333333%
    }

    .ss-col-sm-push-11 {
        left: 45.83333333%
    }

    .ss-col-sm-pull-11 {
        right: 45.83333333%
    }

    .ss-col-sm-offset-11 {
        margin-left: 45.83333333%
    }

    .ss-col-sm-order-11 {
        order: 11
    }

    .ss-col-sm-10 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .ss-col-sm-push-10 {
        left: 41.66666667%
    }

    .ss-col-sm-pull-10 {
        right: 41.66666667%
    }

    .ss-col-sm-offset-10 {
        margin-left: 41.66666667%
    }

    .ss-col-sm-order-10 {
        order: 10
    }

    .ss-col-sm-9 {
        display: block;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .ss-col-sm-push-9 {
        left: 37.5%
    }

    .ss-col-sm-pull-9 {
        right: 37.5%
    }

    .ss-col-sm-offset-9 {
        margin-left: 37.5%
    }

    .ss-col-sm-order-9 {
        order: 9
    }

    .ss-col-sm-8 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .ss-col-sm-push-8 {
        left: 33.33333333%
    }

    .ss-col-sm-pull-8 {
        right: 33.33333333%
    }

    .ss-col-sm-offset-8 {
        margin-left: 33.33333333%
    }

    .ss-col-sm-order-8 {
        order: 8
    }

    .ss-col-sm-7 {
        display: block;
        flex: 0 0 29.16666667%;
        max-width: 29.16666667%
    }

    .ss-col-sm-push-7 {
        left: 29.16666667%
    }

    .ss-col-sm-pull-7 {
        right: 29.16666667%
    }

    .ss-col-sm-offset-7 {
        margin-left: 29.16666667%
    }

    .ss-col-sm-order-7 {
        order: 7
    }

    .ss-col-sm-6 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%
    }

    .ss-col-sm-push-6 {
        left: 25%
    }

    .ss-col-sm-pull-6 {
        right: 25%
    }

    .ss-col-sm-offset-6 {
        margin-left: 25%
    }

    .ss-col-sm-order-6 {
        order: 6
    }

    .ss-col-sm-5 {
        display: block;
        flex: 0 0 20.83333333%;
        max-width: 20.83333333%
    }

    .ss-col-sm-push-5 {
        left: 20.83333333%
    }

    .ss-col-sm-pull-5 {
        right: 20.83333333%
    }

    .ss-col-sm-offset-5 {
        margin-left: 20.83333333%
    }

    .ss-col-sm-order-5 {
        order: 5
    }

    .ss-col-sm-4 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .ss-col-sm-push-4 {
        left: 16.66666667%
    }

    .ss-col-sm-pull-4 {
        right: 16.66666667%
    }

    .ss-col-sm-offset-4 {
        margin-left: 16.66666667%
    }

    .ss-col-sm-order-4 {
        order: 4
    }

    .ss-col-sm-3 {
        display: block;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .ss-col-sm-push-3 {
        left: 12.5%
    }

    .ss-col-sm-pull-3 {
        right: 12.5%
    }

    .ss-col-sm-offset-3 {
        margin-left: 12.5%
    }

    .ss-col-sm-order-3 {
        order: 3
    }

    .ss-col-sm-2 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .ss-col-sm-push-2 {
        left: 8.33333333%
    }

    .ss-col-sm-pull-2 {
        right: 8.33333333%
    }

    .ss-col-sm-offset-2 {
        margin-left: 8.33333333%
    }

    .ss-col-sm-order-2 {
        order: 2
    }

    .ss-col-sm-1 {
        display: block;
        flex: 0 0 4.16666667%;
        max-width: 4.16666667%
    }

    .ss-col-sm-push-1 {
        left: 4.16666667%
    }

    .ss-col-sm-pull-1 {
        right: 4.16666667%
    }

    .ss-col-sm-offset-1 {
        margin-left: 4.16666667%
    }

    .ss-col-sm-order-1 {
        order: 1
    }

    .ss-col-sm-0 {
        display: none
    }

    .ss-col-push-0 {
        left: auto
    }

    .ss-col-pull-0 {
        right: auto
    }

    .ss-col-sm-push-0 {
        left: auto
    }

    .ss-col-sm-pull-0 {
        right: auto
    }

    .ss-col-sm-offset-0 {
        margin-left: 0
    }

    .ss-col-sm-order-0 {
        order: 0
    }

    .ss-col-push-0.ss-col-rtl {
        right: auto
    }

    .ss-col-pull-0.ss-col-rtl {
        left: auto
    }

    .ss-col-sm-push-0.ss-col-rtl {
        right: auto
    }

    .ss-col-sm-pull-0.ss-col-rtl {
        left: auto
    }

    .ss-col-sm-offset-0.ss-col-rtl {
        margin-right: 0
    }

    .ss-col-sm-push-1.ss-col-rtl {
        right: 4.16666667%;
        left: auto
    }

    .ss-col-sm-pull-1.ss-col-rtl {
        right: auto;
        left: 4.16666667%
    }

    .ss-col-sm-offset-1.ss-col-rtl {
        margin-right: 4.16666667%;
        margin-left: 0
    }

    .ss-col-sm-push-2.ss-col-rtl {
        right: 8.33333333%;
        left: auto
    }

    .ss-col-sm-pull-2.ss-col-rtl {
        right: auto;
        left: 8.33333333%
    }

    .ss-col-sm-offset-2.ss-col-rtl {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .ss-col-sm-push-3.ss-col-rtl {
        right: 12.5%;
        left: auto
    }

    .ss-col-sm-pull-3.ss-col-rtl {
        right: auto;
        left: 12.5%
    }

    .ss-col-sm-offset-3.ss-col-rtl {
        margin-right: 12.5%;
        margin-left: 0
    }

    .ss-col-sm-push-4.ss-col-rtl {
        right: 16.66666667%;
        left: auto
    }

    .ss-col-sm-pull-4.ss-col-rtl {
        right: auto;
        left: 16.66666667%
    }

    .ss-col-sm-offset-4.ss-col-rtl {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .ss-col-sm-push-5.ss-col-rtl {
        right: 20.83333333%;
        left: auto
    }

    .ss-col-sm-pull-5.ss-col-rtl {
        right: auto;
        left: 20.83333333%
    }

    .ss-col-sm-offset-5.ss-col-rtl {
        margin-right: 20.83333333%;
        margin-left: 0
    }

    .ss-col-sm-push-6.ss-col-rtl {
        right: 25%;
        left: auto
    }

    .ss-col-sm-pull-6.ss-col-rtl {
        right: auto;
        left: 25%
    }

    .ss-col-sm-offset-6.ss-col-rtl {
        margin-right: 25%;
        margin-left: 0
    }

    .ss-col-sm-push-7.ss-col-rtl {
        right: 29.16666667%;
        left: auto
    }

    .ss-col-sm-pull-7.ss-col-rtl {
        right: auto;
        left: 29.16666667%
    }

    .ss-col-sm-offset-7.ss-col-rtl {
        margin-right: 29.16666667%;
        margin-left: 0
    }

    .ss-col-sm-push-8.ss-col-rtl {
        right: 33.33333333%;
        left: auto
    }

    .ss-col-sm-pull-8.ss-col-rtl {
        right: auto;
        left: 33.33333333%
    }

    .ss-col-sm-offset-8.ss-col-rtl {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .ss-col-sm-push-9.ss-col-rtl {
        right: 37.5%;
        left: auto
    }

    .ss-col-sm-pull-9.ss-col-rtl {
        right: auto;
        left: 37.5%
    }

    .ss-col-sm-offset-9.ss-col-rtl {
        margin-right: 37.5%;
        margin-left: 0
    }

    .ss-col-sm-push-10.ss-col-rtl {
        right: 41.66666667%;
        left: auto
    }

    .ss-col-sm-pull-10.ss-col-rtl {
        right: auto;
        left: 41.66666667%
    }

    .ss-col-sm-offset-10.ss-col-rtl {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .ss-col-sm-push-11.ss-col-rtl {
        right: 45.83333333%;
        left: auto
    }

    .ss-col-sm-pull-11.ss-col-rtl {
        right: auto;
        left: 45.83333333%
    }

    .ss-col-sm-offset-11.ss-col-rtl {
        margin-right: 45.83333333%;
        margin-left: 0
    }

    .ss-col-sm-push-12.ss-col-rtl {
        right: 50%;
        left: auto
    }

    .ss-col-sm-pull-12.ss-col-rtl {
        right: auto;
        left: 50%
    }

    .ss-col-sm-offset-12.ss-col-rtl {
        margin-right: 50%;
        margin-left: 0
    }

    .ss-col-sm-push-13.ss-col-rtl {
        right: 54.16666667%;
        left: auto
    }

    .ss-col-sm-pull-13.ss-col-rtl {
        right: auto;
        left: 54.16666667%
    }

    .ss-col-sm-offset-13.ss-col-rtl {
        margin-right: 54.16666667%;
        margin-left: 0
    }

    .ss-col-sm-push-14.ss-col-rtl {
        right: 58.33333333%;
        left: auto
    }

    .ss-col-sm-pull-14.ss-col-rtl {
        right: auto;
        left: 58.33333333%
    }

    .ss-col-sm-offset-14.ss-col-rtl {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .ss-col-sm-push-15.ss-col-rtl {
        right: 62.5%;
        left: auto
    }

    .ss-col-sm-pull-15.ss-col-rtl {
        right: auto;
        left: 62.5%
    }

    .ss-col-sm-offset-15.ss-col-rtl {
        margin-right: 62.5%;
        margin-left: 0
    }

    .ss-col-sm-push-16.ss-col-rtl {
        right: 66.66666667%;
        left: auto
    }

    .ss-col-sm-pull-16.ss-col-rtl {
        right: auto;
        left: 66.66666667%
    }

    .ss-col-sm-offset-16.ss-col-rtl {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .ss-col-sm-push-17.ss-col-rtl {
        right: 70.83333333%;
        left: auto
    }

    .ss-col-sm-pull-17.ss-col-rtl {
        right: auto;
        left: 70.83333333%
    }

    .ss-col-sm-offset-17.ss-col-rtl {
        margin-right: 70.83333333%;
        margin-left: 0
    }

    .ss-col-sm-push-18.ss-col-rtl {
        right: 75%;
        left: auto
    }

    .ss-col-sm-pull-18.ss-col-rtl {
        right: auto;
        left: 75%
    }

    .ss-col-sm-offset-18.ss-col-rtl {
        margin-right: 75%;
        margin-left: 0
    }

    .ss-col-sm-push-19.ss-col-rtl {
        right: 79.16666667%;
        left: auto
    }

    .ss-col-sm-pull-19.ss-col-rtl {
        right: auto;
        left: 79.16666667%
    }

    .ss-col-sm-offset-19.ss-col-rtl {
        margin-right: 79.16666667%;
        margin-left: 0
    }

    .ss-col-sm-push-20.ss-col-rtl {
        right: 83.33333333%;
        left: auto
    }

    .ss-col-sm-pull-20.ss-col-rtl {
        right: auto;
        left: 83.33333333%
    }

    .ss-col-sm-offset-20.ss-col-rtl {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .ss-col-sm-push-21.ss-col-rtl {
        right: 87.5%;
        left: auto
    }

    .ss-col-sm-pull-21.ss-col-rtl {
        right: auto;
        left: 87.5%
    }

    .ss-col-sm-offset-21.ss-col-rtl {
        margin-right: 87.5%;
        margin-left: 0
    }

    .ss-col-sm-push-22.ss-col-rtl {
        right: 91.66666667%;
        left: auto
    }

    .ss-col-sm-pull-22.ss-col-rtl {
        right: auto;
        left: 91.66666667%
    }

    .ss-col-sm-offset-22.ss-col-rtl {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .ss-col-sm-push-23.ss-col-rtl {
        right: 95.83333333%;
        left: auto
    }

    .ss-col-sm-pull-23.ss-col-rtl {
        right: auto;
        left: 95.83333333%
    }

    .ss-col-sm-offset-23.ss-col-rtl {
        margin-right: 95.83333333%;
        margin-left: 0
    }

    .ss-col-sm-push-24.ss-col-rtl {
        right: 100%;
        left: auto
    }

    .ss-col-sm-pull-24.ss-col-rtl {
        right: auto;
        left: 100%
    }

    .ss-col-sm-offset-24.ss-col-rtl {
        margin-right: 100%;
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .ss-col-md-24 {
        display:block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .ss-col-md-push-24 {
        left: 100%
    }

    .ss-col-md-pull-24 {
        right: 100%
    }

    .ss-col-md-offset-24 {
        margin-left: 100%
    }

    .ss-col-md-order-24 {
        order: 24
    }

    .ss-col-md-23 {
        display: block;
        flex: 0 0 95.83333333%;
        max-width: 95.83333333%
    }

    .ss-col-md-push-23 {
        left: 95.83333333%
    }

    .ss-col-md-pull-23 {
        right: 95.83333333%
    }

    .ss-col-md-offset-23 {
        margin-left: 95.83333333%
    }

    .ss-col-md-order-23 {
        order: 23
    }

    .ss-col-md-22 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .ss-col-md-push-22 {
        left: 91.66666667%
    }

    .ss-col-md-pull-22 {
        right: 91.66666667%
    }

    .ss-col-md-offset-22 {
        margin-left: 91.66666667%
    }

    .ss-col-md-order-22 {
        order: 22
    }

    .ss-col-md-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .ss-col-md-push-21 {
        left: 87.5%
    }

    .ss-col-md-pull-21 {
        right: 87.5%
    }

    .ss-col-md-offset-21 {
        margin-left: 87.5%
    }

    .ss-col-md-order-21 {
        order: 21
    }

    .ss-col-md-20 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .ss-col-md-push-20 {
        left: 83.33333333%
    }

    .ss-col-md-pull-20 {
        right: 83.33333333%
    }

    .ss-col-md-offset-20 {
        margin-left: 83.33333333%
    }

    .ss-col-md-order-20 {
        order: 20
    }

    .ss-col-md-19 {
        display: block;
        flex: 0 0 79.16666667%;
        max-width: 79.16666667%
    }

    .ss-col-md-push-19 {
        left: 79.16666667%
    }

    .ss-col-md-pull-19 {
        right: 79.16666667%
    }

    .ss-col-md-offset-19 {
        margin-left: 79.16666667%
    }

    .ss-col-md-order-19 {
        order: 19
    }

    .ss-col-md-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .ss-col-md-push-18 {
        left: 75%
    }

    .ss-col-md-pull-18 {
        right: 75%
    }

    .ss-col-md-offset-18 {
        margin-left: 75%
    }

    .ss-col-md-order-18 {
        order: 18
    }

    .ss-col-md-17 {
        display: block;
        flex: 0 0 70.83333333%;
        max-width: 70.83333333%
    }

    .ss-col-md-push-17 {
        left: 70.83333333%
    }

    .ss-col-md-pull-17 {
        right: 70.83333333%
    }

    .ss-col-md-offset-17 {
        margin-left: 70.83333333%
    }

    .ss-col-md-order-17 {
        order: 17
    }

    .ss-col-md-16 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .ss-col-md-push-16 {
        left: 66.66666667%
    }

    .ss-col-md-pull-16 {
        right: 66.66666667%
    }

    .ss-col-md-offset-16 {
        margin-left: 66.66666667%
    }

    .ss-col-md-order-16 {
        order: 16
    }

    .ss-col-md-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .ss-col-md-push-15 {
        left: 62.5%
    }

    .ss-col-md-pull-15 {
        right: 62.5%
    }

    .ss-col-md-offset-15 {
        margin-left: 62.5%
    }

    .ss-col-md-order-15 {
        order: 15
    }

    .ss-col-md-14 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .ss-col-md-push-14 {
        left: 58.33333333%
    }

    .ss-col-md-pull-14 {
        right: 58.33333333%
    }

    .ss-col-md-offset-14 {
        margin-left: 58.33333333%
    }

    .ss-col-md-order-14 {
        order: 14
    }

    .ss-col-md-13 {
        display: block;
        flex: 0 0 54.16666667%;
        max-width: 54.16666667%
    }

    .ss-col-md-push-13 {
        left: 54.16666667%
    }

    .ss-col-md-pull-13 {
        right: 54.16666667%
    }

    .ss-col-md-offset-13 {
        margin-left: 54.16666667%
    }

    .ss-col-md-order-13 {
        order: 13
    }

    .ss-col-md-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .ss-col-md-push-12 {
        left: 50%
    }

    .ss-col-md-pull-12 {
        right: 50%
    }

    .ss-col-md-offset-12 {
        margin-left: 50%
    }

    .ss-col-md-order-12 {
        order: 12
    }

    .ss-col-md-11 {
        display: block;
        flex: 0 0 45.83333333%;
        max-width: 45.83333333%
    }

    .ss-col-md-push-11 {
        left: 45.83333333%
    }

    .ss-col-md-pull-11 {
        right: 45.83333333%
    }

    .ss-col-md-offset-11 {
        margin-left: 45.83333333%
    }

    .ss-col-md-order-11 {
        order: 11
    }

    .ss-col-md-10 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .ss-col-md-push-10 {
        left: 41.66666667%
    }

    .ss-col-md-pull-10 {
        right: 41.66666667%
    }

    .ss-col-md-offset-10 {
        margin-left: 41.66666667%
    }

    .ss-col-md-order-10 {
        order: 10
    }

    .ss-col-md-9 {
        display: block;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .ss-col-md-push-9 {
        left: 37.5%
    }

    .ss-col-md-pull-9 {
        right: 37.5%
    }

    .ss-col-md-offset-9 {
        margin-left: 37.5%
    }

    .ss-col-md-order-9 {
        order: 9
    }

    .ss-col-md-8 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .ss-col-md-push-8 {
        left: 33.33333333%
    }

    .ss-col-md-pull-8 {
        right: 33.33333333%
    }

    .ss-col-md-offset-8 {
        margin-left: 33.33333333%
    }

    .ss-col-md-order-8 {
        order: 8
    }

    .ss-col-md-7 {
        display: block;
        flex: 0 0 29.16666667%;
        max-width: 29.16666667%
    }

    .ss-col-md-push-7 {
        left: 29.16666667%
    }

    .ss-col-md-pull-7 {
        right: 29.16666667%
    }

    .ss-col-md-offset-7 {
        margin-left: 29.16666667%
    }

    .ss-col-md-order-7 {
        order: 7
    }

    .ss-col-md-6 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%
    }

    .ss-col-md-push-6 {
        left: 25%
    }

    .ss-col-md-pull-6 {
        right: 25%
    }

    .ss-col-md-offset-6 {
        margin-left: 25%
    }

    .ss-col-md-order-6 {
        order: 6
    }

    .ss-col-md-5 {
        display: block;
        flex: 0 0 20.83333333%;
        max-width: 20.83333333%
    }

    .ss-col-md-push-5 {
        left: 20.83333333%
    }

    .ss-col-md-pull-5 {
        right: 20.83333333%
    }

    .ss-col-md-offset-5 {
        margin-left: 20.83333333%
    }

    .ss-col-md-order-5 {
        order: 5
    }

    .ss-col-md-4 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .ss-col-md-push-4 {
        left: 16.66666667%
    }

    .ss-col-md-pull-4 {
        right: 16.66666667%
    }

    .ss-col-md-offset-4 {
        margin-left: 16.66666667%
    }

    .ss-col-md-order-4 {
        order: 4
    }

    .ss-col-md-3 {
        display: block;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .ss-col-md-push-3 {
        left: 12.5%
    }

    .ss-col-md-pull-3 {
        right: 12.5%
    }

    .ss-col-md-offset-3 {
        margin-left: 12.5%
    }

    .ss-col-md-order-3 {
        order: 3
    }

    .ss-col-md-2 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .ss-col-md-push-2 {
        left: 8.33333333%
    }

    .ss-col-md-pull-2 {
        right: 8.33333333%
    }

    .ss-col-md-offset-2 {
        margin-left: 8.33333333%
    }

    .ss-col-md-order-2 {
        order: 2
    }

    .ss-col-md-1 {
        display: block;
        flex: 0 0 4.16666667%;
        max-width: 4.16666667%
    }

    .ss-col-md-push-1 {
        left: 4.16666667%
    }

    .ss-col-md-pull-1 {
        right: 4.16666667%
    }

    .ss-col-md-offset-1 {
        margin-left: 4.16666667%
    }

    .ss-col-md-order-1 {
        order: 1
    }

    .ss-col-md-0 {
        display: none
    }

    .ss-col-push-0 {
        left: auto
    }

    .ss-col-pull-0 {
        right: auto
    }

    .ss-col-md-push-0 {
        left: auto
    }

    .ss-col-md-pull-0 {
        right: auto
    }

    .ss-col-md-offset-0 {
        margin-left: 0
    }

    .ss-col-md-order-0 {
        order: 0
    }

    .ss-col-push-0.ss-col-rtl {
        right: auto
    }

    .ss-col-pull-0.ss-col-rtl {
        left: auto
    }

    .ss-col-md-push-0.ss-col-rtl {
        right: auto
    }

    .ss-col-md-pull-0.ss-col-rtl {
        left: auto
    }

    .ss-col-md-offset-0.ss-col-rtl {
        margin-right: 0
    }

    .ss-col-md-push-1.ss-col-rtl {
        right: 4.16666667%;
        left: auto
    }

    .ss-col-md-pull-1.ss-col-rtl {
        right: auto;
        left: 4.16666667%
    }

    .ss-col-md-offset-1.ss-col-rtl {
        margin-right: 4.16666667%;
        margin-left: 0
    }

    .ss-col-md-push-2.ss-col-rtl {
        right: 8.33333333%;
        left: auto
    }

    .ss-col-md-pull-2.ss-col-rtl {
        right: auto;
        left: 8.33333333%
    }

    .ss-col-md-offset-2.ss-col-rtl {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .ss-col-md-push-3.ss-col-rtl {
        right: 12.5%;
        left: auto
    }

    .ss-col-md-pull-3.ss-col-rtl {
        right: auto;
        left: 12.5%
    }

    .ss-col-md-offset-3.ss-col-rtl {
        margin-right: 12.5%;
        margin-left: 0
    }

    .ss-col-md-push-4.ss-col-rtl {
        right: 16.66666667%;
        left: auto
    }

    .ss-col-md-pull-4.ss-col-rtl {
        right: auto;
        left: 16.66666667%
    }

    .ss-col-md-offset-4.ss-col-rtl {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .ss-col-md-push-5.ss-col-rtl {
        right: 20.83333333%;
        left: auto
    }

    .ss-col-md-pull-5.ss-col-rtl {
        right: auto;
        left: 20.83333333%
    }

    .ss-col-md-offset-5.ss-col-rtl {
        margin-right: 20.83333333%;
        margin-left: 0
    }

    .ss-col-md-push-6.ss-col-rtl {
        right: 25%;
        left: auto
    }

    .ss-col-md-pull-6.ss-col-rtl {
        right: auto;
        left: 25%
    }

    .ss-col-md-offset-6.ss-col-rtl {
        margin-right: 25%;
        margin-left: 0
    }

    .ss-col-md-push-7.ss-col-rtl {
        right: 29.16666667%;
        left: auto
    }

    .ss-col-md-pull-7.ss-col-rtl {
        right: auto;
        left: 29.16666667%
    }

    .ss-col-md-offset-7.ss-col-rtl {
        margin-right: 29.16666667%;
        margin-left: 0
    }

    .ss-col-md-push-8.ss-col-rtl {
        right: 33.33333333%;
        left: auto
    }

    .ss-col-md-pull-8.ss-col-rtl {
        right: auto;
        left: 33.33333333%
    }

    .ss-col-md-offset-8.ss-col-rtl {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .ss-col-md-push-9.ss-col-rtl {
        right: 37.5%;
        left: auto
    }

    .ss-col-md-pull-9.ss-col-rtl {
        right: auto;
        left: 37.5%
    }

    .ss-col-md-offset-9.ss-col-rtl {
        margin-right: 37.5%;
        margin-left: 0
    }

    .ss-col-md-push-10.ss-col-rtl {
        right: 41.66666667%;
        left: auto
    }

    .ss-col-md-pull-10.ss-col-rtl {
        right: auto;
        left: 41.66666667%
    }

    .ss-col-md-offset-10.ss-col-rtl {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .ss-col-md-push-11.ss-col-rtl {
        right: 45.83333333%;
        left: auto
    }

    .ss-col-md-pull-11.ss-col-rtl {
        right: auto;
        left: 45.83333333%
    }

    .ss-col-md-offset-11.ss-col-rtl {
        margin-right: 45.83333333%;
        margin-left: 0
    }

    .ss-col-md-push-12.ss-col-rtl {
        right: 50%;
        left: auto
    }

    .ss-col-md-pull-12.ss-col-rtl {
        right: auto;
        left: 50%
    }

    .ss-col-md-offset-12.ss-col-rtl {
        margin-right: 50%;
        margin-left: 0
    }

    .ss-col-md-push-13.ss-col-rtl {
        right: 54.16666667%;
        left: auto
    }

    .ss-col-md-pull-13.ss-col-rtl {
        right: auto;
        left: 54.16666667%
    }

    .ss-col-md-offset-13.ss-col-rtl {
        margin-right: 54.16666667%;
        margin-left: 0
    }

    .ss-col-md-push-14.ss-col-rtl {
        right: 58.33333333%;
        left: auto
    }

    .ss-col-md-pull-14.ss-col-rtl {
        right: auto;
        left: 58.33333333%
    }

    .ss-col-md-offset-14.ss-col-rtl {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .ss-col-md-push-15.ss-col-rtl {
        right: 62.5%;
        left: auto
    }

    .ss-col-md-pull-15.ss-col-rtl {
        right: auto;
        left: 62.5%
    }

    .ss-col-md-offset-15.ss-col-rtl {
        margin-right: 62.5%;
        margin-left: 0
    }

    .ss-col-md-push-16.ss-col-rtl {
        right: 66.66666667%;
        left: auto
    }

    .ss-col-md-pull-16.ss-col-rtl {
        right: auto;
        left: 66.66666667%
    }

    .ss-col-md-offset-16.ss-col-rtl {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .ss-col-md-push-17.ss-col-rtl {
        right: 70.83333333%;
        left: auto
    }

    .ss-col-md-pull-17.ss-col-rtl {
        right: auto;
        left: 70.83333333%
    }

    .ss-col-md-offset-17.ss-col-rtl {
        margin-right: 70.83333333%;
        margin-left: 0
    }

    .ss-col-md-push-18.ss-col-rtl {
        right: 75%;
        left: auto
    }

    .ss-col-md-pull-18.ss-col-rtl {
        right: auto;
        left: 75%
    }

    .ss-col-md-offset-18.ss-col-rtl {
        margin-right: 75%;
        margin-left: 0
    }

    .ss-col-md-push-19.ss-col-rtl {
        right: 79.16666667%;
        left: auto
    }

    .ss-col-md-pull-19.ss-col-rtl {
        right: auto;
        left: 79.16666667%
    }

    .ss-col-md-offset-19.ss-col-rtl {
        margin-right: 79.16666667%;
        margin-left: 0
    }

    .ss-col-md-push-20.ss-col-rtl {
        right: 83.33333333%;
        left: auto
    }

    .ss-col-md-pull-20.ss-col-rtl {
        right: auto;
        left: 83.33333333%
    }

    .ss-col-md-offset-20.ss-col-rtl {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .ss-col-md-push-21.ss-col-rtl {
        right: 87.5%;
        left: auto
    }

    .ss-col-md-pull-21.ss-col-rtl {
        right: auto;
        left: 87.5%
    }

    .ss-col-md-offset-21.ss-col-rtl {
        margin-right: 87.5%;
        margin-left: 0
    }

    .ss-col-md-push-22.ss-col-rtl {
        right: 91.66666667%;
        left: auto
    }

    .ss-col-md-pull-22.ss-col-rtl {
        right: auto;
        left: 91.66666667%
    }

    .ss-col-md-offset-22.ss-col-rtl {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .ss-col-md-push-23.ss-col-rtl {
        right: 95.83333333%;
        left: auto
    }

    .ss-col-md-pull-23.ss-col-rtl {
        right: auto;
        left: 95.83333333%
    }

    .ss-col-md-offset-23.ss-col-rtl {
        margin-right: 95.83333333%;
        margin-left: 0
    }

    .ss-col-md-push-24.ss-col-rtl {
        right: 100%;
        left: auto
    }

    .ss-col-md-pull-24.ss-col-rtl {
        right: auto;
        left: 100%
    }

    .ss-col-md-offset-24.ss-col-rtl {
        margin-right: 100%;
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .ss-col-lg-24 {
        display:block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .ss-col-lg-push-24 {
        left: 100%
    }

    .ss-col-lg-pull-24 {
        right: 100%
    }

    .ss-col-lg-offset-24 {
        margin-left: 100%
    }

    .ss-col-lg-order-24 {
        order: 24
    }

    .ss-col-lg-23 {
        display: block;
        flex: 0 0 95.83333333%;
        max-width: 95.83333333%
    }

    .ss-col-lg-push-23 {
        left: 95.83333333%
    }

    .ss-col-lg-pull-23 {
        right: 95.83333333%
    }

    .ss-col-lg-offset-23 {
        margin-left: 95.83333333%
    }

    .ss-col-lg-order-23 {
        order: 23
    }

    .ss-col-lg-22 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .ss-col-lg-push-22 {
        left: 91.66666667%
    }

    .ss-col-lg-pull-22 {
        right: 91.66666667%
    }

    .ss-col-lg-offset-22 {
        margin-left: 91.66666667%
    }

    .ss-col-lg-order-22 {
        order: 22
    }

    .ss-col-lg-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .ss-col-lg-push-21 {
        left: 87.5%
    }

    .ss-col-lg-pull-21 {
        right: 87.5%
    }

    .ss-col-lg-offset-21 {
        margin-left: 87.5%
    }

    .ss-col-lg-order-21 {
        order: 21
    }

    .ss-col-lg-20 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .ss-col-lg-push-20 {
        left: 83.33333333%
    }

    .ss-col-lg-pull-20 {
        right: 83.33333333%
    }

    .ss-col-lg-offset-20 {
        margin-left: 83.33333333%
    }

    .ss-col-lg-order-20 {
        order: 20
    }

    .ss-col-lg-19 {
        display: block;
        flex: 0 0 79.16666667%;
        max-width: 79.16666667%
    }

    .ss-col-lg-push-19 {
        left: 79.16666667%
    }

    .ss-col-lg-pull-19 {
        right: 79.16666667%
    }

    .ss-col-lg-offset-19 {
        margin-left: 79.16666667%
    }

    .ss-col-lg-order-19 {
        order: 19
    }

    .ss-col-lg-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .ss-col-lg-push-18 {
        left: 75%
    }

    .ss-col-lg-pull-18 {
        right: 75%
    }

    .ss-col-lg-offset-18 {
        margin-left: 75%
    }

    .ss-col-lg-order-18 {
        order: 18
    }

    .ss-col-lg-17 {
        display: block;
        flex: 0 0 70.83333333%;
        max-width: 70.83333333%
    }

    .ss-col-lg-push-17 {
        left: 70.83333333%
    }

    .ss-col-lg-pull-17 {
        right: 70.83333333%
    }

    .ss-col-lg-offset-17 {
        margin-left: 70.83333333%
    }

    .ss-col-lg-order-17 {
        order: 17
    }

    .ss-col-lg-16 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .ss-col-lg-push-16 {
        left: 66.66666667%
    }

    .ss-col-lg-pull-16 {
        right: 66.66666667%
    }

    .ss-col-lg-offset-16 {
        margin-left: 66.66666667%
    }

    .ss-col-lg-order-16 {
        order: 16
    }

    .ss-col-lg-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .ss-col-lg-push-15 {
        left: 62.5%
    }

    .ss-col-lg-pull-15 {
        right: 62.5%
    }

    .ss-col-lg-offset-15 {
        margin-left: 62.5%
    }

    .ss-col-lg-order-15 {
        order: 15
    }

    .ss-col-lg-14 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .ss-col-lg-push-14 {
        left: 58.33333333%
    }

    .ss-col-lg-pull-14 {
        right: 58.33333333%
    }

    .ss-col-lg-offset-14 {
        margin-left: 58.33333333%
    }

    .ss-col-lg-order-14 {
        order: 14
    }

    .ss-col-lg-13 {
        display: block;
        flex: 0 0 54.16666667%;
        max-width: 54.16666667%
    }

    .ss-col-lg-push-13 {
        left: 54.16666667%
    }

    .ss-col-lg-pull-13 {
        right: 54.16666667%
    }

    .ss-col-lg-offset-13 {
        margin-left: 54.16666667%
    }

    .ss-col-lg-order-13 {
        order: 13
    }

    .ss-col-lg-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .ss-col-lg-push-12 {
        left: 50%
    }

    .ss-col-lg-pull-12 {
        right: 50%
    }

    .ss-col-lg-offset-12 {
        margin-left: 50%
    }

    .ss-col-lg-order-12 {
        order: 12
    }

    .ss-col-lg-11 {
        display: block;
        flex: 0 0 45.83333333%;
        max-width: 45.83333333%
    }

    .ss-col-lg-push-11 {
        left: 45.83333333%
    }

    .ss-col-lg-pull-11 {
        right: 45.83333333%
    }

    .ss-col-lg-offset-11 {
        margin-left: 45.83333333%
    }

    .ss-col-lg-order-11 {
        order: 11
    }

    .ss-col-lg-10 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .ss-col-lg-push-10 {
        left: 41.66666667%
    }

    .ss-col-lg-pull-10 {
        right: 41.66666667%
    }

    .ss-col-lg-offset-10 {
        margin-left: 41.66666667%
    }

    .ss-col-lg-order-10 {
        order: 10
    }

    .ss-col-lg-9 {
        display: block;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .ss-col-lg-push-9 {
        left: 37.5%
    }

    .ss-col-lg-pull-9 {
        right: 37.5%
    }

    .ss-col-lg-offset-9 {
        margin-left: 37.5%
    }

    .ss-col-lg-order-9 {
        order: 9
    }

    .ss-col-lg-8 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .ss-col-lg-push-8 {
        left: 33.33333333%
    }

    .ss-col-lg-pull-8 {
        right: 33.33333333%
    }

    .ss-col-lg-offset-8 {
        margin-left: 33.33333333%
    }

    .ss-col-lg-order-8 {
        order: 8
    }

    .ss-col-lg-7 {
        display: block;
        flex: 0 0 29.16666667%;
        max-width: 29.16666667%
    }

    .ss-col-lg-push-7 {
        left: 29.16666667%
    }

    .ss-col-lg-pull-7 {
        right: 29.16666667%
    }

    .ss-col-lg-offset-7 {
        margin-left: 29.16666667%
    }

    .ss-col-lg-order-7 {
        order: 7
    }

    .ss-col-lg-6 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%
    }

    .ss-col-lg-push-6 {
        left: 25%
    }

    .ss-col-lg-pull-6 {
        right: 25%
    }

    .ss-col-lg-offset-6 {
        margin-left: 25%
    }

    .ss-col-lg-order-6 {
        order: 6
    }

    .ss-col-lg-5 {
        display: block;
        flex: 0 0 20.83333333%;
        max-width: 20.83333333%
    }

    .ss-col-lg-push-5 {
        left: 20.83333333%
    }

    .ss-col-lg-pull-5 {
        right: 20.83333333%
    }

    .ss-col-lg-offset-5 {
        margin-left: 20.83333333%
    }

    .ss-col-lg-order-5 {
        order: 5
    }

    .ss-col-lg-4 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .ss-col-lg-push-4 {
        left: 16.66666667%
    }

    .ss-col-lg-pull-4 {
        right: 16.66666667%
    }

    .ss-col-lg-offset-4 {
        margin-left: 16.66666667%
    }

    .ss-col-lg-order-4 {
        order: 4
    }

    .ss-col-lg-3 {
        display: block;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .ss-col-lg-push-3 {
        left: 12.5%
    }

    .ss-col-lg-pull-3 {
        right: 12.5%
    }

    .ss-col-lg-offset-3 {
        margin-left: 12.5%
    }

    .ss-col-lg-order-3 {
        order: 3
    }

    .ss-col-lg-2 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .ss-col-lg-push-2 {
        left: 8.33333333%
    }

    .ss-col-lg-pull-2 {
        right: 8.33333333%
    }

    .ss-col-lg-offset-2 {
        margin-left: 8.33333333%
    }

    .ss-col-lg-order-2 {
        order: 2
    }

    .ss-col-lg-1 {
        display: block;
        flex: 0 0 4.16666667%;
        max-width: 4.16666667%
    }

    .ss-col-lg-push-1 {
        left: 4.16666667%
    }

    .ss-col-lg-pull-1 {
        right: 4.16666667%
    }

    .ss-col-lg-offset-1 {
        margin-left: 4.16666667%
    }

    .ss-col-lg-order-1 {
        order: 1
    }

    .ss-col-lg-0 {
        display: none
    }

    .ss-col-push-0 {
        left: auto
    }

    .ss-col-pull-0 {
        right: auto
    }

    .ss-col-lg-push-0 {
        left: auto
    }

    .ss-col-lg-pull-0 {
        right: auto
    }

    .ss-col-lg-offset-0 {
        margin-left: 0
    }

    .ss-col-lg-order-0 {
        order: 0
    }

    .ss-col-push-0.ss-col-rtl {
        right: auto
    }

    .ss-col-pull-0.ss-col-rtl {
        left: auto
    }

    .ss-col-lg-push-0.ss-col-rtl {
        right: auto
    }

    .ss-col-lg-pull-0.ss-col-rtl {
        left: auto
    }

    .ss-col-lg-offset-0.ss-col-rtl {
        margin-right: 0
    }

    .ss-col-lg-push-1.ss-col-rtl {
        right: 4.16666667%;
        left: auto
    }

    .ss-col-lg-pull-1.ss-col-rtl {
        right: auto;
        left: 4.16666667%
    }

    .ss-col-lg-offset-1.ss-col-rtl {
        margin-right: 4.16666667%;
        margin-left: 0
    }

    .ss-col-lg-push-2.ss-col-rtl {
        right: 8.33333333%;
        left: auto
    }

    .ss-col-lg-pull-2.ss-col-rtl {
        right: auto;
        left: 8.33333333%
    }

    .ss-col-lg-offset-2.ss-col-rtl {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .ss-col-lg-push-3.ss-col-rtl {
        right: 12.5%;
        left: auto
    }

    .ss-col-lg-pull-3.ss-col-rtl {
        right: auto;
        left: 12.5%
    }

    .ss-col-lg-offset-3.ss-col-rtl {
        margin-right: 12.5%;
        margin-left: 0
    }

    .ss-col-lg-push-4.ss-col-rtl {
        right: 16.66666667%;
        left: auto
    }

    .ss-col-lg-pull-4.ss-col-rtl {
        right: auto;
        left: 16.66666667%
    }

    .ss-col-lg-offset-4.ss-col-rtl {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .ss-col-lg-push-5.ss-col-rtl {
        right: 20.83333333%;
        left: auto
    }

    .ss-col-lg-pull-5.ss-col-rtl {
        right: auto;
        left: 20.83333333%
    }

    .ss-col-lg-offset-5.ss-col-rtl {
        margin-right: 20.83333333%;
        margin-left: 0
    }

    .ss-col-lg-push-6.ss-col-rtl {
        right: 25%;
        left: auto
    }

    .ss-col-lg-pull-6.ss-col-rtl {
        right: auto;
        left: 25%
    }

    .ss-col-lg-offset-6.ss-col-rtl {
        margin-right: 25%;
        margin-left: 0
    }

    .ss-col-lg-push-7.ss-col-rtl {
        right: 29.16666667%;
        left: auto
    }

    .ss-col-lg-pull-7.ss-col-rtl {
        right: auto;
        left: 29.16666667%
    }

    .ss-col-lg-offset-7.ss-col-rtl {
        margin-right: 29.16666667%;
        margin-left: 0
    }

    .ss-col-lg-push-8.ss-col-rtl {
        right: 33.33333333%;
        left: auto
    }

    .ss-col-lg-pull-8.ss-col-rtl {
        right: auto;
        left: 33.33333333%
    }

    .ss-col-lg-offset-8.ss-col-rtl {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .ss-col-lg-push-9.ss-col-rtl {
        right: 37.5%;
        left: auto
    }

    .ss-col-lg-pull-9.ss-col-rtl {
        right: auto;
        left: 37.5%
    }

    .ss-col-lg-offset-9.ss-col-rtl {
        margin-right: 37.5%;
        margin-left: 0
    }

    .ss-col-lg-push-10.ss-col-rtl {
        right: 41.66666667%;
        left: auto
    }

    .ss-col-lg-pull-10.ss-col-rtl {
        right: auto;
        left: 41.66666667%
    }

    .ss-col-lg-offset-10.ss-col-rtl {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .ss-col-lg-push-11.ss-col-rtl {
        right: 45.83333333%;
        left: auto
    }

    .ss-col-lg-pull-11.ss-col-rtl {
        right: auto;
        left: 45.83333333%
    }

    .ss-col-lg-offset-11.ss-col-rtl {
        margin-right: 45.83333333%;
        margin-left: 0
    }

    .ss-col-lg-push-12.ss-col-rtl {
        right: 50%;
        left: auto
    }

    .ss-col-lg-pull-12.ss-col-rtl {
        right: auto;
        left: 50%
    }

    .ss-col-lg-offset-12.ss-col-rtl {
        margin-right: 50%;
        margin-left: 0
    }

    .ss-col-lg-push-13.ss-col-rtl {
        right: 54.16666667%;
        left: auto
    }

    .ss-col-lg-pull-13.ss-col-rtl {
        right: auto;
        left: 54.16666667%
    }

    .ss-col-lg-offset-13.ss-col-rtl {
        margin-right: 54.16666667%;
        margin-left: 0
    }

    .ss-col-lg-push-14.ss-col-rtl {
        right: 58.33333333%;
        left: auto
    }

    .ss-col-lg-pull-14.ss-col-rtl {
        right: auto;
        left: 58.33333333%
    }

    .ss-col-lg-offset-14.ss-col-rtl {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .ss-col-lg-push-15.ss-col-rtl {
        right: 62.5%;
        left: auto
    }

    .ss-col-lg-pull-15.ss-col-rtl {
        right: auto;
        left: 62.5%
    }

    .ss-col-lg-offset-15.ss-col-rtl {
        margin-right: 62.5%;
        margin-left: 0
    }

    .ss-col-lg-push-16.ss-col-rtl {
        right: 66.66666667%;
        left: auto
    }

    .ss-col-lg-pull-16.ss-col-rtl {
        right: auto;
        left: 66.66666667%
    }

    .ss-col-lg-offset-16.ss-col-rtl {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .ss-col-lg-push-17.ss-col-rtl {
        right: 70.83333333%;
        left: auto
    }

    .ss-col-lg-pull-17.ss-col-rtl {
        right: auto;
        left: 70.83333333%
    }

    .ss-col-lg-offset-17.ss-col-rtl {
        margin-right: 70.83333333%;
        margin-left: 0
    }

    .ss-col-lg-push-18.ss-col-rtl {
        right: 75%;
        left: auto
    }

    .ss-col-lg-pull-18.ss-col-rtl {
        right: auto;
        left: 75%
    }

    .ss-col-lg-offset-18.ss-col-rtl {
        margin-right: 75%;
        margin-left: 0
    }

    .ss-col-lg-push-19.ss-col-rtl {
        right: 79.16666667%;
        left: auto
    }

    .ss-col-lg-pull-19.ss-col-rtl {
        right: auto;
        left: 79.16666667%
    }

    .ss-col-lg-offset-19.ss-col-rtl {
        margin-right: 79.16666667%;
        margin-left: 0
    }

    .ss-col-lg-push-20.ss-col-rtl {
        right: 83.33333333%;
        left: auto
    }

    .ss-col-lg-pull-20.ss-col-rtl {
        right: auto;
        left: 83.33333333%
    }

    .ss-col-lg-offset-20.ss-col-rtl {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .ss-col-lg-push-21.ss-col-rtl {
        right: 87.5%;
        left: auto
    }

    .ss-col-lg-pull-21.ss-col-rtl {
        right: auto;
        left: 87.5%
    }

    .ss-col-lg-offset-21.ss-col-rtl {
        margin-right: 87.5%;
        margin-left: 0
    }

    .ss-col-lg-push-22.ss-col-rtl {
        right: 91.66666667%;
        left: auto
    }

    .ss-col-lg-pull-22.ss-col-rtl {
        right: auto;
        left: 91.66666667%
    }

    .ss-col-lg-offset-22.ss-col-rtl {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .ss-col-lg-push-23.ss-col-rtl {
        right: 95.83333333%;
        left: auto
    }

    .ss-col-lg-pull-23.ss-col-rtl {
        right: auto;
        left: 95.83333333%
    }

    .ss-col-lg-offset-23.ss-col-rtl {
        margin-right: 95.83333333%;
        margin-left: 0
    }

    .ss-col-lg-push-24.ss-col-rtl {
        right: 100%;
        left: auto
    }

    .ss-col-lg-pull-24.ss-col-rtl {
        right: auto;
        left: 100%
    }

    .ss-col-lg-offset-24.ss-col-rtl {
        margin-right: 100%;
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .ss-col-xl-24 {
        display:block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .ss-col-xl-push-24 {
        left: 100%
    }

    .ss-col-xl-pull-24 {
        right: 100%
    }

    .ss-col-xl-offset-24 {
        margin-left: 100%
    }

    .ss-col-xl-order-24 {
        order: 24
    }

    .ss-col-xl-23 {
        display: block;
        flex: 0 0 95.83333333%;
        max-width: 95.83333333%
    }

    .ss-col-xl-push-23 {
        left: 95.83333333%
    }

    .ss-col-xl-pull-23 {
        right: 95.83333333%
    }

    .ss-col-xl-offset-23 {
        margin-left: 95.83333333%
    }

    .ss-col-xl-order-23 {
        order: 23
    }

    .ss-col-xl-22 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .ss-col-xl-push-22 {
        left: 91.66666667%
    }

    .ss-col-xl-pull-22 {
        right: 91.66666667%
    }

    .ss-col-xl-offset-22 {
        margin-left: 91.66666667%
    }

    .ss-col-xl-order-22 {
        order: 22
    }

    .ss-col-xl-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .ss-col-xl-push-21 {
        left: 87.5%
    }

    .ss-col-xl-pull-21 {
        right: 87.5%
    }

    .ss-col-xl-offset-21 {
        margin-left: 87.5%
    }

    .ss-col-xl-order-21 {
        order: 21
    }

    .ss-col-xl-20 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .ss-col-xl-push-20 {
        left: 83.33333333%
    }

    .ss-col-xl-pull-20 {
        right: 83.33333333%
    }

    .ss-col-xl-offset-20 {
        margin-left: 83.33333333%
    }

    .ss-col-xl-order-20 {
        order: 20
    }

    .ss-col-xl-19 {
        display: block;
        flex: 0 0 79.16666667%;
        max-width: 79.16666667%
    }

    .ss-col-xl-push-19 {
        left: 79.16666667%
    }

    .ss-col-xl-pull-19 {
        right: 79.16666667%
    }

    .ss-col-xl-offset-19 {
        margin-left: 79.16666667%
    }

    .ss-col-xl-order-19 {
        order: 19
    }

    .ss-col-xl-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .ss-col-xl-push-18 {
        left: 75%
    }

    .ss-col-xl-pull-18 {
        right: 75%
    }

    .ss-col-xl-offset-18 {
        margin-left: 75%
    }

    .ss-col-xl-order-18 {
        order: 18
    }

    .ss-col-xl-17 {
        display: block;
        flex: 0 0 70.83333333%;
        max-width: 70.83333333%
    }

    .ss-col-xl-push-17 {
        left: 70.83333333%
    }

    .ss-col-xl-pull-17 {
        right: 70.83333333%
    }

    .ss-col-xl-offset-17 {
        margin-left: 70.83333333%
    }

    .ss-col-xl-order-17 {
        order: 17
    }

    .ss-col-xl-16 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .ss-col-xl-push-16 {
        left: 66.66666667%
    }

    .ss-col-xl-pull-16 {
        right: 66.66666667%
    }

    .ss-col-xl-offset-16 {
        margin-left: 66.66666667%
    }

    .ss-col-xl-order-16 {
        order: 16
    }

    .ss-col-xl-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .ss-col-xl-push-15 {
        left: 62.5%
    }

    .ss-col-xl-pull-15 {
        right: 62.5%
    }

    .ss-col-xl-offset-15 {
        margin-left: 62.5%
    }

    .ss-col-xl-order-15 {
        order: 15
    }

    .ss-col-xl-14 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .ss-col-xl-push-14 {
        left: 58.33333333%
    }

    .ss-col-xl-pull-14 {
        right: 58.33333333%
    }

    .ss-col-xl-offset-14 {
        margin-left: 58.33333333%
    }

    .ss-col-xl-order-14 {
        order: 14
    }

    .ss-col-xl-13 {
        display: block;
        flex: 0 0 54.16666667%;
        max-width: 54.16666667%
    }

    .ss-col-xl-push-13 {
        left: 54.16666667%
    }

    .ss-col-xl-pull-13 {
        right: 54.16666667%
    }

    .ss-col-xl-offset-13 {
        margin-left: 54.16666667%
    }

    .ss-col-xl-order-13 {
        order: 13
    }

    .ss-col-xl-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .ss-col-xl-push-12 {
        left: 50%
    }

    .ss-col-xl-pull-12 {
        right: 50%
    }

    .ss-col-xl-offset-12 {
        margin-left: 50%
    }

    .ss-col-xl-order-12 {
        order: 12
    }

    .ss-col-xl-11 {
        display: block;
        flex: 0 0 45.83333333%;
        max-width: 45.83333333%
    }

    .ss-col-xl-push-11 {
        left: 45.83333333%
    }

    .ss-col-xl-pull-11 {
        right: 45.83333333%
    }

    .ss-col-xl-offset-11 {
        margin-left: 45.83333333%
    }

    .ss-col-xl-order-11 {
        order: 11
    }

    .ss-col-xl-10 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .ss-col-xl-push-10 {
        left: 41.66666667%
    }

    .ss-col-xl-pull-10 {
        right: 41.66666667%
    }

    .ss-col-xl-offset-10 {
        margin-left: 41.66666667%
    }

    .ss-col-xl-order-10 {
        order: 10
    }

    .ss-col-xl-9 {
        display: block;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .ss-col-xl-push-9 {
        left: 37.5%
    }

    .ss-col-xl-pull-9 {
        right: 37.5%
    }

    .ss-col-xl-offset-9 {
        margin-left: 37.5%
    }

    .ss-col-xl-order-9 {
        order: 9
    }

    .ss-col-xl-8 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .ss-col-xl-push-8 {
        left: 33.33333333%
    }

    .ss-col-xl-pull-8 {
        right: 33.33333333%
    }

    .ss-col-xl-offset-8 {
        margin-left: 33.33333333%
    }

    .ss-col-xl-order-8 {
        order: 8
    }

    .ss-col-xl-7 {
        display: block;
        flex: 0 0 29.16666667%;
        max-width: 29.16666667%
    }

    .ss-col-xl-push-7 {
        left: 29.16666667%
    }

    .ss-col-xl-pull-7 {
        right: 29.16666667%
    }

    .ss-col-xl-offset-7 {
        margin-left: 29.16666667%
    }

    .ss-col-xl-order-7 {
        order: 7
    }

    .ss-col-xl-6 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%
    }

    .ss-col-xl-push-6 {
        left: 25%
    }

    .ss-col-xl-pull-6 {
        right: 25%
    }

    .ss-col-xl-offset-6 {
        margin-left: 25%
    }

    .ss-col-xl-order-6 {
        order: 6
    }

    .ss-col-xl-5 {
        display: block;
        flex: 0 0 20.83333333%;
        max-width: 20.83333333%
    }

    .ss-col-xl-push-5 {
        left: 20.83333333%
    }

    .ss-col-xl-pull-5 {
        right: 20.83333333%
    }

    .ss-col-xl-offset-5 {
        margin-left: 20.83333333%
    }

    .ss-col-xl-order-5 {
        order: 5
    }

    .ss-col-xl-4 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .ss-col-xl-push-4 {
        left: 16.66666667%
    }

    .ss-col-xl-pull-4 {
        right: 16.66666667%
    }

    .ss-col-xl-offset-4 {
        margin-left: 16.66666667%
    }

    .ss-col-xl-order-4 {
        order: 4
    }

    .ss-col-xl-3 {
        display: block;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .ss-col-xl-push-3 {
        left: 12.5%
    }

    .ss-col-xl-pull-3 {
        right: 12.5%
    }

    .ss-col-xl-offset-3 {
        margin-left: 12.5%
    }

    .ss-col-xl-order-3 {
        order: 3
    }

    .ss-col-xl-2 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .ss-col-xl-push-2 {
        left: 8.33333333%
    }

    .ss-col-xl-pull-2 {
        right: 8.33333333%
    }

    .ss-col-xl-offset-2 {
        margin-left: 8.33333333%
    }

    .ss-col-xl-order-2 {
        order: 2
    }

    .ss-col-xl-1 {
        display: block;
        flex: 0 0 4.16666667%;
        max-width: 4.16666667%
    }

    .ss-col-xl-push-1 {
        left: 4.16666667%
    }

    .ss-col-xl-pull-1 {
        right: 4.16666667%
    }

    .ss-col-xl-offset-1 {
        margin-left: 4.16666667%
    }

    .ss-col-xl-order-1 {
        order: 1
    }

    .ss-col-xl-0 {
        display: none
    }

    .ss-col-push-0 {
        left: auto
    }

    .ss-col-pull-0 {
        right: auto
    }

    .ss-col-xl-push-0 {
        left: auto
    }

    .ss-col-xl-pull-0 {
        right: auto
    }

    .ss-col-xl-offset-0 {
        margin-left: 0
    }

    .ss-col-xl-order-0 {
        order: 0
    }

    .ss-col-push-0.ss-col-rtl {
        right: auto
    }

    .ss-col-pull-0.ss-col-rtl {
        left: auto
    }

    .ss-col-xl-push-0.ss-col-rtl {
        right: auto
    }

    .ss-col-xl-pull-0.ss-col-rtl {
        left: auto
    }

    .ss-col-xl-offset-0.ss-col-rtl {
        margin-right: 0
    }

    .ss-col-xl-push-1.ss-col-rtl {
        right: 4.16666667%;
        left: auto
    }

    .ss-col-xl-pull-1.ss-col-rtl {
        right: auto;
        left: 4.16666667%
    }

    .ss-col-xl-offset-1.ss-col-rtl {
        margin-right: 4.16666667%;
        margin-left: 0
    }

    .ss-col-xl-push-2.ss-col-rtl {
        right: 8.33333333%;
        left: auto
    }

    .ss-col-xl-pull-2.ss-col-rtl {
        right: auto;
        left: 8.33333333%
    }

    .ss-col-xl-offset-2.ss-col-rtl {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .ss-col-xl-push-3.ss-col-rtl {
        right: 12.5%;
        left: auto
    }

    .ss-col-xl-pull-3.ss-col-rtl {
        right: auto;
        left: 12.5%
    }

    .ss-col-xl-offset-3.ss-col-rtl {
        margin-right: 12.5%;
        margin-left: 0
    }

    .ss-col-xl-push-4.ss-col-rtl {
        right: 16.66666667%;
        left: auto
    }

    .ss-col-xl-pull-4.ss-col-rtl {
        right: auto;
        left: 16.66666667%
    }

    .ss-col-xl-offset-4.ss-col-rtl {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .ss-col-xl-push-5.ss-col-rtl {
        right: 20.83333333%;
        left: auto
    }

    .ss-col-xl-pull-5.ss-col-rtl {
        right: auto;
        left: 20.83333333%
    }

    .ss-col-xl-offset-5.ss-col-rtl {
        margin-right: 20.83333333%;
        margin-left: 0
    }

    .ss-col-xl-push-6.ss-col-rtl {
        right: 25%;
        left: auto
    }

    .ss-col-xl-pull-6.ss-col-rtl {
        right: auto;
        left: 25%
    }

    .ss-col-xl-offset-6.ss-col-rtl {
        margin-right: 25%;
        margin-left: 0
    }

    .ss-col-xl-push-7.ss-col-rtl {
        right: 29.16666667%;
        left: auto
    }

    .ss-col-xl-pull-7.ss-col-rtl {
        right: auto;
        left: 29.16666667%
    }

    .ss-col-xl-offset-7.ss-col-rtl {
        margin-right: 29.16666667%;
        margin-left: 0
    }

    .ss-col-xl-push-8.ss-col-rtl {
        right: 33.33333333%;
        left: auto
    }

    .ss-col-xl-pull-8.ss-col-rtl {
        right: auto;
        left: 33.33333333%
    }

    .ss-col-xl-offset-8.ss-col-rtl {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .ss-col-xl-push-9.ss-col-rtl {
        right: 37.5%;
        left: auto
    }

    .ss-col-xl-pull-9.ss-col-rtl {
        right: auto;
        left: 37.5%
    }

    .ss-col-xl-offset-9.ss-col-rtl {
        margin-right: 37.5%;
        margin-left: 0
    }

    .ss-col-xl-push-10.ss-col-rtl {
        right: 41.66666667%;
        left: auto
    }

    .ss-col-xl-pull-10.ss-col-rtl {
        right: auto;
        left: 41.66666667%
    }

    .ss-col-xl-offset-10.ss-col-rtl {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .ss-col-xl-push-11.ss-col-rtl {
        right: 45.83333333%;
        left: auto
    }

    .ss-col-xl-pull-11.ss-col-rtl {
        right: auto;
        left: 45.83333333%
    }

    .ss-col-xl-offset-11.ss-col-rtl {
        margin-right: 45.83333333%;
        margin-left: 0
    }

    .ss-col-xl-push-12.ss-col-rtl {
        right: 50%;
        left: auto
    }

    .ss-col-xl-pull-12.ss-col-rtl {
        right: auto;
        left: 50%
    }

    .ss-col-xl-offset-12.ss-col-rtl {
        margin-right: 50%;
        margin-left: 0
    }

    .ss-col-xl-push-13.ss-col-rtl {
        right: 54.16666667%;
        left: auto
    }

    .ss-col-xl-pull-13.ss-col-rtl {
        right: auto;
        left: 54.16666667%
    }

    .ss-col-xl-offset-13.ss-col-rtl {
        margin-right: 54.16666667%;
        margin-left: 0
    }

    .ss-col-xl-push-14.ss-col-rtl {
        right: 58.33333333%;
        left: auto
    }

    .ss-col-xl-pull-14.ss-col-rtl {
        right: auto;
        left: 58.33333333%
    }

    .ss-col-xl-offset-14.ss-col-rtl {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .ss-col-xl-push-15.ss-col-rtl {
        right: 62.5%;
        left: auto
    }

    .ss-col-xl-pull-15.ss-col-rtl {
        right: auto;
        left: 62.5%
    }

    .ss-col-xl-offset-15.ss-col-rtl {
        margin-right: 62.5%;
        margin-left: 0
    }

    .ss-col-xl-push-16.ss-col-rtl {
        right: 66.66666667%;
        left: auto
    }

    .ss-col-xl-pull-16.ss-col-rtl {
        right: auto;
        left: 66.66666667%
    }

    .ss-col-xl-offset-16.ss-col-rtl {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .ss-col-xl-push-17.ss-col-rtl {
        right: 70.83333333%;
        left: auto
    }

    .ss-col-xl-pull-17.ss-col-rtl {
        right: auto;
        left: 70.83333333%
    }

    .ss-col-xl-offset-17.ss-col-rtl {
        margin-right: 70.83333333%;
        margin-left: 0
    }

    .ss-col-xl-push-18.ss-col-rtl {
        right: 75%;
        left: auto
    }

    .ss-col-xl-pull-18.ss-col-rtl {
        right: auto;
        left: 75%
    }

    .ss-col-xl-offset-18.ss-col-rtl {
        margin-right: 75%;
        margin-left: 0
    }

    .ss-col-xl-push-19.ss-col-rtl {
        right: 79.16666667%;
        left: auto
    }

    .ss-col-xl-pull-19.ss-col-rtl {
        right: auto;
        left: 79.16666667%
    }

    .ss-col-xl-offset-19.ss-col-rtl {
        margin-right: 79.16666667%;
        margin-left: 0
    }

    .ss-col-xl-push-20.ss-col-rtl {
        right: 83.33333333%;
        left: auto
    }

    .ss-col-xl-pull-20.ss-col-rtl {
        right: auto;
        left: 83.33333333%
    }

    .ss-col-xl-offset-20.ss-col-rtl {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .ss-col-xl-push-21.ss-col-rtl {
        right: 87.5%;
        left: auto
    }

    .ss-col-xl-pull-21.ss-col-rtl {
        right: auto;
        left: 87.5%
    }

    .ss-col-xl-offset-21.ss-col-rtl {
        margin-right: 87.5%;
        margin-left: 0
    }

    .ss-col-xl-push-22.ss-col-rtl {
        right: 91.66666667%;
        left: auto
    }

    .ss-col-xl-pull-22.ss-col-rtl {
        right: auto;
        left: 91.66666667%
    }

    .ss-col-xl-offset-22.ss-col-rtl {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .ss-col-xl-push-23.ss-col-rtl {
        right: 95.83333333%;
        left: auto
    }

    .ss-col-xl-pull-23.ss-col-rtl {
        right: auto;
        left: 95.83333333%
    }

    .ss-col-xl-offset-23.ss-col-rtl {
        margin-right: 95.83333333%;
        margin-left: 0
    }

    .ss-col-xl-push-24.ss-col-rtl {
        right: 100%;
        left: auto
    }

    .ss-col-xl-pull-24.ss-col-rtl {
        right: auto;
        left: 100%
    }

    .ss-col-xl-offset-24.ss-col-rtl {
        margin-right: 100%;
        margin-left: 0
    }
}

@media (min-width: 1600px) {
    .ss-col-xxl-24 {
        display:block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .ss-col-xxl-push-24 {
        left: 100%
    }

    .ss-col-xxl-pull-24 {
        right: 100%
    }

    .ss-col-xxl-offset-24 {
        margin-left: 100%
    }

    .ss-col-xxl-order-24 {
        order: 24
    }

    .ss-col-xxl-23 {
        display: block;
        flex: 0 0 95.83333333%;
        max-width: 95.83333333%
    }

    .ss-col-xxl-push-23 {
        left: 95.83333333%
    }

    .ss-col-xxl-pull-23 {
        right: 95.83333333%
    }

    .ss-col-xxl-offset-23 {
        margin-left: 95.83333333%
    }

    .ss-col-xxl-order-23 {
        order: 23
    }

    .ss-col-xxl-22 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .ss-col-xxl-push-22 {
        left: 91.66666667%
    }

    .ss-col-xxl-pull-22 {
        right: 91.66666667%
    }

    .ss-col-xxl-offset-22 {
        margin-left: 91.66666667%
    }

    .ss-col-xxl-order-22 {
        order: 22
    }

    .ss-col-xxl-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .ss-col-xxl-push-21 {
        left: 87.5%
    }

    .ss-col-xxl-pull-21 {
        right: 87.5%
    }

    .ss-col-xxl-offset-21 {
        margin-left: 87.5%
    }

    .ss-col-xxl-order-21 {
        order: 21
    }

    .ss-col-xxl-20 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .ss-col-xxl-push-20 {
        left: 83.33333333%
    }

    .ss-col-xxl-pull-20 {
        right: 83.33333333%
    }

    .ss-col-xxl-offset-20 {
        margin-left: 83.33333333%
    }

    .ss-col-xxl-order-20 {
        order: 20
    }

    .ss-col-xxl-19 {
        display: block;
        flex: 0 0 79.16666667%;
        max-width: 79.16666667%
    }

    .ss-col-xxl-push-19 {
        left: 79.16666667%
    }

    .ss-col-xxl-pull-19 {
        right: 79.16666667%
    }

    .ss-col-xxl-offset-19 {
        margin-left: 79.16666667%
    }

    .ss-col-xxl-order-19 {
        order: 19
    }

    .ss-col-xxl-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .ss-col-xxl-push-18 {
        left: 75%
    }

    .ss-col-xxl-pull-18 {
        right: 75%
    }

    .ss-col-xxl-offset-18 {
        margin-left: 75%
    }

    .ss-col-xxl-order-18 {
        order: 18
    }

    .ss-col-xxl-17 {
        display: block;
        flex: 0 0 70.83333333%;
        max-width: 70.83333333%
    }

    .ss-col-xxl-push-17 {
        left: 70.83333333%
    }

    .ss-col-xxl-pull-17 {
        right: 70.83333333%
    }

    .ss-col-xxl-offset-17 {
        margin-left: 70.83333333%
    }

    .ss-col-xxl-order-17 {
        order: 17
    }

    .ss-col-xxl-16 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .ss-col-xxl-push-16 {
        left: 66.66666667%
    }

    .ss-col-xxl-pull-16 {
        right: 66.66666667%
    }

    .ss-col-xxl-offset-16 {
        margin-left: 66.66666667%
    }

    .ss-col-xxl-order-16 {
        order: 16
    }

    .ss-col-xxl-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .ss-col-xxl-push-15 {
        left: 62.5%
    }

    .ss-col-xxl-pull-15 {
        right: 62.5%
    }

    .ss-col-xxl-offset-15 {
        margin-left: 62.5%
    }

    .ss-col-xxl-order-15 {
        order: 15
    }

    .ss-col-xxl-14 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .ss-col-xxl-push-14 {
        left: 58.33333333%
    }

    .ss-col-xxl-pull-14 {
        right: 58.33333333%
    }

    .ss-col-xxl-offset-14 {
        margin-left: 58.33333333%
    }

    .ss-col-xxl-order-14 {
        order: 14
    }

    .ss-col-xxl-13 {
        display: block;
        flex: 0 0 54.16666667%;
        max-width: 54.16666667%
    }

    .ss-col-xxl-push-13 {
        left: 54.16666667%
    }

    .ss-col-xxl-pull-13 {
        right: 54.16666667%
    }

    .ss-col-xxl-offset-13 {
        margin-left: 54.16666667%
    }

    .ss-col-xxl-order-13 {
        order: 13
    }

    .ss-col-xxl-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .ss-col-xxl-push-12 {
        left: 50%
    }

    .ss-col-xxl-pull-12 {
        right: 50%
    }

    .ss-col-xxl-offset-12 {
        margin-left: 50%
    }

    .ss-col-xxl-order-12 {
        order: 12
    }

    .ss-col-xxl-11 {
        display: block;
        flex: 0 0 45.83333333%;
        max-width: 45.83333333%
    }

    .ss-col-xxl-push-11 {
        left: 45.83333333%
    }

    .ss-col-xxl-pull-11 {
        right: 45.83333333%
    }

    .ss-col-xxl-offset-11 {
        margin-left: 45.83333333%
    }

    .ss-col-xxl-order-11 {
        order: 11
    }

    .ss-col-xxl-10 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .ss-col-xxl-push-10 {
        left: 41.66666667%
    }

    .ss-col-xxl-pull-10 {
        right: 41.66666667%
    }

    .ss-col-xxl-offset-10 {
        margin-left: 41.66666667%
    }

    .ss-col-xxl-order-10 {
        order: 10
    }

    .ss-col-xxl-9 {
        display: block;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .ss-col-xxl-push-9 {
        left: 37.5%
    }

    .ss-col-xxl-pull-9 {
        right: 37.5%
    }

    .ss-col-xxl-offset-9 {
        margin-left: 37.5%
    }

    .ss-col-xxl-order-9 {
        order: 9
    }

    .ss-col-xxl-8 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .ss-col-xxl-push-8 {
        left: 33.33333333%
    }

    .ss-col-xxl-pull-8 {
        right: 33.33333333%
    }

    .ss-col-xxl-offset-8 {
        margin-left: 33.33333333%
    }

    .ss-col-xxl-order-8 {
        order: 8
    }

    .ss-col-xxl-7 {
        display: block;
        flex: 0 0 29.16666667%;
        max-width: 29.16666667%
    }

    .ss-col-xxl-push-7 {
        left: 29.16666667%
    }

    .ss-col-xxl-pull-7 {
        right: 29.16666667%
    }

    .ss-col-xxl-offset-7 {
        margin-left: 29.16666667%
    }

    .ss-col-xxl-order-7 {
        order: 7
    }

    .ss-col-xxl-6 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%
    }

    .ss-col-xxl-push-6 {
        left: 25%
    }

    .ss-col-xxl-pull-6 {
        right: 25%
    }

    .ss-col-xxl-offset-6 {
        margin-left: 25%
    }

    .ss-col-xxl-order-6 {
        order: 6
    }

    .ss-col-xxl-5 {
        display: block;
        flex: 0 0 20.83333333%;
        max-width: 20.83333333%
    }

    .ss-col-xxl-push-5 {
        left: 20.83333333%
    }

    .ss-col-xxl-pull-5 {
        right: 20.83333333%
    }

    .ss-col-xxl-offset-5 {
        margin-left: 20.83333333%
    }

    .ss-col-xxl-order-5 {
        order: 5
    }

    .ss-col-xxl-4 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .ss-col-xxl-push-4 {
        left: 16.66666667%
    }

    .ss-col-xxl-pull-4 {
        right: 16.66666667%
    }

    .ss-col-xxl-offset-4 {
        margin-left: 16.66666667%
    }

    .ss-col-xxl-order-4 {
        order: 4
    }

    .ss-col-xxl-3 {
        display: block;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .ss-col-xxl-push-3 {
        left: 12.5%
    }

    .ss-col-xxl-pull-3 {
        right: 12.5%
    }

    .ss-col-xxl-offset-3 {
        margin-left: 12.5%
    }

    .ss-col-xxl-order-3 {
        order: 3
    }

    .ss-col-xxl-2 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .ss-col-xxl-push-2 {
        left: 8.33333333%
    }

    .ss-col-xxl-pull-2 {
        right: 8.33333333%
    }

    .ss-col-xxl-offset-2 {
        margin-left: 8.33333333%
    }

    .ss-col-xxl-order-2 {
        order: 2
    }

    .ss-col-xxl-1 {
        display: block;
        flex: 0 0 4.16666667%;
        max-width: 4.16666667%
    }

    .ss-col-xxl-push-1 {
        left: 4.16666667%
    }

    .ss-col-xxl-pull-1 {
        right: 4.16666667%
    }

    .ss-col-xxl-offset-1 {
        margin-left: 4.16666667%
    }

    .ss-col-xxl-order-1 {
        order: 1
    }

    .ss-col-xxl-0 {
        display: none
    }

    .ss-col-push-0 {
        left: auto
    }

    .ss-col-pull-0 {
        right: auto
    }

    .ss-col-xxl-push-0 {
        left: auto
    }

    .ss-col-xxl-pull-0 {
        right: auto
    }

    .ss-col-xxl-offset-0 {
        margin-left: 0
    }

    .ss-col-xxl-order-0 {
        order: 0
    }

    .ss-col-push-0.ss-col-rtl {
        right: auto
    }

    .ss-col-pull-0.ss-col-rtl {
        left: auto
    }

    .ss-col-xxl-push-0.ss-col-rtl {
        right: auto
    }

    .ss-col-xxl-pull-0.ss-col-rtl {
        left: auto
    }

    .ss-col-xxl-offset-0.ss-col-rtl {
        margin-right: 0
    }

    .ss-col-xxl-push-1.ss-col-rtl {
        right: 4.16666667%;
        left: auto
    }

    .ss-col-xxl-pull-1.ss-col-rtl {
        right: auto;
        left: 4.16666667%
    }

    .ss-col-xxl-offset-1.ss-col-rtl {
        margin-right: 4.16666667%;
        margin-left: 0
    }

    .ss-col-xxl-push-2.ss-col-rtl {
        right: 8.33333333%;
        left: auto
    }

    .ss-col-xxl-pull-2.ss-col-rtl {
        right: auto;
        left: 8.33333333%
    }

    .ss-col-xxl-offset-2.ss-col-rtl {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .ss-col-xxl-push-3.ss-col-rtl {
        right: 12.5%;
        left: auto
    }

    .ss-col-xxl-pull-3.ss-col-rtl {
        right: auto;
        left: 12.5%
    }

    .ss-col-xxl-offset-3.ss-col-rtl {
        margin-right: 12.5%;
        margin-left: 0
    }

    .ss-col-xxl-push-4.ss-col-rtl {
        right: 16.66666667%;
        left: auto
    }

    .ss-col-xxl-pull-4.ss-col-rtl {
        right: auto;
        left: 16.66666667%
    }

    .ss-col-xxl-offset-4.ss-col-rtl {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .ss-col-xxl-push-5.ss-col-rtl {
        right: 20.83333333%;
        left: auto
    }

    .ss-col-xxl-pull-5.ss-col-rtl {
        right: auto;
        left: 20.83333333%
    }

    .ss-col-xxl-offset-5.ss-col-rtl {
        margin-right: 20.83333333%;
        margin-left: 0
    }

    .ss-col-xxl-push-6.ss-col-rtl {
        right: 25%;
        left: auto
    }

    .ss-col-xxl-pull-6.ss-col-rtl {
        right: auto;
        left: 25%
    }

    .ss-col-xxl-offset-6.ss-col-rtl {
        margin-right: 25%;
        margin-left: 0
    }

    .ss-col-xxl-push-7.ss-col-rtl {
        right: 29.16666667%;
        left: auto
    }

    .ss-col-xxl-pull-7.ss-col-rtl {
        right: auto;
        left: 29.16666667%
    }

    .ss-col-xxl-offset-7.ss-col-rtl {
        margin-right: 29.16666667%;
        margin-left: 0
    }

    .ss-col-xxl-push-8.ss-col-rtl {
        right: 33.33333333%;
        left: auto
    }

    .ss-col-xxl-pull-8.ss-col-rtl {
        right: auto;
        left: 33.33333333%
    }

    .ss-col-xxl-offset-8.ss-col-rtl {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .ss-col-xxl-push-9.ss-col-rtl {
        right: 37.5%;
        left: auto
    }

    .ss-col-xxl-pull-9.ss-col-rtl {
        right: auto;
        left: 37.5%
    }

    .ss-col-xxl-offset-9.ss-col-rtl {
        margin-right: 37.5%;
        margin-left: 0
    }

    .ss-col-xxl-push-10.ss-col-rtl {
        right: 41.66666667%;
        left: auto
    }

    .ss-col-xxl-pull-10.ss-col-rtl {
        right: auto;
        left: 41.66666667%
    }

    .ss-col-xxl-offset-10.ss-col-rtl {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .ss-col-xxl-push-11.ss-col-rtl {
        right: 45.83333333%;
        left: auto
    }

    .ss-col-xxl-pull-11.ss-col-rtl {
        right: auto;
        left: 45.83333333%
    }

    .ss-col-xxl-offset-11.ss-col-rtl {
        margin-right: 45.83333333%;
        margin-left: 0
    }

    .ss-col-xxl-push-12.ss-col-rtl {
        right: 50%;
        left: auto
    }

    .ss-col-xxl-pull-12.ss-col-rtl {
        right: auto;
        left: 50%
    }

    .ss-col-xxl-offset-12.ss-col-rtl {
        margin-right: 50%;
        margin-left: 0
    }

    .ss-col-xxl-push-13.ss-col-rtl {
        right: 54.16666667%;
        left: auto
    }

    .ss-col-xxl-pull-13.ss-col-rtl {
        right: auto;
        left: 54.16666667%
    }

    .ss-col-xxl-offset-13.ss-col-rtl {
        margin-right: 54.16666667%;
        margin-left: 0
    }

    .ss-col-xxl-push-14.ss-col-rtl {
        right: 58.33333333%;
        left: auto
    }

    .ss-col-xxl-pull-14.ss-col-rtl {
        right: auto;
        left: 58.33333333%
    }

    .ss-col-xxl-offset-14.ss-col-rtl {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .ss-col-xxl-push-15.ss-col-rtl {
        right: 62.5%;
        left: auto
    }

    .ss-col-xxl-pull-15.ss-col-rtl {
        right: auto;
        left: 62.5%
    }

    .ss-col-xxl-offset-15.ss-col-rtl {
        margin-right: 62.5%;
        margin-left: 0
    }

    .ss-col-xxl-push-16.ss-col-rtl {
        right: 66.66666667%;
        left: auto
    }

    .ss-col-xxl-pull-16.ss-col-rtl {
        right: auto;
        left: 66.66666667%
    }

    .ss-col-xxl-offset-16.ss-col-rtl {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .ss-col-xxl-push-17.ss-col-rtl {
        right: 70.83333333%;
        left: auto
    }

    .ss-col-xxl-pull-17.ss-col-rtl {
        right: auto;
        left: 70.83333333%
    }

    .ss-col-xxl-offset-17.ss-col-rtl {
        margin-right: 70.83333333%;
        margin-left: 0
    }

    .ss-col-xxl-push-18.ss-col-rtl {
        right: 75%;
        left: auto
    }

    .ss-col-xxl-pull-18.ss-col-rtl {
        right: auto;
        left: 75%
    }

    .ss-col-xxl-offset-18.ss-col-rtl {
        margin-right: 75%;
        margin-left: 0
    }

    .ss-col-xxl-push-19.ss-col-rtl {
        right: 79.16666667%;
        left: auto
    }

    .ss-col-xxl-pull-19.ss-col-rtl {
        right: auto;
        left: 79.16666667%
    }

    .ss-col-xxl-offset-19.ss-col-rtl {
        margin-right: 79.16666667%;
        margin-left: 0
    }

    .ss-col-xxl-push-20.ss-col-rtl {
        right: 83.33333333%;
        left: auto
    }

    .ss-col-xxl-pull-20.ss-col-rtl {
        right: auto;
        left: 83.33333333%
    }

    .ss-col-xxl-offset-20.ss-col-rtl {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .ss-col-xxl-push-21.ss-col-rtl {
        right: 87.5%;
        left: auto
    }

    .ss-col-xxl-pull-21.ss-col-rtl {
        right: auto;
        left: 87.5%
    }

    .ss-col-xxl-offset-21.ss-col-rtl {
        margin-right: 87.5%;
        margin-left: 0
    }

    .ss-col-xxl-push-22.ss-col-rtl {
        right: 91.66666667%;
        left: auto
    }

    .ss-col-xxl-pull-22.ss-col-rtl {
        right: auto;
        left: 91.66666667%
    }

    .ss-col-xxl-offset-22.ss-col-rtl {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .ss-col-xxl-push-23.ss-col-rtl {
        right: 95.83333333%;
        left: auto
    }

    .ss-col-xxl-pull-23.ss-col-rtl {
        right: auto;
        left: 95.83333333%
    }

    .ss-col-xxl-offset-23.ss-col-rtl {
        margin-right: 95.83333333%;
        margin-left: 0
    }

    .ss-col-xxl-push-24.ss-col-rtl {
        right: 100%;
        left: auto
    }

    .ss-col-xxl-pull-24.ss-col-rtl {
        right: auto;
        left: 100%
    }

    .ss-col-xxl-offset-24.ss-col-rtl {
        margin-right: 100%;
        margin-left: 0
    }
}

@media (min-width: 2000px) {
    .ss-col-xxxl-24 {
        display:block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .ss-col-xxxl-push-24 {
        left: 100%
    }

    .ss-col-xxxl-pull-24 {
        right: 100%
    }

    .ss-col-xxxl-offset-24 {
        margin-left: 100%
    }

    .ss-col-xxxl-order-24 {
        order: 24
    }

    .ss-col-xxxl-23 {
        display: block;
        flex: 0 0 95.83333333%;
        max-width: 95.83333333%
    }

    .ss-col-xxxl-push-23 {
        left: 95.83333333%
    }

    .ss-col-xxxl-pull-23 {
        right: 95.83333333%
    }

    .ss-col-xxxl-offset-23 {
        margin-left: 95.83333333%
    }

    .ss-col-xxxl-order-23 {
        order: 23
    }

    .ss-col-xxxl-22 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .ss-col-xxxl-push-22 {
        left: 91.66666667%
    }

    .ss-col-xxxl-pull-22 {
        right: 91.66666667%
    }

    .ss-col-xxxl-offset-22 {
        margin-left: 91.66666667%
    }

    .ss-col-xxxl-order-22 {
        order: 22
    }

    .ss-col-xxxl-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .ss-col-xxxl-push-21 {
        left: 87.5%
    }

    .ss-col-xxxl-pull-21 {
        right: 87.5%
    }

    .ss-col-xxxl-offset-21 {
        margin-left: 87.5%
    }

    .ss-col-xxxl-order-21 {
        order: 21
    }

    .ss-col-xxxl-20 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .ss-col-xxxl-push-20 {
        left: 83.33333333%
    }

    .ss-col-xxxl-pull-20 {
        right: 83.33333333%
    }

    .ss-col-xxxl-offset-20 {
        margin-left: 83.33333333%
    }

    .ss-col-xxxl-order-20 {
        order: 20
    }

    .ss-col-xxxl-19 {
        display: block;
        flex: 0 0 79.16666667%;
        max-width: 79.16666667%
    }

    .ss-col-xxxl-push-19 {
        left: 79.16666667%
    }

    .ss-col-xxxl-pull-19 {
        right: 79.16666667%
    }

    .ss-col-xxxl-offset-19 {
        margin-left: 79.16666667%
    }

    .ss-col-xxxl-order-19 {
        order: 19
    }

    .ss-col-xxxl-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .ss-col-xxxl-push-18 {
        left: 75%
    }

    .ss-col-xxxl-pull-18 {
        right: 75%
    }

    .ss-col-xxxl-offset-18 {
        margin-left: 75%
    }

    .ss-col-xxxl-order-18 {
        order: 18
    }

    .ss-col-xxxl-17 {
        display: block;
        flex: 0 0 70.83333333%;
        max-width: 70.83333333%
    }

    .ss-col-xxxl-push-17 {
        left: 70.83333333%
    }

    .ss-col-xxxl-pull-17 {
        right: 70.83333333%
    }

    .ss-col-xxxl-offset-17 {
        margin-left: 70.83333333%
    }

    .ss-col-xxxl-order-17 {
        order: 17
    }

    .ss-col-xxxl-16 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .ss-col-xxxl-push-16 {
        left: 66.66666667%
    }

    .ss-col-xxxl-pull-16 {
        right: 66.66666667%
    }

    .ss-col-xxxl-offset-16 {
        margin-left: 66.66666667%
    }

    .ss-col-xxxl-order-16 {
        order: 16
    }

    .ss-col-xxxl-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .ss-col-xxxl-push-15 {
        left: 62.5%
    }

    .ss-col-xxxl-pull-15 {
        right: 62.5%
    }

    .ss-col-xxxl-offset-15 {
        margin-left: 62.5%
    }

    .ss-col-xxxl-order-15 {
        order: 15
    }

    .ss-col-xxxl-14 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .ss-col-xxxl-push-14 {
        left: 58.33333333%
    }

    .ss-col-xxxl-pull-14 {
        right: 58.33333333%
    }

    .ss-col-xxxl-offset-14 {
        margin-left: 58.33333333%
    }

    .ss-col-xxxl-order-14 {
        order: 14
    }

    .ss-col-xxxl-13 {
        display: block;
        flex: 0 0 54.16666667%;
        max-width: 54.16666667%
    }

    .ss-col-xxxl-push-13 {
        left: 54.16666667%
    }

    .ss-col-xxxl-pull-13 {
        right: 54.16666667%
    }

    .ss-col-xxxl-offset-13 {
        margin-left: 54.16666667%
    }

    .ss-col-xxxl-order-13 {
        order: 13
    }

    .ss-col-xxxl-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .ss-col-xxxl-push-12 {
        left: 50%
    }

    .ss-col-xxxl-pull-12 {
        right: 50%
    }

    .ss-col-xxxl-offset-12 {
        margin-left: 50%
    }

    .ss-col-xxxl-order-12 {
        order: 12
    }

    .ss-col-xxxl-11 {
        display: block;
        flex: 0 0 45.83333333%;
        max-width: 45.83333333%
    }

    .ss-col-xxxl-push-11 {
        left: 45.83333333%
    }

    .ss-col-xxxl-pull-11 {
        right: 45.83333333%
    }

    .ss-col-xxxl-offset-11 {
        margin-left: 45.83333333%
    }

    .ss-col-xxxl-order-11 {
        order: 11
    }

    .ss-col-xxxl-10 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .ss-col-xxxl-push-10 {
        left: 41.66666667%
    }

    .ss-col-xxxl-pull-10 {
        right: 41.66666667%
    }

    .ss-col-xxxl-offset-10 {
        margin-left: 41.66666667%
    }

    .ss-col-xxxl-order-10 {
        order: 10
    }

    .ss-col-xxxl-9 {
        display: block;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .ss-col-xxxl-push-9 {
        left: 37.5%
    }

    .ss-col-xxxl-pull-9 {
        right: 37.5%
    }

    .ss-col-xxxl-offset-9 {
        margin-left: 37.5%
    }

    .ss-col-xxxl-order-9 {
        order: 9
    }

    .ss-col-xxxl-8 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .ss-col-xxxl-push-8 {
        left: 33.33333333%
    }

    .ss-col-xxxl-pull-8 {
        right: 33.33333333%
    }

    .ss-col-xxxl-offset-8 {
        margin-left: 33.33333333%
    }

    .ss-col-xxxl-order-8 {
        order: 8
    }

    .ss-col-xxxl-7 {
        display: block;
        flex: 0 0 29.16666667%;
        max-width: 29.16666667%
    }

    .ss-col-xxxl-push-7 {
        left: 29.16666667%
    }

    .ss-col-xxxl-pull-7 {
        right: 29.16666667%
    }

    .ss-col-xxxl-offset-7 {
        margin-left: 29.16666667%
    }

    .ss-col-xxxl-order-7 {
        order: 7
    }

    .ss-col-xxxl-6 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%
    }

    .ss-col-xxxl-push-6 {
        left: 25%
    }

    .ss-col-xxxl-pull-6 {
        right: 25%
    }

    .ss-col-xxxl-offset-6 {
        margin-left: 25%
    }

    .ss-col-xxxl-order-6 {
        order: 6
    }

    .ss-col-xxxl-5 {
        display: block;
        flex: 0 0 20.83333333%;
        max-width: 20.83333333%
    }

    .ss-col-xxxl-push-5 {
        left: 20.83333333%
    }

    .ss-col-xxxl-pull-5 {
        right: 20.83333333%
    }

    .ss-col-xxxl-offset-5 {
        margin-left: 20.83333333%
    }

    .ss-col-xxxl-order-5 {
        order: 5
    }

    .ss-col-xxxl-4 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .ss-col-xxxl-push-4 {
        left: 16.66666667%
    }

    .ss-col-xxxl-pull-4 {
        right: 16.66666667%
    }

    .ss-col-xxxl-offset-4 {
        margin-left: 16.66666667%
    }

    .ss-col-xxxl-order-4 {
        order: 4
    }

    .ss-col-xxxl-3 {
        display: block;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .ss-col-xxxl-push-3 {
        left: 12.5%
    }

    .ss-col-xxxl-pull-3 {
        right: 12.5%
    }

    .ss-col-xxxl-offset-3 {
        margin-left: 12.5%
    }

    .ss-col-xxxl-order-3 {
        order: 3
    }

    .ss-col-xxxl-2 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .ss-col-xxxl-push-2 {
        left: 8.33333333%
    }

    .ss-col-xxxl-pull-2 {
        right: 8.33333333%
    }

    .ss-col-xxxl-offset-2 {
        margin-left: 8.33333333%
    }

    .ss-col-xxxl-order-2 {
        order: 2
    }

    .ss-col-xxxl-1 {
        display: block;
        flex: 0 0 4.16666667%;
        max-width: 4.16666667%
    }

    .ss-col-xxxl-push-1 {
        left: 4.16666667%
    }

    .ss-col-xxxl-pull-1 {
        right: 4.16666667%
    }

    .ss-col-xxxl-offset-1 {
        margin-left: 4.16666667%
    }

    .ss-col-xxxl-order-1 {
        order: 1
    }

    .ss-col-xxxl-0 {
        display: none
    }

    .ss-col-push-0 {
        left: auto
    }

    .ss-col-pull-0 {
        right: auto
    }

    .ss-col-xxxl-push-0 {
        left: auto
    }

    .ss-col-xxxl-pull-0 {
        right: auto
    }

    .ss-col-xxxl-offset-0 {
        margin-left: 0
    }

    .ss-col-xxxl-order-0 {
        order: 0
    }

    .ss-col-push-0.ss-col-rtl {
        right: auto
    }

    .ss-col-pull-0.ss-col-rtl {
        left: auto
    }

    .ss-col-xxxl-push-0.ss-col-rtl {
        right: auto
    }

    .ss-col-xxxl-pull-0.ss-col-rtl {
        left: auto
    }

    .ss-col-xxxl-offset-0.ss-col-rtl {
        margin-right: 0
    }

    .ss-col-xxxl-push-1.ss-col-rtl {
        right: 4.16666667%;
        left: auto
    }

    .ss-col-xxxl-pull-1.ss-col-rtl {
        right: auto;
        left: 4.16666667%
    }

    .ss-col-xxxl-offset-1.ss-col-rtl {
        margin-right: 4.16666667%;
        margin-left: 0
    }

    .ss-col-xxxl-push-2.ss-col-rtl {
        right: 8.33333333%;
        left: auto
    }

    .ss-col-xxxl-pull-2.ss-col-rtl {
        right: auto;
        left: 8.33333333%
    }

    .ss-col-xxxl-offset-2.ss-col-rtl {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .ss-col-xxxl-push-3.ss-col-rtl {
        right: 12.5%;
        left: auto
    }

    .ss-col-xxxl-pull-3.ss-col-rtl {
        right: auto;
        left: 12.5%
    }

    .ss-col-xxxl-offset-3.ss-col-rtl {
        margin-right: 12.5%;
        margin-left: 0
    }

    .ss-col-xxxl-push-4.ss-col-rtl {
        right: 16.66666667%;
        left: auto
    }

    .ss-col-xxxl-pull-4.ss-col-rtl {
        right: auto;
        left: 16.66666667%
    }

    .ss-col-xxxl-offset-4.ss-col-rtl {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .ss-col-xxxl-push-5.ss-col-rtl {
        right: 20.83333333%;
        left: auto
    }

    .ss-col-xxxl-pull-5.ss-col-rtl {
        right: auto;
        left: 20.83333333%
    }

    .ss-col-xxxl-offset-5.ss-col-rtl {
        margin-right: 20.83333333%;
        margin-left: 0
    }

    .ss-col-xxxl-push-6.ss-col-rtl {
        right: 25%;
        left: auto
    }

    .ss-col-xxxl-pull-6.ss-col-rtl {
        right: auto;
        left: 25%
    }

    .ss-col-xxxl-offset-6.ss-col-rtl {
        margin-right: 25%;
        margin-left: 0
    }

    .ss-col-xxxl-push-7.ss-col-rtl {
        right: 29.16666667%;
        left: auto
    }

    .ss-col-xxxl-pull-7.ss-col-rtl {
        right: auto;
        left: 29.16666667%
    }

    .ss-col-xxxl-offset-7.ss-col-rtl {
        margin-right: 29.16666667%;
        margin-left: 0
    }

    .ss-col-xxxl-push-8.ss-col-rtl {
        right: 33.33333333%;
        left: auto
    }

    .ss-col-xxxl-pull-8.ss-col-rtl {
        right: auto;
        left: 33.33333333%
    }

    .ss-col-xxxl-offset-8.ss-col-rtl {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .ss-col-xxxl-push-9.ss-col-rtl {
        right: 37.5%;
        left: auto
    }

    .ss-col-xxxl-pull-9.ss-col-rtl {
        right: auto;
        left: 37.5%
    }

    .ss-col-xxxl-offset-9.ss-col-rtl {
        margin-right: 37.5%;
        margin-left: 0
    }

    .ss-col-xxxl-push-10.ss-col-rtl {
        right: 41.66666667%;
        left: auto
    }

    .ss-col-xxxl-pull-10.ss-col-rtl {
        right: auto;
        left: 41.66666667%
    }

    .ss-col-xxxl-offset-10.ss-col-rtl {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .ss-col-xxxl-push-11.ss-col-rtl {
        right: 45.83333333%;
        left: auto
    }

    .ss-col-xxxl-pull-11.ss-col-rtl {
        right: auto;
        left: 45.83333333%
    }

    .ss-col-xxxl-offset-11.ss-col-rtl {
        margin-right: 45.83333333%;
        margin-left: 0
    }

    .ss-col-xxxl-push-12.ss-col-rtl {
        right: 50%;
        left: auto
    }

    .ss-col-xxxl-pull-12.ss-col-rtl {
        right: auto;
        left: 50%
    }

    .ss-col-xxxl-offset-12.ss-col-rtl {
        margin-right: 50%;
        margin-left: 0
    }

    .ss-col-xxxl-push-13.ss-col-rtl {
        right: 54.16666667%;
        left: auto
    }

    .ss-col-xxxl-pull-13.ss-col-rtl {
        right: auto;
        left: 54.16666667%
    }

    .ss-col-xxxl-offset-13.ss-col-rtl {
        margin-right: 54.16666667%;
        margin-left: 0
    }

    .ss-col-xxxl-push-14.ss-col-rtl {
        right: 58.33333333%;
        left: auto
    }

    .ss-col-xxxl-pull-14.ss-col-rtl {
        right: auto;
        left: 58.33333333%
    }

    .ss-col-xxxl-offset-14.ss-col-rtl {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .ss-col-xxxl-push-15.ss-col-rtl {
        right: 62.5%;
        left: auto
    }

    .ss-col-xxxl-pull-15.ss-col-rtl {
        right: auto;
        left: 62.5%
    }

    .ss-col-xxxl-offset-15.ss-col-rtl {
        margin-right: 62.5%;
        margin-left: 0
    }

    .ss-col-xxxl-push-16.ss-col-rtl {
        right: 66.66666667%;
        left: auto
    }

    .ss-col-xxxl-pull-16.ss-col-rtl {
        right: auto;
        left: 66.66666667%
    }

    .ss-col-xxxl-offset-16.ss-col-rtl {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .ss-col-xxxl-push-17.ss-col-rtl {
        right: 70.83333333%;
        left: auto
    }

    .ss-col-xxxl-pull-17.ss-col-rtl {
        right: auto;
        left: 70.83333333%
    }

    .ss-col-xxxl-offset-17.ss-col-rtl {
        margin-right: 70.83333333%;
        margin-left: 0
    }

    .ss-col-xxxl-push-18.ss-col-rtl {
        right: 75%;
        left: auto
    }

    .ss-col-xxxl-pull-18.ss-col-rtl {
        right: auto;
        left: 75%
    }

    .ss-col-xxxl-offset-18.ss-col-rtl {
        margin-right: 75%;
        margin-left: 0
    }

    .ss-col-xxxl-push-19.ss-col-rtl {
        right: 79.16666667%;
        left: auto
    }

    .ss-col-xxxl-pull-19.ss-col-rtl {
        right: auto;
        left: 79.16666667%
    }

    .ss-col-xxxl-offset-19.ss-col-rtl {
        margin-right: 79.16666667%;
        margin-left: 0
    }

    .ss-col-xxxl-push-20.ss-col-rtl {
        right: 83.33333333%;
        left: auto
    }

    .ss-col-xxxl-pull-20.ss-col-rtl {
        right: auto;
        left: 83.33333333%
    }

    .ss-col-xxxl-offset-20.ss-col-rtl {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .ss-col-xxxl-push-21.ss-col-rtl {
        right: 87.5%;
        left: auto
    }

    .ss-col-xxxl-pull-21.ss-col-rtl {
        right: auto;
        left: 87.5%
    }

    .ss-col-xxxl-offset-21.ss-col-rtl {
        margin-right: 87.5%;
        margin-left: 0
    }

    .ss-col-xxxl-push-22.ss-col-rtl {
        right: 91.66666667%;
        left: auto
    }

    .ss-col-xxxl-pull-22.ss-col-rtl {
        right: auto;
        left: 91.66666667%
    }

    .ss-col-xxxl-offset-22.ss-col-rtl {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .ss-col-xxxl-push-23.ss-col-rtl {
        right: 95.83333333%;
        left: auto
    }

    .ss-col-xxxl-pull-23.ss-col-rtl {
        right: auto;
        left: 95.83333333%
    }

    .ss-col-xxxl-offset-23.ss-col-rtl {
        margin-right: 95.83333333%;
        margin-left: 0
    }

    .ss-col-xxxl-push-24.ss-col-rtl {
        right: 100%;
        left: auto
    }

    .ss-col-xxxl-pull-24.ss-col-rtl {
        right: auto;
        left: 100%
    }

    .ss-col-xxxl-offset-24.ss-col-rtl {
        margin-right: 100%;
        margin-left: 0
    }
}

.ss-row-rtl {
    direction: rtl
}

.ss-image {
    position: relative;
    display: inline-block
}

.ss-image-img {
    width: 100%;
    height: auto;
    vertical-align: middle
}

.ss-image-img-placeholder {
    background-color: #f5f5f5;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30%
}

.ss-image-mask {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #00000080;
    cursor: pointer;
    opacity: 0;
    transition: opacity .3s
}

.ss-image-mask-info {
    padding: 0 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ss-image-mask-info .anticon {
    margin-inline-end:4px}

.ss-image-mask:hover {
    opacity: 1
}

.ss-image-placeholder {
    position: absolute;
    inset: 0
}

.ss-image-preview {
    pointer-events: none;
    height: 100%;
    text-align: center
}

.ss-image-preview.ss-zoom-enter,.ss-image-preview.sszoom-appear {
    transform: none;
    opacity: 0;
    animation-duration: .3s;
    user-select: none
}

.ss-image-preview-mask {
    position: fixed;
    inset: 0;
    z-index: 1000;
    height: 100%;
    background-color: #00000073
}

.ss-image-preview-mask-hidden {
    display: none
}

.ss-image-preview-wrap {
    position: fixed;
    inset: 0;
    overflow: auto;
    outline: 0;
    -webkit-overflow-scrolling: touch
}

.ss-image-preview-body {
    position: absolute;
    inset: 0;
    overflow: hidden
}

.ss-image-preview-img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    transform: scaleZ(1);
    cursor: grab;
    transition: transform .3s cubic-bezier(.215,.61,.355,1) 0s;
    user-select: none;
    pointer-events: auto
}

.ss-image-preview-img-wrapper {
    position: absolute;
    inset: 0;
    transition: transform .3s cubic-bezier(.215,.61,.355,1) 0s
}

.ss-image-preview-img-wrapper:before {
    display: inline-block;
    width: 1px;
    height: 50%;
    margin-right: -1px;
    content: ""
}

.ss-image-preview-moving .ss-image-preview-img {
    cursor: grabbing
}

.ss-image-preview-moving .ss-image-preview-img-wrapper {
    transition-duration: 0s
}

.ss-image-preview-wrap {
    z-index: 1080
}

.ss-image-preview-operations {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    font-feature-settings: "tnum";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
    color: #ffffffd9;
    list-style: none;
    background: #0000001a;
    pointer-events: auto
}

.ss-image-preview-operations-operation {
    margin-left: 12px;
    padding: 12px;
    cursor: pointer
}

.ss-image-preview-operations-operation-disabled {
    color: #ffffff40;
    pointer-events: none
}

.ss-image-preview-operations-operation:last-of-type {
    margin-left: 0
}

.ss-image-preview-operations-icon {
    font-size: 18px
}

.ss-image-preview-switch-left,.ss-image-preview-switch-right {
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    color: #ffffffd9;
    background: #0000001a;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: auto
}

.ss-image-preview-switch-left-disabled,.ss-image-preview-switch-right-disabled {
    color: #ffffff40;
    cursor: not-allowed
}

.ss-image-preview-switch-left-disabled>.anticon,.ss-image-preview-switch-right-disabled>.anticon {
    cursor: not-allowed
}

.ss-image-preview-switch-left>.anticon,.ss-image-preview-switch-right>.anticon {
    font-size: 18px
}

.ss-image-preview-switch-left {
    left: 10px
}

.ss-image-preview-switch-right {
    right: 10px
}

.ss-input-affix-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: #000000d9;
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    transition: all .3s;
    display: inline-flex
}

.ss-input-affix-wrapper::-moz-placeholder {
    opacity: 1
}

.ss-input-affix-wrapper::placeholder {
    color: #bfbfbf;
    user-select: none
}

.ss-input-affix-wrapper:placeholder-shown {
    text-overflow: ellipsis
}

.ss-input-affix-wrapper:hover {
    border-color: var(--ss-primary-5);
    border-right-width: 1px!important
}

.ss-input-rtl .ss-input-affix-wrapper:hover {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ss-input-affix-wrapper:focus,.ss-input-affix-wrapper-focused {
    border-color: var(--ss-primary-color-hover);
    box-shadow: 0 0 0 2px var(--ss-primary-color-outline);
    border-right-width: 1px!important;
    outline: 0
}

.ss-input-rtl .ss-input-affix-wrapper:focus,.ss-input-rtl .ss-input-affix-wrapper-focused {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ss-input-affix-wrapper-disabled {
    color: #00000040;
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ss-input-affix-wrapper-disabled:hover {
    border-color: #d9d9d9;
    border-right-width: 1px!important
}

.ss-input-affix-wrapper[disabled] {
    color: #00000040;
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ss-input-affix-wrapper[disabled]:hover {
    border-color: #d9d9d9;
    border-right-width: 1px!important
}

.ss-input-affix-wrapper-borderless,.ss-input-affix-wrapper-borderless:hover,.ss-input-affix-wrapper-borderless:focus,.ss-input-affix-wrapper-borderless-focused,.ss-input-affix-wrapper-borderless-disabled,.ss-input-affix-wrapper-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.ss-input-affix-wrapper {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all .3s,height 0s
}

.ss-input-affix-wrapper-lg {
    padding: 6.5px 11px;
    font-size: 16px
}

.ss-input-affix-wrapper-sm {
    padding: 0 7px
}

.ss-input-affix-wrapper-rtl {
    direction: rtl
}

.ss-input-affix-wrapper:not(.ss-input-affix-wrapper-disabled):hover {
    border-color: var(--ss-primary-5);
    border-right-width: 1px!important;
    z-index: 1
}

.ss-input-rtl .ss-input-affix-wrapper:not(.ss-input-affix-wrapper-disabled):hover {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ss-input-search-with-button .ss-input-affix-wrapper:not(.ss-input-affix-wrapper-disabled):hover {
    z-index: 0
}

.ss-input-affix-wrapper-focused,.ss-input-affix-wrapper:focus {
    z-index: 1
}

.ss-input-affix-wrapper-disabled .ss-input[disabled] {
    background: transparent
}

.ss-input-affix-wrapper>input.ss-input {
    padding: 0;
    border: none;
    outline: none
}

.ss-input-affix-wrapper>input.ss-input:focus {
    box-shadow: none!important
}

.ss-input-affix-wrapper:before {
    width: 0;
    visibility: hidden;
    content: '\a0'
}

.ss-input-prefix,.ss-input-suffix {
    display: flex;
    flex: none;
    align-items: center
}

.ss-input-show-count-suffix {
    color: #00000073
}

.ss-input-show-count-has-suffix {
    margin-right: 2px
}

.ss-input-prefix {
    margin-right: 4px
}

.ss-input-suffix {
    margin-left: 4px
}

.anticon.ss-input-clear-icon {
    margin: 0;
    color: #00000040;
    font-size: 12px;
    vertical-align: -1px;
    cursor: pointer;
    transition: color .3s
}

.anticon.ss-input-clear-icon:hover {
    color: #00000073
}

.anticon.ss-input-clear-icon:active {
    color: #000000d9
}

.anticon.ss-input-clear-icon-hidden {
    visibility: hidden
}

.anticon.ss-input-clear-icon-has-suffix {
    margin: 0 4px
}

.ss-input-affix-wrapper-textarea-with-clear-btn {
    padding: 0!important;
    border: 0!important
}

.ss-input-affix-wrapper-textarea-with-clear-btn .ss-input-clear-icon {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1
}

.ss-input {
    box-sizing: border-box;
    margin: 0;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: #000000d9;
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    transition: all .3s
}

.ss-input::-moz-placeholder {
    opacity: 1
}

.ss-input::placeholder {
    color: #bfbfbf;
    user-select: none
}

.ss-input:placeholder-shown {
    text-overflow: ellipsis
}

.ss-input:hover {
    border-color: var(--ss-primary-5);
    border-right-width: 1px!important
}

.ss-input-rtl .ss-input:hover {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ss-input:focus,.ss-input-focused {
    border-color: var(--ss-primary-color-hover);
    box-shadow: 0 0 0 2px var(--ss-primary-color-outline);
    border-right-width: 1px!important;
    outline: 0
}

.ss-input-rtl .ss-input:focus,.ss-input-rtl .ss-input-focused {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ss-input-disabled {
    color: #00000040;
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ss-input-disabled:hover {
    border-color: #d9d9d9;
    border-right-width: 1px!important
}

.ss-input[disabled] {
    color: #00000040;
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ss-input[disabled]:hover {
    border-color: #d9d9d9;
    border-right-width: 1px!important
}

.ss-input-borderless,.ss-input-borderless:hover,.ss-input-borderless:focus,.ss-input-borderless-focused,.ss-input-borderless-disabled,.ss-input-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.ss-input {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all .3s,height 0s
}

.ss-input-lg {
    padding: 6.5px 11px;
    font-size: 16px
}

.ss-input-sm {
    padding: 0 7px
}

.ss-input-rtl {
    direction: rtl
}

.ss-input-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.ss-input-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

.ss-input-group>[class*=col-] {
    padding-right: 8px
}

.ss-input-group>[class*=col-]:last-child {
    padding-right: 0
}

.ss-input-group-addon,.ss-input-group-wrap,.ss-input-group>.ss-input {
    display: table-cell
}

.ss-input-group-addon:not(:first-child):not(:last-child),.ss-input-group-wrap:not(:first-child):not(:last-child),.ss-input-group>.ss-input:not(:first-child):not(:last-child) {
    border-radius: 0
}

.ss-input-group-addon,.ss-input-group-wrap {
    width: 1px;
    white-space: nowrap;
    vertical-align: middle
}

.ss-input-group-wrap>* {
    display: block!important
}

.ss-input-group .ss-input {
    float: left;
    width: 100%;
    margin-bottom: 0;
    text-align: inherit
}

.ss-input-group .ss-input:focus {
    z-index: 1;
    border-right-width: 1px
}

.ss-input-group .ss-input:hover {
    z-index: 1;
    border-right-width: 1px
}

.ss-input-search-with-button .ss-input-group .ss-input:hover {
    z-index: 0
}

.ss-input-group-addon {
    position: relative;
    padding: 0 11px;
    color: #000000d9;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    background-color: #fafafa;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    transition: all .3s
}

.ss-input-group-addon .ss-select {
    margin: -5px -11px
}

.ss-input-group-addon .ss-select.ss-select-single:not(.ss-select-customize-input) .ss-select-selector {
    background-color: inherit;
    border: 1px solid transparent;
    box-shadow: none
}

.ss-input-group-addon .ss-select-open .ss-select-selector,.ss-input-group-addon .ss-select-focused .ss-select-selector {
    color: var(--ss-primary-color)
}

.ss-input-group-addon .ss-cascader-picker {
    margin: -9px -12px;
    background-color: transparent
}

.ss-input-group-addon .ss-cascader-picker .ss-cascader-input {
    text-align: left;
    border: 0;
    box-shadow: none
}

.ss-input-group>.ss-input:first-child,.ss-input-group-addon:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ss-input-group>.ss-input:first-child .ss-select .ss-select-selector,.ss-input-group-addon:first-child .ss-select .ss-select-selector {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ss-input-group>.ss-input-affix-wrapper:not(:first-child) .ss-input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ss-input-group>.ss-input-affix-wrapper:not(:last-child) .ss-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ss-input-group-addon:first-child {
    border-right: 0
}

.ss-input-group-addon:last-child {
    border-left: 0
}

.ss-input-group>.ss-input:last-child,.ss-input-group-addon:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ss-input-group>.ss-input:last-child .ss-select .ss-select-selector,.ss-input-group-addon:last-child .ss-select .ss-select-selector {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ss-input-group-lg .ss-input,.ss-input-group-lg>.ss-input-group-addon {
    padding: 6.5px 11px;
    font-size: 16px
}

.ss-input-group-sm .ss-input,.ss-input-group-sm>.ss-input-group-addon {
    padding: 0 7px
}

.ss-input-group-lg .ss-select-single .ss-select-selector {
    height: 40px
}

.ss-input-group-sm .ss-select-single .ss-select-selector {
    height: 24px
}

.ss-input-group .ss-input-affix-wrapper:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ss-input-search .ss-input-group .ss-input-affix-wrapper:not(:last-child) {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.ss-input-group .ss-input-affix-wrapper:not(:first-child),.ss-input-search .ss-input-group .ss-input-affix-wrapper:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ss-input-group.ss-input-group-compact {
    display: block
}

.ss-input-group.ss-input-group-compact:before {
    display: table;
    content: ""
}

.ss-input-group.ss-input-group-compact:after {
    display: table;
    clear: both;
    content: ""
}

.ss-input-group.ss-input-group-compact-addon:not(:first-child):not(:last-child),.ss-input-group.ss-input-group-compact-wrap:not(:first-child):not(:last-child),.ss-input-group.ss-input-group-compact>.ss-input:not(:first-child):not(:last-child) {
    border-right-width: 1px
}

.ss-input-group.ss-input-group-compact-addon:not(:first-child):not(:last-child):hover,.ss-input-group.ss-input-group-compact-wrap:not(:first-child):not(:last-child):hover,.ss-input-group.ss-input-group-compact>.ss-input:not(:first-child):not(:last-child):hover {
    z-index: 1
}

.ss-input-group.ss-input-group-compact-addon:not(:first-child):not(:last-child):focus,.ss-input-group.ss-input-group-compact-wrap:not(:first-child):not(:last-child):focus,.ss-input-group.ss-input-group-compact>.ss-input:not(:first-child):not(:last-child):focus {
    z-index: 1
}

.ss-input-group.ss-input-group-compact>* {
    display: inline-block;
    float: none;
    vertical-align: top;
    border-radius: 0
}

.ss-input-group.ss-input-group-compact>.ss-input-affix-wrapper {
    display: inline-flex
}

.ss-input-group.ss-input-group-compact>.ss-picker-range {
    display: inline-flex
}

.ss-input-group.ss-input-group-compact>*:not(:last-child) {
    margin-right: -1px;
    border-right-width: 1px
}

.ss-input-group.ss-input-group-compact .ss-input {
    float: none
}

.ss-input-group.ss-input-group-compact>.ss-select>.ss-select-selector,.ss-input-group.ss-input-group-compact>.ss-select-auto-complete .ss-input,.ss-input-group.ss-input-group-compact>.ss-cascader-picker .ss-input,.ss-input-group.ss-input-group-compact>.ss-input-group-wrapper .ss-input {
    border-right-width: 1px;
    border-radius: 0
}

.ss-input-group.ss-input-group-compact>.ss-select>.ss-select-selector:hover,.ss-input-group.ss-input-group-compact>.ss-select-auto-complete .ss-input:hover,.ss-input-group.ss-input-group-compact>.ss-cascader-picker .ss-input:hover,.ss-input-group.ss-input-group-compact>.ss-input-group-wrapper .ss-input:hover {
    z-index: 1
}

.ss-input-group.ss-input-group-compact>.ss-select>.ss-select-selector:focus,.ss-input-group.ss-input-group-compact>.ss-select-auto-complete .ss-input:focus,.ss-input-group.ss-input-group-compact>.ss-cascader-picker .ss-input:focus,.ss-input-group.ss-input-group-compact>.ss-input-group-wrapper .ss-input:focus {
    z-index: 1
}

.ss-input-group.ss-input-group-compact>.ss-select-focused {
    z-index: 1
}

.ss-input-group.ss-input-group-compact>.ss-select>.ss-select-arrow {
    z-index: 1
}

.ss-input-group.ss-input-group-compact>*:first-child,.ss-input-group.ss-input-group-compact>.ss-select:first-child>.ss-select-selector,.ss-input-group.ss-input-group-compact>.ss-select-auto-complete:first-child .ss-input,.ss-input-group.ss-input-group-compact>.ss-cascader-picker:first-child .ss-input {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.ss-input-group.ss-input-group-compact>*:last-child,.ss-input-group.ss-input-group-compact>.ss-select:last-child>.ss-select-selector,.ss-input-group.ss-input-group-compact>.ss-cascader-picker:last-child .ss-input,.ss-input-group.ss-input-group-compact>.ss-cascader-picker-focused:last-child .ss-input {
    border-right-width: 1px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.ss-input-group.ss-input-group-compact>.ss-select-auto-complete .ss-input {
    vertical-align: top
}

.ss-input-group.ss-input-group-compact .ss-input-group-wrapper+.ss-input-group-wrapper {
    margin-left: -1px
}

.ss-input-group.ss-input-group-compact .ss-input-group-wrapper+.ss-input-group-wrapper .ss-input-affix-wrapper {
    border-radius: 0
}

.ss-input-group.ss-input-group-compact .ss-input-group-wrapper:not(:last-child).ss-input-search>.ss-input-group>.ss-input-group-addon>.ss-input-search-button {
    border-radius: 0
}

.ss-input-group.ss-input-group-compact .ss-input-group-wrapper:not(:last-child).ss-input-search>.ss-input-group>.ss-input {
    border-radius: 2px 0 0 2px
}

.ss-input-group>.ss-input-rtl:first-child,.ss-input-group-rtl .ss-input-group-addon:first-child {
    border-radius: 0 2px 2px 0
}

.ss-input-group-rtl .ss-input-group-addon:first-child {
    border-right: 1px solid #d9d9d9;
    border-left: 0
}

.ss-input-group-rtl .ss-input-group-addon:last-child {
    border-right: 0;
    border-left: 1px solid #d9d9d9
}

.ss-input-group-rtl.ss-input-group>.ss-input:last-child,.ss-input-group-rtl.ss-input-group-addon:last-child {
    border-radius: 2px 0 0 2px
}

.ss-input-group-rtl.ss-input-group .ss-input-affix-wrapper:not(:first-child) {
    border-radius: 2px 0 0 2px
}

.ss-input-group-rtl.ss-input-group .ss-input-affix-wrapper:not(:last-child) {
    border-radius: 0 2px 2px 0
}

.ss-input-group-rtl.ss-input-group.ss-input-group-compact>*:not(:last-child) {
    margin-right: 0;
    margin-left: -1px;
    border-left-width: 1px
}

.ss-input-group-rtl.ss-input-group.ss-input-group-compact>*:first-child,.ss-input-group-rtl.ss-input-group.ss-input-group-compact>.ss-select:first-child>.ss-select-selector,.ss-input-group-rtl.ss-input-group.ss-input-group-compact>.ss-select-auto-complete:first-child .ss-input,.ss-input-group-rtl.ss-input-group.ss-input-group-compact>.ss-cascader-picker:first-child .ss-input {
    border-radius: 0 2px 2px 0
}

.ss-input-group-rtl.ss-input-group.ss-input-group-compact>*:last-child,.ss-input-group-rtl.ss-input-group.ss-input-group-compact>.ss-select:last-child>.ss-select-selector,.ss-input-group-rtl.ss-input-group.ss-input-group-compact>.ss-select-auto-complete:last-child .ss-input,.ss-input-group-rtl.ss-input-group.ss-input-group-compact>.ss-cascader-picker:last-child .ss-input,.ss-input-group-rtl.ss-input-group.ss-input-group-compact>.ss-cascader-picker-focused:last-child .ss-input {
    border-left-width: 1px;
    border-radius: 2px 0 0 2px
}

.ss-input-group.ss-input-group-compact .ss-input-group-wrapper-rtl+.ss-input-group-wrapper-rtl {
    margin-right: -1px;
    margin-left: 0
}

.ss-input-group.ss-input-group-compact .ss-input-group-wrapper-rtl:not(:last-child).ss-input-search>.ss-input-group>.ss-input {
    border-radius: 0 2px 2px 0
}

.ss-input-group-wrapper {
    display: inline-block;
    width: 100%;
    text-align: start;
    vertical-align: top
}

.ss-input-password-icon {
    color: #00000073;
    cursor: pointer;
    transition: all .3s
}

.ss-input-password-icon:hover {
    color: #000000d9
}

.ss-input[type=color] {
    height: 32px
}

.ss-input[type=color].ss-input-lg {
    height: 40px
}

.ss-input[type=color].ss-input-sm {
    height: 24px;
    padding-top: 3px;
    padding-bottom: 3px
}

.ss-input-textarea-show-count>.ss-input {
    height: 100%
}

.ss-input-textarea-show-count:after {
    float: right;
    color: #00000073;
    white-space: nowrap;
    content: attr(data-count);
    pointer-events: none
}

.ss-input-search .ss-input:hover,.ss-input-search .ss-input:focus {
    border-color: var(--ss-primary-5)
}

.ss-input-search .ss-input:hover+.ss-input-group-addon .ss-input-search-button:not(.ss-btn-primary),.ss-input-search .ss-input:focus+.ss-input-group-addon .ss-input-search-button:not(.ss-btn-primary) {
    border-left-color: var(--ss-primary-5)
}

.ss-input-search .ss-input-affix-wrapper {
    border-radius: 0
}

.ss-input-search .ss-input-lg {
    line-height: 1.5713
}

.ss-input-search>.ss-input-group>.ss-input-group-addon:last-child {
    left: -1px;
    padding: 0;
    border: 0
}

.ss-input-search>.ss-input-group>.ss-input-group-addon:last-child .ss-input-search-button {
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0 2px 2px 0
}

.ss-input-search>.ss-input-group>.ss-input-group-addon:last-child .ss-input-search-button:not(.ss-btn-primary) {
    color: #00000073
}

.ss-input-search>.ss-input-group>.ss-input-group-addon:last-child .ss-input-search-button:not(.ss-btn-primary).ss-btn-loading:before {
    inset: 0
}

.ss-input-search-button {
    height: 32px
}

.ss-input-search-button:hover,.ss-input-search-button:focus {
    z-index: 1
}

.ss-input-search-large .ss-input-search-button {
    height: 40px
}

.ss-input-search-small .ss-input-search-button {
    height: 24px
}

.ss-input-group-wrapper-rtl,.ss-input-group-rtl {
    direction: rtl
}

.ss-input-affix-wrapper.ss-input-affix-wrapper-rtl>input.ss-input {
    border: none;
    outline: none
}

.ss-input-affix-wrapper-rtl .ss-input-prefix {
    margin: 0 0 0 4px
}

.ss-input-affix-wrapper-rtl .ss-input-suffix {
    margin: 0 4px 0 0
}

.ss-input-textarea-rtl {
    direction: rtl
}

.ss-input-textarea-rtl.ss-input-textarea-show-count:after {
    text-align: left
}

.ss-input-affix-wrapper-rtl .ss-input-clear-icon-has-suffix {
    margin-right: 0;
    margin-left: 4px
}

.ss-input-affix-wrapper-rtl .ss-input-clear-icon {
    right: auto;
    left: 8px
}

.ss-input-search-rtl {
    direction: rtl
}

.ss-input-search-rtl .ss-input:hover+.ss-input-group-addon .ss-input-search-button:not(.ss-btn-primary),.ss-input-search-rtl .ss-input:focus+.ss-input-group-addon .ss-input-search-button:not(.ss-btn-primary) {
    border-right-color: var(--ss-primary-5);
    border-left-color: #d9d9d9
}

.ss-input-search-rtl>.ss-input-group>.ss-input-affix-wrapper:hover,.ss-input-search-rtl>.ss-input-group>.ss-input-affix-wrapper-focused {
    border-right-color: var(--ss-primary-5)
}

.ss-input-search-rtl>.ss-input-group>.ss-input-group-addon {
    right: -1px;
    left: auto
}

.ss-input-search-rtl>.ss-input-group>.ss-input-group-addon .ss-input-search-button {
    border-radius: 2px 0 0 2px
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .ss-input {
        height: 32px
    }

    .ss-input-lg {
        height: 40px
    }

    .ss-input-sm {
        height: 24px
    }

    .ss-input-affix-wrapper>input.ss-input {
        height: auto
    }
}

.ss-input-number-affix-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    color: #000000d9;
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    transition: all .3s;
    position: static;
    display: inline-flex;
    width: 90px;
    padding: 0;
    padding-inline-start:11px}

.ss-input-number-affix-wrapper::-moz-placeholder {
    opacity: 1
}

.ss-input-number-affix-wrapper::placeholder {
    color: #bfbfbf;
    user-select: none
}

.ss-input-number-affix-wrapper:placeholder-shown {
    text-overflow: ellipsis
}

.ss-input-number-affix-wrapper:hover {
    border-color: var(--ss-primary-5);
    border-right-width: 1px!important
}

.ss-input-rtl .ss-input-number-affix-wrapper:hover {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ss-input-number-affix-wrapper:focus,.ss-input-number-affix-wrapper-focused {
    border-color: var(--ss-primary-color-hover);
    box-shadow: 0 0 0 2px var(--ss-primary-color-outline);
    border-right-width: 1px!important;
    outline: 0
}

.ss-input-rtl .ss-input-number-affix-wrapper:focus,.ss-input-rtl .ss-input-number-affix-wrapper-focused {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ss-input-number-affix-wrapper-disabled {
    color: #00000040;
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ss-input-number-affix-wrapper-disabled:hover {
    border-color: #d9d9d9;
    border-right-width: 1px!important
}

.ss-input-number-affix-wrapper[disabled] {
    color: #00000040;
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ss-input-number-affix-wrapper[disabled]:hover {
    border-color: #d9d9d9;
    border-right-width: 1px!important
}

.ss-input-number-affix-wrapper-borderless,.ss-input-number-affix-wrapper-borderless:hover,.ss-input-number-affix-wrapper-borderless:focus,.ss-input-number-affix-wrapper-borderless-focused,.ss-input-number-affix-wrapper-borderless-disabled,.ss-input-number-affix-wrapper-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.ss-input-number-affix-wrapper {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all .3s,height 0s
}

.ss-input-number-affix-wrapper-lg {
    padding: 6.5px 11px;
    font-size: 16px
}

.ss-input-number-affix-wrapper-sm {
    padding: 0 7px
}

.ss-input-number-affix-wrapper-rtl {
    direction: rtl
}

.ss-input-number-affix-wrapper:not(.ss-input-number-affix-wrapper-disabled):hover {
    border-color: var(--ss-primary-5);
    border-right-width: 1px!important;
    z-index: 1
}

.ss-input-rtl .ss-input-number-affix-wrapper:not(.ss-input-number-affix-wrapper-disabled):hover {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ss-input-number-affix-wrapper-focused,.ss-input-number-affix-wrapper:focus {
    z-index: 1
}

.ss-input-number-affix-wrapper-disabled .ss-input-number[disabled] {
    background: transparent
}

.ss-input-number-affix-wrapper>div.ss-input-number {
    width: 100%;
    border: none;
    outline: none
}

.ss-input-number-affix-wrapper>div.ss-input-number.ss-input-number-focused {
    box-shadow: none!important
}

.ss-input-number-affix-wrapper input.ss-input-number-input {
    padding: 0
}

.ss-input-number-affix-wrapper:before {
    width: 0;
    visibility: hidden;
    content: " "
}

.ss-input-number-prefix {
    display: flex;
    flex: none;
    align-items: center;
    margin-inline-end:4px}

.ss-input-number-group-wrapper .ss-input-number-affix-wrapper {
    width: 100%
}

.ss-input-number {
    box-sizing: border-box;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    width: 100%;
    min-width: 0;
    color: #000000d9;
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    transition: all .3s;
    display: inline-block;
    width: 90px;
    margin: 0;
    padding: 0;
    border: 1px solid #d9d9d9;
    border-radius: 2px
}

.ss-input-number::-moz-placeholder {
    opacity: 1
}

.ss-input-number::placeholder {
    color: #bfbfbf;
    user-select: none
}

.ss-input-number:placeholder-shown {
    text-overflow: ellipsis
}

.ss-input-rtl .ss-input-number:hover {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ss-input-number:focus,.ss-input-number-focused {
    border-color: var(--ss-primary-color-hover);
    box-shadow: 0 0 0 2px var(--ss-primary-color-outline);
    border-right-width: 1px!important;
    outline: 0
}

.ss-input-rtl .ss-input-number:focus,.ss-input-rtl .ss-input-number-focused {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ss-input-number[disabled] {
    color: #00000040;
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ss-input-number[disabled]:hover {
    border-color: #d9d9d9;
    border-right-width: 1px!important
}

.ss-input-number-borderless,.ss-input-number-borderless:hover,.ss-input-number-borderless:focus,.ss-input-number-borderless-focused,.ss-input-number-borderless-disabled,.ss-input-number-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.ss-input-number {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all .3s,height 0s
}

.ss-input-number-lg {
    padding: 6.5px 11px;
    font-size: 16px
}

.ss-input-number-sm {
    padding: 0 7px
}

.ss-input-number-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.ss-input-number-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

.ss-input-number-group>[class*=col-] {
    padding-right: 8px
}

.ss-input-number-group>[class*=col-]:last-child {
    padding-right: 0
}

.ss-input-number-group-addon,.ss-input-number-group-wrap,.ss-input-number-group>.ss-input-number {
    display: table-cell
}

.ss-input-number-group-addon:not(:first-child):not(:last-child),.ss-input-number-group-wrap:not(:first-child):not(:last-child),.ss-input-number-group>.ss-input-number:not(:first-child):not(:last-child) {
    border-radius: 0
}

.ss-input-number-group-addon,.ss-input-number-group-wrap {
    width: 1px;
    white-space: nowrap;
    vertical-align: middle
}

.ss-input-number-group-wrap>* {
    display: block!important
}

.ss-input-number-group .ss-input-number {
    float: left;
    width: 100%;
    margin-bottom: 0;
    text-align: inherit
}

.ss-input-number-group .ss-input-number:focus {
    z-index: 1;
    border-right-width: 1px
}

.ss-input-number-group .ss-input-number:hover {
    z-index: 1;
    border-right-width: 1px
}

.ss-input-search-with-button .ss-input-number-group .ss-input-number:hover {
    z-index: 0
}

.ss-input-number-group-addon {
    position: relative;
    padding: 0 11px;
    color: #000000d9;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    background-color: #fafafa;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    transition: all .3s
}

.ss-input-number-group-addon .ss-select {
    margin: -5px -11px
}

.ss-input-number-group-addon .ss-select.ss-select-single:not(.ss-select-customize-input) .ss-select-selector {
    background-color: inherit;
    border: 1px solid transparent;
    box-shadow: none
}

.ss-input-number-group-addon .ss-select-open .ss-select-selector,.ss-input-number-group-addon .ss-select-focused .ss-select-selector {
    color: var(--ss-primary-color)
}

.ss-input-number-group-addon .ss-cascader-picker {
    margin: -9px -12px;
    background-color: transparent
}

.ss-input-number-group-addon .ss-cascader-picker .ss-cascader-input {
    text-align: left;
    border: 0;
    box-shadow: none
}

.ss-input-number-group>.ss-input-number:first-child,.ss-input-number-group-addon:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ss-input-number-group>.ss-input-number:first-child .ss-select .ss-select-selector,.ss-input-number-group-addon:first-child .ss-select .ss-select-selector {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ss-input-number-group>.ss-input-number-affix-wrapper:not(:first-child) .ss-input-number {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ss-input-number-group>.ss-input-number-affix-wrapper:not(:last-child) .ss-input-number {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ss-input-number-group-addon:first-child {
    border-right: 0
}

.ss-input-number-group-addon:last-child {
    border-left: 0
}

.ss-input-number-group>.ss-input-number:last-child,.ss-input-number-group-addon:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ss-input-number-group>.ss-input-number:last-child .ss-select .ss-select-selector,.ss-input-number-group-addon:last-child .ss-select .ss-select-selector {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ss-input-number-group-lg .ss-input-number,.ss-input-number-group-lg>.ss-input-number-group-addon {
    padding: 6.5px 11px;
    font-size: 16px
}

.ss-input-number-group-sm .ss-input-number,.ss-input-number-group-sm>.ss-input-number-group-addon {
    padding: 0 7px
}

.ss-input-number-group-lg .ss-select-single .ss-select-selector {
    height: 40px
}

.ss-input-number-group-sm .ss-select-single .ss-select-selector {
    height: 24px
}

.ss-input-number-group .ss-input-number-affix-wrapper:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ss-input-search .ss-input-number-group .ss-input-number-affix-wrapper:not(:last-child) {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.ss-input-number-group .ss-input-number-affix-wrapper:not(:first-child),.ss-input-search .ss-input-number-group .ss-input-number-affix-wrapper:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ss-input-number-group.ss-input-number-group-compact {
    display: block
}

.ss-input-number-group.ss-input-number-group-compact:before {
    display: table;
    content: ""
}

.ss-input-number-group.ss-input-number-group-compact:after {
    display: table;
    clear: both;
    content: ""
}

.ss-input-number-group.ss-input-number-group-compact-addon:not(:first-child):not(:last-child),.ss-input-number-group.ss-input-number-group-compact-wrap:not(:first-child):not(:last-child),.ss-input-number-group.ss-input-number-group-compact>.ss-input-number:not(:first-child):not(:last-child) {
    border-right-width: 1px
}

.ss-input-number-group.ss-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,.ss-input-number-group.ss-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,.ss-input-number-group.ss-input-number-group-compact>.ss-input-number:not(:first-child):not(:last-child):hover {
    z-index: 1
}

.ss-input-number-group.ss-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,.ss-input-number-group.ss-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,.ss-input-number-group.ss-input-number-group-compact>.ss-input-number:not(:first-child):not(:last-child):focus {
    z-index: 1
}

.ss-input-number-group.ss-input-number-group-compact>* {
    display: inline-block;
    float: none;
    vertical-align: top;
    border-radius: 0
}

.ss-input-number-group.ss-input-number-group-compact>.ss-input-number-affix-wrapper {
    display: inline-flex
}

.ss-input-number-group.ss-input-number-group-compact>.ss-picker-range {
    display: inline-flex
}

.ss-input-number-group.ss-input-number-group-compact>*:not(:last-child) {
    margin-right: -1px;
    border-right-width: 1px
}

.ss-input-number-group.ss-input-number-group-compact .ss-input-number {
    float: none
}

.ss-input-number-group.ss-input-number-group-compact>.ss-select>.ss-select-selector,.ss-input-number-group.ss-input-number-group-compact>.ss-select-auto-complete .ss-input,.ss-input-number-group.ss-input-number-group-compact>.ss-cascader-picker .ss-input,.ss-input-number-group.ss-input-number-group-compact>.ss-input-group-wrapper .ss-input {
    border-right-width: 1px;
    border-radius: 0
}

.ss-input-number-group.ss-input-number-group-compact>.ss-select>.ss-select-selector:hover,.ss-input-number-group.ss-input-number-group-compact>.ss-select-auto-complete .ss-input:hover,.ss-input-number-group.ss-input-number-group-compact>.ss-cascader-picker .ss-input:hover,.ss-input-number-group.ss-input-number-group-compact>.ss-input-group-wrapper .ss-input:hover {
    z-index: 1
}

.ss-input-number-group.ss-input-number-group-compact>.ss-select>.ss-select-selector:focus,.ss-input-number-group.ss-input-number-group-compact>.ss-select-auto-complete .ss-input:focus,.ss-input-number-group.ss-input-number-group-compact>.ss-cascader-picker .ss-input:focus,.ss-input-number-group.ss-input-number-group-compact>.ss-input-group-wrapper .ss-input:focus {
    z-index: 1
}

.ss-input-number-group.ss-input-number-group-compact>.ss-select-focused {
    z-index: 1
}

.ss-input-number-group.ss-input-number-group-compact>.ss-select>.ss-select-arrow {
    z-index: 1
}

.ss-input-number-group.ss-input-number-group-compact>*:first-child,.ss-input-number-group.ss-input-number-group-compact>.ss-select:first-child>.ss-select-selector,.ss-input-number-group.ss-input-number-group-compact>.ss-select-auto-complete:first-child .ss-input,.ss-input-number-group.ss-input-number-group-compact>.ss-cascader-picker:first-child .ss-input {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.ss-input-number-group.ss-input-number-group-compact>*:last-child,.ss-input-number-group.ss-input-number-group-compact>.ss-select:last-child>.ss-select-selector,.ss-input-number-group.ss-input-number-group-compact>.ss-cascader-picker:last-child .ss-input,.ss-input-number-group.ss-input-number-group-compact>.ss-cascader-picker-focused:last-child .ss-input {
    border-right-width: 1px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.ss-input-number-group.ss-input-number-group-compact>.ss-select-auto-complete .ss-input {
    vertical-align: top
}

.ss-input-number-group.ss-input-number-group-compact .ss-input-group-wrapper+.ss-input-group-wrapper {
    margin-left: -1px
}

.ss-input-number-group.ss-input-number-group-compact .ss-input-group-wrapper+.ss-input-group-wrapper .ss-input-affix-wrapper {
    border-radius: 0
}

.ss-input-number-group.ss-input-number-group-compact .ss-input-group-wrapper:not(:last-child).ss-input-search>.ss-input-group>.ss-input-group-addon>.ss-input-search-button {
    border-radius: 0
}

.ss-input-number-group.ss-input-number-group-compact .ss-input-group-wrapper:not(:last-child).ss-input-search>.ss-input-group>.ss-input {
    border-radius: 2px 0 0 2px
}

.ss-input-number-group>.ss-input-number-rtl:first-child,.ss-input-number-group-rtl .ss-input-number-group-addon:first-child {
    border-radius: 0 2px 2px 0
}

.ss-input-number-group-rtl .ss-input-number-group-addon:first-child {
    border-right: 1px solid #d9d9d9;
    border-left: 0
}

.ss-input-number-group-rtl .ss-input-number-group-addon:last-child {
    border-right: 0;
    border-left: 1px solid #d9d9d9
}

.ss-input-number-group-rtl.ss-input-number-group>.ss-input-number:last-child,.ss-input-number-group-rtl.ss-input-number-group-addon:last-child {
    border-radius: 2px 0 0 2px
}

.ss-input-number-group-rtl.ss-input-number-group .ss-input-number-affix-wrapper:not(:first-child) {
    border-radius: 2px 0 0 2px
}

.ss-input-number-group-rtl.ss-input-number-group .ss-input-number-affix-wrapper:not(:last-child) {
    border-radius: 0 2px 2px 0
}

.ss-input-number-group-rtl.ss-input-number-group.ss-input-number-group-compact>*:not(:last-child) {
    margin-right: 0;
    margin-left: -1px;
    border-left-width: 1px
}

.ss-input-number-group-rtl.ss-input-number-group.ss-input-number-group-compact>*:first-child,.ss-input-number-group-rtl.ss-input-number-group.ss-input-number-group-compact>.ss-select:first-child>.ss-select-selector,.ss-input-number-group-rtl.ss-input-number-group.ss-input-number-group-compact>.ss-select-auto-complete:first-child .ss-input,.ss-input-number-group-rtl.ss-input-number-group.ss-input-number-group-compact>.ss-cascader-picker:first-child .ss-input {
    border-radius: 0 2px 2px 0
}

.ss-input-number-group-rtl.ss-input-number-group.ss-input-number-group-compact>*:last-child,.ss-input-number-group-rtl.ss-input-number-group.ss-input-number-group-compact>.ss-select:last-child>.ss-select-selector,.ss-input-number-group-rtl.ss-input-number-group.ss-input-number-group-compact>.ss-select-auto-complete:last-child .ss-input,.ss-input-number-group-rtl.ss-input-number-group.ss-input-number-group-compact>.ss-cascader-picker:last-child .ss-input,.ss-input-number-group-rtl.ss-input-number-group.ss-input-number-group-compact>.ss-cascader-picker-focused:last-child .ss-input {
    border-left-width: 1px;
    border-radius: 2px 0 0 2px
}

.ss-input-number-group.ss-input-number-group-compact .ss-input-group-wrapper-rtl+.ss-input-group-wrapper-rtl {
    margin-right: -1px;
    margin-left: 0
}

.ss-input-number-group.ss-input-number-group-compact .ss-input-group-wrapper-rtl:not(:last-child).ss-input-search>.ss-input-group>.ss-input {
    border-radius: 0 2px 2px 0
}

.ss-input-number-group-wrapper {
    display: inline-block;
    text-align: start;
    vertical-align: top
}

.ss-input-number-handler {
    position: relative;
    display: block;
    width: 100%;
    height: 50%;
    overflow: hidden;
    color: #00000073;
    font-weight: 700;
    line-height: 0;
    text-align: center;
    border-left: 1px solid #d9d9d9;
    transition: all .1s linear
}

.ss-input-number-handler:active {
    background: #f4f4f4
}

.ss-input-number-handler:hover .ss-input-number-handler-up-inner,.ss-input-number-handler:hover .ss-input-number-handler-down-inner {
    color: var(--ss-primary-5)
}

.ss-input-number-handler-up-inner,.ss-input-number-handler-down-inner {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 4px;
    width: 12px;
    height: 12px;
    color: #00000073;
    line-height: 12px;
    transition: all .1s linear;
    user-select: none
}

.ss-input-number-handler-up-inner>*,.ss-input-number-handler-down-inner>* {
    line-height: 1
}

.ss-input-number-handler-up-inner svg,.ss-input-number-handler-down-inner svg {
    display: inline-block
}

.ss-input-number-handler-up-inner:before,.ss-input-number-handler-down-inner:before {
    display: none
}

.ss-input-number-handler-up-inner .ss-input-number-handler-up-inner-icon,.ss-input-number-handler-up-inner .ss-input-number-handler-down-inner-icon,.ss-input-number-handler-down-inner .ss-input-number-handler-up-inner-icon,.ss-input-number-handler-down-inner .ss-input-number-handler-down-inner-icon {
    display: block
}

.ss-input-number:hover {
    border-color: var(--ss-primary-5);
    border-right-width: 1px!important
}

.ss-input-number:hover+.ss-form-item-children-icon {
    opacity: 0;
    transition: opacity .24s linear .24s
}

.ss-input-number-focused {
    border-color: var(--ss-primary-color-hover);
    box-shadow: 0 0 0 2px var(--ss-primary-color-outline);
    border-right-width: 1px!important;
    outline: 0
}

.ss-input-rtl .ss-input-number-focused {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ss-input-number-disabled {
    color: #00000040;
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ss-input-number-disabled:hover {
    border-color: #d9d9d9;
    border-right-width: 1px!important
}

.ss-input-number-disabled .ss-input-number-input {
    cursor: not-allowed
}

.ss-input-number-disabled .ss-input-number-handler-wrap,.ss-input-number-readonly .ss-input-number-handler-wrap {
    display: none
}

.ss-input-number-input {
    width: 100%;
    height: 30px;
    padding: 0 11px;
    text-align: left;
    background-color: transparent;
    border: 0;
    border-radius: 2px;
    outline: 0;
    transition: all .3s linear;
    appearance: textfield!important
}

.ss-input-number-input::-moz-placeholder {
    opacity: 1
}

.ss-input-number-input::placeholder {
    color: #bfbfbf;
    user-select: none
}

.ss-input-number-input:placeholder-shown {
    text-overflow: ellipsis
}

.ss-input-number-input[type=number]::-webkit-inner-spin-button,.ss-input-number-input[type=number]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none
}

.ss-input-number-lg {
    padding: 0;
    font-size: 16px
}

.ss-input-number-lg input {
    height: 38px
}

.ss-input-number-sm {
    padding: 0
}

.ss-input-number-sm input {
    height: 22px;
    padding: 0 7px
}

.ss-input-number-handler-wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 100%;
    background: #fff;
    border-radius: 0 2px 2px 0;
    opacity: 0;
    transition: opacity .24s linear .1s
}

.ss-input-number-handler-wrap .ss-input-number-handler .ss-input-number-handler-up-inner,.ss-input-number-handler-wrap .ss-input-number-handler .ss-input-number-handler-down-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: auto;
    margin-right: 0;
    font-size: 7px
}

.ss-input-number-borderless .ss-input-number-handler-wrap {
    border-left-width: 0
}

.ss-input-number-handler-wrap:hover .ss-input-number-handler {
    height: 40%
}

.ss-input-number:hover .ss-input-number-handler-wrap,.ss-input-number-focused .ss-input-number-handler-wrap {
    opacity: 1
}

.ss-input-number-handler-up {
    border-top-right-radius: 2px;
    cursor: pointer
}

.ss-input-number-handler-up-inner {
    top: 50%;
    margin-top: -5px;
    text-align: center
}

.ss-input-number-handler-up:hover {
    height: 60%!important
}

.ss-input-number-handler-down {
    top: 0;
    border-top: 1px solid #d9d9d9;
    border-bottom-right-radius: 2px;
    cursor: pointer
}

.ss-input-number-handler-down-inner {
    top: 50%;
    text-align: center;
    transform: translateY(-50%)
}

.ss-input-number-handler-down:hover {
    height: 60%!important
}

.ss-input-number-borderless .ss-input-number-handler-down {
    border-top-width: 0
}

.ss-input-number-handler-up-disabled,.ss-input-number-handler-down-disabled {
    cursor: not-allowed
}

.ss-input-number-handler-up-disabled:hover .ss-input-number-handler-up-inner,.ss-input-number-handler-down-disabled:hover .ss-input-number-handler-down-inner {
    color: #00000040
}

.ss-input-number-borderless {
    box-shadow: none
}

.ss-input-number-out-of-range input {
    color: var(--ss-error-color)
}

.ss-input-number-rtl {
    direction: rtl
}

.ss-input-number-rtl .ss-input-number-handler {
    border-right: 1px solid #d9d9d9;
    border-left: 0
}

.ss-input-number-rtl .ss-input-number-handler-wrap {
    right: auto;
    left: 0
}

.ss-input-number-rtl.ss-input-number-borderless .ss-input-number-handler-wrap {
    border-right-width: 0
}

.ss-input-number-rtl .ss-input-number-handler-up {
    border-top-right-radius: 0
}

.ss-input-number-rtl .ss-input-number-handler-down {
    border-bottom-right-radius: 0
}

.ss-input-number-rtl .ss-input-number-input {
    direction: ltr;
    text-align: right
}

.ss-layout {
    display: flex;
    flex: auto;
    flex-direction: column;
    min-height: 0;
    background: #f0f2f5
}

.ss-layout,.ss-layout * {
    box-sizing: border-box
}

.ss-layout.ss-layout-has-sider {
    flex-direction: row
}

.ss-layout.ss-layout-has-sider>.ss-layout,.ss-layout.ss-layout-has-sider>.ss-layout-content {
    width: 0
}

.ss-layout-header,.ss-layout-footer {
    flex: 0 0 auto
}

.ss-layout-header {
    height: 64px;
    padding: 0 50px;
    color: #000000d9;
    line-height: 64px;
    background: #001529
}

.ss-layout-footer {
    padding: 24px 50px;
    color: #000000d9;
    font-size: 14px;
    background: #f0f2f5
}

.ss-layout-content {
    flex: auto;
    min-height: 0
}

.ss-layout-sider {
    position: relative;
    min-width: 0;
    background: #001529;
    transition: all .2s
}

.ss-layout-sider-children {
    height: 100%;
    margin-top: -.1px;
    padding-top: .1px
}

.ss-layout-sider-children .ss-menu.ss-menu-inline-collapsed {
    width: auto
}

.ss-layout-sider-has-trigger {
    padding-bottom: 48px
}

.ss-layout-sider-right {
    order: 1
}

.ss-layout-sider-trigger {
    position: fixed;
    bottom: 0;
    z-index: 1;
    height: 48px;
    color: #fff;
    line-height: 48px;
    text-align: center;
    background: #002140;
    cursor: pointer;
    transition: all .2s
}

.ss-layout-sider-zero-width>* {
    overflow: hidden
}

.ss-layout-sider-zero-width-trigger {
    position: absolute;
    top: 64px;
    right: -36px;
    z-index: 1;
    width: 36px;
    height: 42px;
    color: #fff;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    background: #001529;
    border-radius: 0 2px 2px 0;
    cursor: pointer;
    transition: background .3s ease
}

.ss-layout-sider-zero-width-trigger:after {
    position: absolute;
    inset: 0;
    background: transparent;
    transition: all .3s;
    content: ""
}

.ss-layout-sider-zero-width-trigger:hover:after {
    background: #ffffff1a
}

.ss-layout-sider-zero-width-trigger-right {
    left: -36px;
    border-radius: 2px 0 0 2px
}

.ss-layout-sider-light {
    background: #fff
}

.ss-layout-sider-light .ss-layout-sider-trigger,.ss-layout-sider-light .ss-layout-sider-zero-width-trigger {
    color: #000000d9;
    background: #fff
}

.ss-layout-rtl {
    direction: rtl
}

.ss-list {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative
}

.ss-list * {
    outline: none
}

.ss-list-pagination {
    margin-top: 24px;
    text-align: right
}

.ss-list-pagination .ss-pagination-options {
    text-align: left
}

.ss-list-more {
    margin-top: 12px;
    text-align: center
}

.ss-list-more button {
    padding-right: 32px;
    padding-left: 32px
}

.ss-list-spin {
    min-height: 40px;
    text-align: center
}

.ss-list-empty-text {
    padding: 16px;
    color: #00000040;
    font-size: 14px;
    text-align: center
}

.ss-list-items {
    margin: 0;
    padding: 0;
    list-style: none
}

.ss-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    color: #000000d9
}

.ss-list-item-meta {
    display: flex;
    flex: 1;
    align-items: flex-start;
    max-width: 100%
}

.ss-list-item-meta-avatar {
    margin-right: 16px
}

.ss-list-item-meta-content {
    flex: 1 0;
    width: 0;
    color: #000000d9
}

.ss-list-item-meta-title {
    margin-bottom: 4px;
    color: #000000d9;
    font-size: 14px;
    line-height: 1.5715
}

.ss-list-item-meta-title>a {
    color: #000000d9;
    transition: all .3s
}

.ss-list-item-meta-title>a:hover {
    color: var(--ss-primary-color)
}

.ss-list-item-meta-description {
    color: #00000073;
    font-size: 14px;
    line-height: 1.5715
}

.ss-list-item-action {
    flex: 0 0 auto;
    margin-left: 48px;
    padding: 0;
    font-size: 0;
    list-style: none
}

.ss-list-item-action>li {
    position: relative;
    display: inline-block;
    padding: 0 8px;
    color: #00000073;
    font-size: 14px;
    line-height: 1.5715;
    text-align: center
}

.ss-list-item-action>li:first-child {
    padding-left: 0
}

.ss-list-item-action-split {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background-color: #f0f0f0
}

.ss-list-header,.ss-list-footer {
    background: transparent
}

.ss-list-header,.ss-list-footer {
    padding-top: 12px;
    padding-bottom: 12px
}

.ss-list-empty {
    padding: 16px 0;
    color: #00000073;
    font-size: 12px;
    text-align: center
}

.ss-list-split .ss-list-item {
    border-bottom: 1px solid #f0f0f0
}

.ss-list-split .ss-list-item:last-child {
    border-bottom: none
}

.ss-list-split .ss-list-header {
    border-bottom: 1px solid #f0f0f0
}

.ss-list-split.ss-list-empty .ss-list-footer {
    border-top: 1px solid #f0f0f0
}

.ss-list-loading .ss-list-spin-nested-loading {
    min-height: 32px
}

.ss-list-split.ss-list-something-after-last-item .ss-spin-container>.ss-list-items>.ss-list-item:last-child {
    border-bottom: 1px solid #f0f0f0
}

.ss-list-lg .ss-list-item {
    padding: 16px 24px
}

.ss-list-sm .ss-list-item {
    padding: 8px 16px
}

.ss-list-vertical .ss-list-item {
    align-items: initial
}

.ss-list-vertical .ss-list-item-main {
    display: block;
    flex: 1
}

.ss-list-vertical .ss-list-item-extra {
    margin-left: 40px
}

.ss-list-vertical .ss-list-item-meta {
    margin-bottom: 16px
}

.ss-list-vertical .ss-list-item-meta-title {
    margin-bottom: 12px;
    color: #000000d9;
    font-size: 16px;
    line-height: 24px
}

.ss-list-vertical .ss-list-item-action {
    margin-top: 16px;
    margin-left: auto
}

.ss-list-vertical .ss-list-item-action>li {
    padding: 0 16px
}

.ss-list-vertical .ss-list-item-action>li:first-child {
    padding-left: 0
}

.ss-list-grid .ss-col>.ss-list-item {
    display: block;
    max-width: 100%;
    margin-bottom: 16px;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none
}

.ss-list-item-no-flex {
    display: block
}

.ss-list:not(.ss-list-vertical) .ss-list-item-no-flex .ss-list-item-action {
    float: right
}

.ss-list-bordered {
    border: 1px solid #d9d9d9;
    border-radius: 2px
}

.ss-list-bordered .ss-list-header,.ss-list-bordered .ss-list-footer,.ss-list-bordered .ss-list-item {
    padding-right: 24px;
    padding-left: 24px
}

.ss-list-bordered .ss-list-pagination {
    margin: 16px 24px
}

.ss-list-bordered.ss-list-sm .ss-list-item,.ss-list-bordered.ss-list-sm .ss-list-header,.ss-list-bordered.ss-list-sm .ss-list-footer {
    padding: 8px 16px
}

.ss-list-bordered.ss-list-lg .ss-list-item,.ss-list-bordered.ss-list-lg .ss-list-header,.ss-list-bordered.ss-list-lg .ss-list-footer {
    padding: 16px 24px
}

@media screen and (max-width: 768px) {
    .ss-list-item-action,.ss-list-vertical .ss-list-item-extra {
        margin-left:24px
    }
}

@media screen and (max-width: 576px) {
    .ss-list-item {
        flex-wrap:wrap
    }

    .ss-list-item-action {
        margin-left: 12px
    }

    .ss-list-vertical .ss-list-item {
        flex-wrap: wrap-reverse
    }

    .ss-list-vertical .ss-list-item-main {
        min-width: 220px
    }

    .ss-list-vertical .ss-list-item-extra {
        margin: auto auto 16px
    }
}

.ss-list-rtl {
    direction: rtl;
    text-align: right
}

.ss-list-rtl .ReactVirtualized__List .ss-list-item {
    direction: rtl
}

.ss-list-rtl .ss-list-pagination {
    text-align: left
}

.ss-list-rtl .ss-list-item-meta-avatar {
    margin-right: 0;
    margin-left: 16px
}

.ss-list-rtl .ss-list-item-action {
    margin-right: 48px;
    margin-left: 0
}

.ss-list.ss-list-rtl .ss-list-item-action>li:first-child {
    padding-right: 0;
    padding-left: 16px
}

.ss-list-rtl .ss-list-item-action-split {
    right: auto;
    left: 0
}

.ss-list-rtl.ss-list-vertical .ss-list-item-extra {
    margin-right: 40px;
    margin-left: 0
}

.ss-list-rtl.ss-list-vertical .ss-list-item-action {
    margin-right: auto
}

.ss-list-rtl .ss-list-vertical .ss-list-item-action>li:first-child {
    padding-right: 0;
    padding-left: 16px
}

.ss-list-rtl .ss-list:not(.ss-list-vertical) .ss-list-item-no-flex .ss-list-item-action {
    float: left
}

@media screen and (max-width: 768px) {
    .ss-list-rtl .ss-list-item-action,.ss-list-rtl .ss-list-vertical .ss-list-item-extra {
        margin-right:24px;
        margin-left: 0
    }
}

@media screen and (max-width: 576px) {
    .ss-list-rtl .ss-list-item-action {
        margin-right:22px;
        margin-left: 0
    }

    .ss-list-rtl.ss-list-vertical .ss-list-item-extra {
        margin: auto auto 16px
    }
}

.ss-mentions {
    box-sizing: border-box;
    margin: 0;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum";
    width: 100%;
    min-width: 0;
    color: #000000d9;
    font-size: 14px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    transition: all .3s;
    position: relative;
    display: inline-block;
    height: auto;
    padding: 0;
    overflow: hidden;
    line-height: 1.5715;
    white-space: pre-wrap;
    vertical-align: bottom
}

.ss-mentions::-moz-placeholder {
    opacity: 1
}

.ss-mentions::placeholder {
    color: #bfbfbf;
    user-select: none
}

.ss-mentions:placeholder-shown {
    text-overflow: ellipsis
}

.ss-mentions:hover {
    border-color: var(--ss-primary-5);
    border-right-width: 1px!important
}

.ss-input-rtl .ss-mentions:hover {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ss-mentions:focus,.ss-mentions-focused {
    border-color: var(--ss-primary-color-hover);
    box-shadow: 0 0 0 2px var(--ss-primary-color-outline);
    border-right-width: 1px!important;
    outline: 0
}

.ss-input-rtl .ss-mentions:focus,.ss-input-rtl .ss-mentions-focused {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ss-mentions-disabled {
    color: #00000040;
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ss-mentions-disabled:hover {
    border-color: #d9d9d9;
    border-right-width: 1px!important
}

.ss-mentions[disabled] {
    color: #00000040;
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ss-mentions[disabled]:hover {
    border-color: #d9d9d9;
    border-right-width: 1px!important
}

.ss-mentions-borderless,.ss-mentions-borderless:hover,.ss-mentions-borderless:focus,.ss-mentions-borderless-focused,.ss-mentions-borderless-disabled,.ss-mentions-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.ss-mentions {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all .3s,height 0s
}

.ss-mentions-lg {
    padding: 6.5px 11px;
    font-size: 16px
}

.ss-mentions-sm {
    padding: 0 7px
}

.ss-mentions-disabled>textarea {
    color: #00000040;
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ss-mentions-disabled>textarea:hover {
    border-color: #d9d9d9;
    border-right-width: 1px!important
}

.ss-mentions-focused {
    border-color: var(--ss-primary-color-hover);
    box-shadow: 0 0 0 2px var(--ss-primary-color-outline);
    border-right-width: 1px!important;
    outline: 0
}

.ss-input-rtl .ss-mentions-focused {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ss-mentions>textarea,.ss-mentions-measure {
    min-height: 30px;
    margin: 0;
    padding: 4px 11px;
    overflow: inherit;
    overflow-x: hidden;
    overflow-y: auto;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-size-adjust: inherit;
    font-stretch: inherit;
    line-height: inherit;
    direction: inherit;
    letter-spacing: inherit;
    white-space: inherit;
    text-align: inherit;
    vertical-align: top;
    word-wrap: break-word;
    word-break: inherit;
    tab-size: inherit
}

.ss-mentions>textarea {
    width: 100%;
    border: none;
    outline: none;
    resize: none
}

.ss-mentions>textarea::-moz-placeholder {
    opacity: 1
}

.ss-mentions>textarea::placeholder {
    color: #bfbfbf;
    user-select: none
}

.ss-mentions>textarea:placeholder-shown {
    text-overflow: ellipsis
}

.ss-mentions-measure {
    position: absolute;
    inset: 0;
    z-index: -1;
    color: transparent;
    pointer-events: none
}

.ss-mentions-measure>span {
    display: inline-block;
    min-height: 1em
}

.ss-mentions-dropdown {
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    box-sizing: border-box;
    font-size: 14px;
    font-variant: initial;
    background-color: #fff;
    border-radius: 2px;
    outline: none;
    box-shadow: 0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d
}

.ss-mentions-dropdown-hidden {
    display: none
}

.ss-mentions-dropdown-menu {
    max-height: 250px;
    margin-bottom: 0;
    padding-left: 0;
    overflow: auto;
    list-style: none;
    outline: none
}

.ss-mentions-dropdown-menu-item {
    position: relative;
    display: block;
    min-width: 100px;
    padding: 5px 12px;
    overflow: hidden;
    color: #000000d9;
    font-weight: 400;
    line-height: 1.5715;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: background .3s ease
}

.ss-mentions-dropdown-menu-item:hover {
    background-color: #f5f5f5
}

.ss-mentions-dropdown-menu-item:first-child {
    border-radius: 2px 2px 0 0
}

.ss-mentions-dropdown-menu-item:last-child {
    border-radius: 0 0 2px 2px
}

.ss-mentions-dropdown-menu-item-disabled {
    color: #00000040;
    cursor: not-allowed
}

.ss-mentions-dropdown-menu-item-disabled:hover {
    color: #00000040;
    background-color: #fff;
    cursor: not-allowed
}

.ss-mentions-dropdown-menu-item-selected {
    color: #000000d9;
    font-weight: 600;
    background-color: #fafafa
}

.ss-mentions-dropdown-menu-item-active {
    background-color: #f5f5f5
}

.ss-mentions-rtl {
    direction: rtl
}

.ss-menu-item-danger.ss-menu-item,.ss-menu-item-danger.ss-menu-item:hover,.ss-menu-item-danger.ss-menu-item-active {
    color: var(--ss-error-color)
}

.ss-menu-item-danger.ss-menu-item:active {
    background: #fff1f0
}

.ss-menu-item-danger.ss-menu-item-selected {
    color: var(--ss-error-color)
}

.ss-menu-item-danger.ss-menu-item-selected>a,.ss-menu-item-danger.ss-menu-item-selected>a:hover {
    color: var(--ss-error-color)
}

.ss-menu:not(.ss-menu-horizontal) .ss-menu-item-danger.ss-menu-item-selected {
    background-color: #fff1f0
}

.ss-menu-inline .ss-menu-item-danger.ss-menu-item:after {
    border-right-color: var(--ss-error-color)
}

.ss-menu-dark .ss-menu-item-danger.ss-menu-item,.ss-menu-dark .ss-menu-item-danger.ss-menu-item:hover,.ss-menu-dark .ss-menu-item-danger.ss-menu-item>a {
    color: var(--ss-error-color)
}

.ss-menu-dark.ss-menu-dark:not(.ss-menu-horizontal) .ss-menu-item-danger.ss-menu-item-selected {
    color: #fff;
    background-color: var(--ss-error-color)
}

.ss-menu {
    box-sizing: border-box;
    margin: 0;
    font-variant: tabular-nums;
    line-height: 1.5715;
    font-feature-settings: "tnum";
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    line-height: 0;
    text-align: left;
    list-style: none;
    background: #fff;
    outline: none;
    box-shadow: 0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;
    transition: background .3s,width .3s cubic-bezier(.2,0,0,1) 0s
}

.ss-menu:before {
    display: table;
    content: ""
}

.ss-menu:after {
    display: table;
    clear: both;
    content: ""
}

.ss-menu.ss-menu-root:focus-visible {
    box-shadow: 0 0 0 2px var(--ss-primary-2)
}

.ss-menu ul,.ss-menu ol {
    margin: 0;
    padding: 0;
    list-style: none
}

.ss-menu-overflow {
    display: flex
}

.ss-menu-overflow-item {
    flex: none
}

.ss-menu-hidden,.ss-menu-submenu-hidden {
    display: none
}

.ss-menu-item-group-title {
    height: 1.5715;
    padding: 8px 16px;
    color: #00000073;
    font-size: 14px;
    line-height: 1.5715;
    transition: all .3s
}

.ss-menu-horizontal .ss-menu-submenu {
    transition: border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1)
}

.ss-menu-submenu,.ss-menu-submenu-inline {
    transition: border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),padding .15s cubic-bezier(.645,.045,.355,1)
}

.ss-menu-submenu-selected {
    color: var(--ss-primary-color)
}

.ss-menu-item:active,.ss-menu-submenu-title:active {
    background: #f0f8ff
}

.ss-menu-submenu .ss-menu-sub {
    cursor: initial;
    transition: background .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)
}

.ss-menu-title-content {
    transition: color .3s
}

.ss-menu-item a {
    color: #000000d9
}

.ss-menu-item a:hover {
    color: var(--ss-primary-color)
}

.ss-menu-item a:before {
    position: absolute;
    inset: 0;
    background-color: transparent;
    content: ""
}

.ss-menu-item>.ss-badge a {
    color: #000000d9
}

.ss-menu-item>.ss-badge a:hover {
    color: var(--ss-primary-color)
}

.ss-menu-item-divider {
    overflow: hidden;
    line-height: 0;
    border-color: #f0f0f0;
    border-style: solid;
    border-width: 1px 0 0
}

.ss-menu-item-divider-dashed {
    border-style: dashed
}

.ss-menu-horizontal .ss-menu-item,.ss-menu-horizontal .ss-menu-submenu {
    margin-top: -1px
}

.ss-menu-horizontal>.ss-menu-item:hover,.ss-menu-horizontal>.ss-menu-item-active,.ss-menu-horizontal>.ss-menu-submenu .ss-menu-submenu-title:hover {
    background-color: transparent
}

.ss-menu-item-selected,.ss-menu-item-selected a,.ss-menu-item-selected a:hover {
    color: var(--ss-primary-color)
}

.ss-menu-inline,.ss-menu-vertical,.ss-menu-vertical-left {
    border-right: 1px solid #f0f0f0
}

.ss-menu-vertical-right {
    border-left: 1px solid #f0f0f0
}

.ss-menu-vertical.ss-menu-sub,.ss-menu-vertical-left.ss-menu-sub,.ss-menu-vertical-right.ss-menu-sub {
    min-width: 160px;
    max-height: calc(100vh - 100px);
    padding: 0;
    overflow: hidden;
    border-right: 0
}

.ss-menu-vertical.ss-menu-sub:not([class*=-active]),.ss-menu-vertical-left.ss-menu-sub:not([class*=-active]),.ss-menu-vertical-right.ss-menu-sub:not([class*=-active]) {
    overflow-x: hidden;
    overflow-y: auto
}

.ss-menu-vertical.ss-menu-sub .ss-menu-item,.ss-menu-vertical-left.ss-menu-sub .ss-menu-item,.ss-menu-vertical-right.ss-menu-sub .ss-menu-item {
    left: 0;
    margin-left: 0;
    border-right: 0
}

.ss-menu-vertical.ss-menu-sub .ss-menu-item:after,.ss-menu-vertical-left.ss-menu-sub .ss-menu-item:after,.ss-menu-vertical-right.ss-menu-sub .ss-menu-item:after {
    border-right: 0
}

.ss-menu-vertical.ss-menu-sub>.ss-menu-item,.ss-menu-vertical-left.ss-menu-sub>.ss-menu-item,.ss-menu-vertical-right.ss-menu-sub>.ss-menu-item,.ss-menu-vertical.ss-menu-sub>.ss-menu-submenu,.ss-menu-vertical-left.ss-menu-sub>.ss-menu-submenu,.ss-menu-vertical-right.ss-menu-sub>.ss-menu-submenu {
    transform-origin: 0 0
}

.ss-menu-horizontal.ss-menu-sub {
    min-width: 114px
}

.ss-menu-horizontal .ss-menu-item,.ss-menu-horizontal .ss-menu-submenu-title {
    transition: border-color .3s,background .3s
}

.ss-menu-item,.ss-menu-submenu-title {
    position: relative;
    display: block;
    margin: 0;
    padding: 0 20px;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color .3s,background .3s,padding .3s cubic-bezier(.645,.045,.355,1)
}

.ss-menu-item .ss-menu-item-icon,.ss-menu-submenu-title .ss-menu-item-icon,.ss-menu-item .anticon,.ss-menu-submenu-title .anticon {
    min-width: 14px;
    font-size: 14px;
    transition: font-size .15s cubic-bezier(.215,.61,.355,1),margin .3s cubic-bezier(.645,.045,.355,1),color .3s
}

.ss-menu-item .ss-menu-item-icon+span,.ss-menu-submenu-title .ss-menu-item-icon+span,.ss-menu-item .anticon+span,.ss-menu-submenu-title .anticon+span {
    margin-left: 2px;
    opacity: 1;
    transition: opacity .3s cubic-bezier(.645,.045,.355,1),margin .3s,color .3s
}

.ss-menu-item .ss-menu-item-icon.svg,.ss-menu-submenu-title .ss-menu-item-icon.svg {
    vertical-align: -.125em
}

.ss-menu-item.ss-menu-item-only-child>.anticon,.ss-menu-submenu-title.ss-menu-item-only-child>.anticon,.ss-menu-item.ss-menu-item-only-child>.ss-menu-item-icon,.ss-menu-submenu-title.ss-menu-item-only-child>.ss-menu-item-icon {
    margin-right: 0
}

.ss-menu-item:focus-visible,.ss-menu-submenu-title:focus-visible {
    box-shadow: 0 0 0 2px var(--ss-primary-2)
}

.ss-menu>.ss-menu-item-divider {
    margin: 1px 0;
    padding: 0
}

.ss-menu-submenu-popup {
    position: absolute;
    z-index: 1050;
    background: transparent;
    border-radius: 2px;
    box-shadow: none;
    transform-origin: 0 0
}

.ss-menu-submenu-popup:before {
    position: absolute;
    inset: -7px 0 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: .0001;
    content: " "
}

.ss-menu-submenu-placement-rightTop:before {
    top: 0;
    left: -7px
}

.ss-menu-submenu>.ss-menu {
    background-color: #fff;
    border-radius: 2px
}

.ss-menu-submenu>.ss-menu-submenu-title:after {
    transition: transform .3s cubic-bezier(.645,.045,.355,1)
}

.ss-menu-submenu-popup>.ss-menu {
    background-color: #fff
}

.ss-menu-submenu-expand-icon,.ss-menu-submenu-arrow {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 10px;
    color: #000000d9;
    transform: translateY(-50%);
    transition: transform .3s cubic-bezier(.645,.045,.355,1)
}

.ss-menu-submenu-arrow:before,.ss-menu-submenu-arrow:after {
    position: absolute;
    width: 6px;
    height: 1.5px;
    background-color: currentcolor;
    border-radius: 2px;
    transition: background .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.645,.045,.355,1);
    content: ""
}

.ss-menu-submenu-arrow:before {
    transform: rotate(45deg) translateY(-2.5px)
}

.ss-menu-submenu-arrow:after {
    transform: rotate(-45deg) translateY(2.5px)
}

.ss-menu-submenu:hover>.ss-menu-submenu-title>.ss-menu-submenu-expand-icon,.ss-menu-submenu:hover>.ss-menu-submenu-title>.ss-menu-submenu-arrow {
    color: var(--ss-primary-color)
}

.ss-menu-inline-collapsed .ss-menu-submenu-arrow:before,.ss-menu-submenu-inline .ss-menu-submenu-arrow:before {
    transform: rotate(-45deg) translate(2.5px)
}

.ss-menu-inline-collapsed .ss-menu-submenu-arrow:after,.ss-menu-submenu-inline .ss-menu-submenu-arrow:after {
    transform: rotate(45deg) translate(-2.5px)
}

.ss-menu-submenu-horizontal .ss-menu-submenu-arrow {
    display: none
}

.ss-menu-submenu-open.ss-menu-submenu-inline>.ss-menu-submenu-title>.ss-menu-submenu-arrow {
    transform: translateY(-2px)
}

.ss-menu-submenu-open.ss-menu-submenu-inline>.ss-menu-submenu-title>.ss-menu-submenu-arrow:after {
    transform: rotate(-45deg) translate(-2.5px)
}

.ss-menu-submenu-open.ss-menu-submenu-inline>.ss-menu-submenu-title>.ss-menu-submenu-arrow:before {
    transform: rotate(45deg) translate(2.5px)
}

.ss-menu-vertical .ss-menu-submenu-selected,.ss-menu-vertical-left .ss-menu-submenu-selected,.ss-menu-vertical-right .ss-menu-submenu-selected {
    color: var(--ss-primary-color)
}

.ss-menu-horizontal {
    line-height: 46px;
    border: 0;
    border-bottom: 1px solid #f0f0f0;
    box-shadow: none
}

.ss-menu-horizontal:not(.ss-menu-dark)>.ss-menu-item,.ss-menu-horizontal:not(.ss-menu-dark)>.ss-menu-submenu {
    margin-top: -1px;
    margin-bottom: 0;
    padding: 0 20px
}

.ss-menu-horizontal:not(.ss-menu-dark)>.ss-menu-item:hover,.ss-menu-horizontal:not(.ss-menu-dark)>.ss-menu-submenu:hover,.ss-menu-horizontal:not(.ss-menu-dark)>.ss-menu-item-active,.ss-menu-horizontal:not(.ss-menu-dark)>.ss-menu-submenu-active,.ss-menu-horizontal:not(.ss-menu-dark)>.ss-menu-item-open,.ss-menu-horizontal:not(.ss-menu-dark)>.ss-menu-submenu-open,.ss-menu-horizontal:not(.ss-menu-dark)>.ss-menu-item-selected,.ss-menu-horizontal:not(.ss-menu-dark)>.ss-menu-submenu-selected {
    color: var(--ss-primary-color)!important
}

.ss-menu-horizontal:not(.ss-menu-dark)>.ss-menu-item:hover:after,.ss-menu-horizontal:not(.ss-menu-dark)>.ss-menu-submenu:hover:after,.ss-menu-horizontal:not(.ss-menu-dark)>.ss-menu-item-active:after,.ss-menu-horizontal:not(.ss-menu-dark)>.ss-menu-submenu-active:after,.ss-menu-horizontal:not(.ss-menu-dark)>.ss-menu-item-open:after,.ss-menu-horizontal:not(.ss-menu-dark)>.ss-menu-submenu-open:after,.ss-menu-horizontal:not(.ss-menu-dark)>.ss-menu-item-selected:after,.ss-menu-horizontal:not(.ss-menu-dark)>.ss-menu-submenu-selected:after {
    border-bottom: 2px solid var(--ss-primary-color)
}

.ss-menu-horizontal>.ss-menu-item,.ss-menu-horizontal>.ss-menu-submenu {
    position: relative;
    top: 1px;
    display: inline-block;
    vertical-align: bottom
}

.ss-menu-horizontal>.ss-menu-item:after,.ss-menu-horizontal>.ss-menu-submenu:after {
    position: absolute;
    right: 20px;
    bottom: 0;
    left: 20px;
    border-bottom: 2px solid transparent;
    transition: border-color .3s cubic-bezier(.645,.045,.355,1);
    content: ""
}

.ss-menu-horizontal>.ss-menu-submenu>.ss-menu-submenu-title {
    padding: 0
}

.ss-menu-horizontal>.ss-menu-item a {
    color: #000000d9
}

.ss-menu-horizontal>.ss-menu-item a:hover {
    color: var(--ss-primary-color)
}

.ss-menu-horizontal>.ss-menu-item a:before {
    bottom: -2px
}

.ss-menu-horizontal>.ss-menu-item-selected a {
    color: var(--ss-primary-color)
}

.ss-menu-horizontal:after {
    display: block;
    clear: both;
    height: 0;
    content: " "
}

.ss-menu-vertical .ss-menu-item,.ss-menu-vertical-left .ss-menu-item,.ss-menu-vertical-right .ss-menu-item,.ss-menu-inline .ss-menu-item {
    position: relative
}

.ss-menu-vertical .ss-menu-item:after,.ss-menu-vertical-left .ss-menu-item:after,.ss-menu-vertical-right .ss-menu-item:after,.ss-menu-inline .ss-menu-item:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-right: 3px solid var(--ss-primary-color);
    transform: scaleY(.0001);
    opacity: 0;
    transition: transform .15s cubic-bezier(.215,.61,.355,1),opacity .15s cubic-bezier(.215,.61,.355,1);
    content: ""
}

.ss-menu-vertical .ss-menu-item,.ss-menu-vertical-left .ss-menu-item,.ss-menu-vertical-right .ss-menu-item,.ss-menu-inline .ss-menu-item,.ss-menu-vertical .ss-menu-submenu-title,.ss-menu-vertical-left .ss-menu-submenu-title,.ss-menu-vertical-right .ss-menu-submenu-title,.ss-menu-inline .ss-menu-submenu-title {
    height: 40px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 0 16px;
    overflow: hidden;
    line-height: 40px;
    text-overflow: ellipsis
}

.ss-menu-vertical .ss-menu-submenu,.ss-menu-vertical-left .ss-menu-submenu,.ss-menu-vertical-right .ss-menu-submenu,.ss-menu-inline .ss-menu-submenu {
    padding-bottom: .02px
}

.ss-menu-vertical>.ss-menu-item,.ss-menu-vertical-left>.ss-menu-item,.ss-menu-vertical-right>.ss-menu-item,.ss-menu-inline>.ss-menu-item,.ss-menu-vertical>.ss-menu-submenu>.ss-menu-submenu-title,.ss-menu-vertical-left>.ss-menu-submenu>.ss-menu-submenu-title,.ss-menu-vertical-right>.ss-menu-submenu>.ss-menu-submenu-title,.ss-menu-inline>.ss-menu-submenu>.ss-menu-submenu-title {
    height: 40px;
    line-height: 40px
}

.ss-menu-vertical .ss-menu-item-group-list .ss-menu-submenu-title,.ss-menu-vertical .ss-menu-submenu-title {
    padding-right: 34px
}

.ss-menu-inline {
    width: 100%
}

.ss-menu-inline .ss-menu-selected:after,.ss-menu-inline .ss-menu-item-selected:after {
    transform: scaleY(1);
    opacity: 1;
    transition: transform .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1)
}

.ss-menu-inline .ss-menu-item,.ss-menu-inline .ss-menu-submenu-title {
    width: calc(100% + 1px)
}

.ss-menu-inline .ss-menu-item-group-list .ss-menu-submenu-title,.ss-menu-inline .ss-menu-submenu-title {
    padding-right: 34px
}

.ss-menu-inline.ss-menu-root .ss-menu-item,.ss-menu-inline.ss-menu-root .ss-menu-submenu-title {
    display: flex;
    align-items: center;
    transition: border-color .3s,background .3s,padding .1s cubic-bezier(.215,.61,.355,1)
}

.ss-menu-inline.ss-menu-root .ss-menu-item>.ss-menu-title-content,.ss-menu-inline.ss-menu-root .ss-menu-submenu-title>.ss-menu-title-content {
    flex: auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.ss-menu-inline.ss-menu-root .ss-menu-item>*,.ss-menu-inline.ss-menu-root .ss-menu-submenu-title>* {
    flex: none
}

.ss-menu.ss-menu-inline-collapsed {
    width: 80px
}

.ss-menu.ss-menu-inline-collapsed>.ss-menu-item,.ss-menu.ss-menu-inline-collapsed>.ss-menu-item-group>.ss-menu-item-group-list>.ss-menu-item,.ss-menu.ss-menu-inline-collapsed>.ss-menu-item-group>.ss-menu-item-group-list>.ss-menu-submenu>.ss-menu-submenu-title,.ss-menu.ss-menu-inline-collapsed>.ss-menu-submenu>.ss-menu-submenu-title {
    left: 0;
    padding: 0 calc(50% - 8px);
    text-overflow: clip
}

.ss-menu.ss-menu-inline-collapsed>.ss-menu-item .ss-menu-submenu-arrow,.ss-menu.ss-menu-inline-collapsed>.ss-menu-item-group>.ss-menu-item-group-list>.ss-menu-item .ss-menu-submenu-arrow,.ss-menu.ss-menu-inline-collapsed>.ss-menu-item-group>.ss-menu-item-group-list>.ss-menu-submenu>.ss-menu-submenu-title .ss-menu-submenu-arrow,.ss-menu.ss-menu-inline-collapsed>.ss-menu-submenu>.ss-menu-submenu-title .ss-menu-submenu-arrow {
    opacity: 0
}

.ss-menu.ss-menu-inline-collapsed>.ss-menu-item .ss-menu-item-icon,.ss-menu.ss-menu-inline-collapsed>.ss-menu-item-group>.ss-menu-item-group-list>.ss-menu-item .ss-menu-item-icon,.ss-menu.ss-menu-inline-collapsed>.ss-menu-item-group>.ss-menu-item-group-list>.ss-menu-submenu>.ss-menu-submenu-title .ss-menu-item-icon,.ss-menu.ss-menu-inline-collapsed>.ss-menu-submenu>.ss-menu-submenu-title .ss-menu-item-icon,.ss-menu.ss-menu-inline-collapsed>.ss-menu-item .anticon,.ss-menu.ss-menu-inline-collapsed>.ss-menu-item-group>.ss-menu-item-group-list>.ss-menu-item .anticon,.ss-menu.ss-menu-inline-collapsed>.ss-menu-item-group>.ss-menu-item-group-list>.ss-menu-submenu>.ss-menu-submenu-title .anticon,.ss-menu.ss-menu-inline-collapsed>.ss-menu-submenu>.ss-menu-submenu-title .anticon {
    margin: 0;
    font-size: 16px;
    line-height: 40px
}

.ss-menu.ss-menu-inline-collapsed>.ss-menu-item .ss-menu-item-icon+span,.ss-menu.ss-menu-inline-collapsed>.ss-menu-item-group>.ss-menu-item-group-list>.ss-menu-item .ss-menu-item-icon+span,.ss-menu.ss-menu-inline-collapsed>.ss-menu-item-group>.ss-menu-item-group-list>.ss-menu-submenu>.ss-menu-submenu-title .ss-menu-item-icon+span,.ss-menu.ss-menu-inline-collapsed>.ss-menu-submenu>.ss-menu-submenu-title .ss-menu-item-icon+span,.ss-menu.ss-menu-inline-collapsed>.ss-menu-item .anticon+span,.ss-menu.ss-menu-inline-collapsed>.ss-menu-item-group>.ss-menu-item-group-list>.ss-menu-item .anticon+span,.ss-menu.ss-menu-inline-collapsed>.ss-menu-item-group>.ss-menu-item-group-list>.ss-menu-submenu>.ss-menu-submenu-title .anticon+span,.ss-menu.ss-menu-inline-collapsed>.ss-menu-submenu>.ss-menu-submenu-title .anticon+span {
    display: inline-block;
    opacity: 0
}

.ss-menu.ss-menu-inline-collapsed .ss-menu-item-icon,.ss-menu.ss-menu-inline-collapsed .anticon {
    display: inline-block
}

.ss-menu.ss-menu-inline-collapsed-tooltip {
    pointer-events: none
}

.ss-menu.ss-menu-inline-collapsed-tooltip .ss-menu-item-icon,.ss-menu.ss-menu-inline-collapsed-tooltip .anticon {
    display: none
}

.ss-menu.ss-menu-inline-collapsed-tooltip a {
    color: #ffffffd9
}

.ss-menu.ss-menu-inline-collapsed .ss-menu-item-group-title {
    padding-right: 4px;
    padding-left: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ss-menu-item-group-list {
    margin: 0;
    padding: 0
}

.ss-menu-item-group-list .ss-menu-item,.ss-menu-item-group-list .ss-menu-submenu-title {
    padding: 0 16px 0 28px
}

.ss-menu-root.ss-menu-vertical,.ss-menu-root.ss-menu-vertical-left,.ss-menu-root.ss-menu-vertical-right,.ss-menu-root.ss-menu-inline {
    box-shadow: none
}

.ss-menu-root.ss-menu-inline-collapsed .ss-menu-item>.ss-menu-inline-collapsed-noicon,.ss-menu-root.ss-menu-inline-collapsed .ss-menu-submenu .ss-menu-submenu-title>.ss-menu-inline-collapsed-noicon {
    font-size: 16px;
    text-align: center
}

.ss-menu-sub.ss-menu-inline {
    padding: 0;
    background: #fafafa;
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.ss-menu-sub.ss-menu-inline>.ss-menu-item,.ss-menu-sub.ss-menu-inline>.ss-menu-submenu>.ss-menu-submenu-title {
    height: 40px;
    line-height: 40px;
    list-style-position: inside;
    list-style-type: disc
}

.ss-menu-sub.ss-menu-inline .ss-menu-item-group-title {
    padding-left: 32px
}

.ss-menu-item-disabled,.ss-menu-submenu-disabled {
    color: #00000040!important;
    background: none;
    cursor: not-allowed
}

.ss-menu-item-disabled:after,.ss-menu-submenu-disabled:after {
    border-color: transparent!important
}

.ss-menu-item-disabled a,.ss-menu-submenu-disabled a {
    color: #00000040!important;
    pointer-events: none
}

.ss-menu-item-disabled>.ss-menu-submenu-title,.ss-menu-submenu-disabled>.ss-menu-submenu-title {
    color: #00000040!important;
    cursor: not-allowed
}

.ss-menu-item-disabled>.ss-menu-submenu-title>.ss-menu-submenu-arrow:before,.ss-menu-submenu-disabled>.ss-menu-submenu-title>.ss-menu-submenu-arrow:before,.ss-menu-item-disabled>.ss-menu-submenu-title>.ss-menu-submenu-arrow:after,.ss-menu-submenu-disabled>.ss-menu-submenu-title>.ss-menu-submenu-arrow:after {
    background: #00000040!important
}

.ss-layout-header .ss-menu {
    line-height: inherit
}

.ss-menu-inline-collapsed-tooltip a,.ss-menu-inline-collapsed-tooltip a:hover {
    color: #fff
}

.ss-menu-light .ss-menu-item:hover,.ss-menu-light .ss-menu-item-active,.ss-menu-light .ss-menu:not(.ss-menu-inline) .ss-menu-submenu-open,.ss-menu-light .ss-menu-submenu-active,.ss-menu-light .ss-menu-submenu-title:hover {
    color: var(--ss-primary-color)!important
}

.ss-menu.ss-menu-root:focus-visible {
    box-shadow: 0 0 0 2px var(--ss-primary-7)
}

.ss-menu-dark .ss-menu-item:focus-visible,.ss-menu-dark .ss-menu-submenu-title:focus-visible {
    box-shadow: 0 0 0 2px var(--ss-primary-7)
}

.ss-menu.ss-menu-dark,.ss-menu-dark .ss-menu-sub,.ss-menu.ss-menu-dark .ss-menu-sub {
    color: #ffffffa6;
    background: #001529
}

.ss-menu.ss-menu-dark .ss-menu-submenu-title .ss-menu-submenu-arrow,.ss-menu-dark .ss-menu-sub .ss-menu-submenu-title .ss-menu-submenu-arrow,.ss-menu.ss-menu-dark .ss-menu-sub .ss-menu-submenu-title .ss-menu-submenu-arrow {
    opacity: .45;
    transition: all .3s
}

.ss-menu.ss-menu-dark .ss-menu-submenu-title .ss-menu-submenu-arrow:after,.ss-menu-dark .ss-menu-sub .ss-menu-submenu-title .ss-menu-submenu-arrow:after,.ss-menu.ss-menu-dark .ss-menu-sub .ss-menu-submenu-title .ss-menu-submenu-arrow:after,.ss-menu.ss-menu-dark .ss-menu-submenu-title .ss-menu-submenu-arrow:before,.ss-menu-dark .ss-menu-sub .ss-menu-submenu-title .ss-menu-submenu-arrow:before,.ss-menu.ss-menu-dark .ss-menu-sub .ss-menu-submenu-title .ss-menu-submenu-arrow:before {
    background: #fff
}

.ss-menu-dark.ss-menu-submenu-popup {
    background: transparent
}

.ss-menu-dark .ss-menu-inline.ss-menu-sub {
    background: #000c17
}

.ss-menu-dark.ss-menu-horizontal {
    border-bottom: 0
}

.ss-menu-dark.ss-menu-horizontal>.ss-menu-item,.ss-menu-dark.ss-menu-horizontal>.ss-menu-submenu {
    top: 0;
    margin-top: 0;
    padding: 0 20px;
    border-color: #001529;
    border-bottom: 0
}

.ss-menu-dark.ss-menu-horizontal>.ss-menu-item:hover {
    background-color: var(--ss-primary-color)
}

.ss-menu-dark.ss-menu-horizontal>.ss-menu-item>a:before {
    bottom: 0
}

.ss-menu-dark .ss-menu-item,.ss-menu-dark .ss-menu-item-group-title,.ss-menu-dark .ss-menu-item>a,.ss-menu-dark .ss-menu-item>span>a {
    color: #ffffffa6
}

.ss-menu-dark.ss-menu-inline,.ss-menu-dark.ss-menu-vertical,.ss-menu-dark.ss-menu-vertical-left,.ss-menu-dark.ss-menu-vertical-right {
    border-right: 0
}

.ss-menu-dark.ss-menu-inline .ss-menu-item,.ss-menu-dark.ss-menu-vertical .ss-menu-item,.ss-menu-dark.ss-menu-vertical-left .ss-menu-item,.ss-menu-dark.ss-menu-vertical-right .ss-menu-item {
    left: 0;
    margin-left: 0;
    border-right: 0
}

.ss-menu-dark.ss-menu-inline .ss-menu-item:after,.ss-menu-dark.ss-menu-vertical .ss-menu-item:after,.ss-menu-dark.ss-menu-vertical-left .ss-menu-item:after,.ss-menu-dark.ss-menu-vertical-right .ss-menu-item:after {
    border-right: 0
}

.ss-menu-dark.ss-menu-inline .ss-menu-item,.ss-menu-dark.ss-menu-inline .ss-menu-submenu-title {
    width: 100%
}

.ss-menu-dark .ss-menu-item:hover,.ss-menu-dark .ss-menu-item-active,.ss-menu-dark .ss-menu-submenu-active,.ss-menu-dark .ss-menu-submenu-open,.ss-menu-dark .ss-menu-submenu-selected,.ss-menu-dark .ss-menu-submenu-title:hover {
    color: #fff;
    background-color: transparent
}

.ss-menu-dark .ss-menu-item:hover>a,.ss-menu-dark .ss-menu-item-active>a,.ss-menu-dark .ss-menu-submenu-active>a,.ss-menu-dark .ss-menu-submenu-open>a,.ss-menu-dark .ss-menu-submenu-selected>a,.ss-menu-dark .ss-menu-submenu-title:hover>a,.ss-menu-dark .ss-menu-item:hover>span>a,.ss-menu-dark .ss-menu-item-active>span>a,.ss-menu-dark .ss-menu-submenu-active>span>a,.ss-menu-dark .ss-menu-submenu-open>span>a,.ss-menu-dark .ss-menu-submenu-selected>span>a,.ss-menu-dark .ss-menu-submenu-title:hover>span>a {
    color: #fff
}

.ss-menu-dark .ss-menu-item:hover>.ss-menu-submenu-title>.ss-menu-submenu-arrow,.ss-menu-dark .ss-menu-item-active>.ss-menu-submenu-title>.ss-menu-submenu-arrow,.ss-menu-dark .ss-menu-submenu-active>.ss-menu-submenu-title>.ss-menu-submenu-arrow,.ss-menu-dark .ss-menu-submenu-open>.ss-menu-submenu-title>.ss-menu-submenu-arrow,.ss-menu-dark .ss-menu-submenu-selected>.ss-menu-submenu-title>.ss-menu-submenu-arrow,.ss-menu-dark .ss-menu-submenu-title:hover>.ss-menu-submenu-title>.ss-menu-submenu-arrow {
    opacity: 1
}

.ss-menu-dark .ss-menu-item:hover>.ss-menu-submenu-title>.ss-menu-submenu-arrow:after,.ss-menu-dark .ss-menu-item-active>.ss-menu-submenu-title>.ss-menu-submenu-arrow:after,.ss-menu-dark .ss-menu-submenu-active>.ss-menu-submenu-title>.ss-menu-submenu-arrow:after,.ss-menu-dark .ss-menu-submenu-open>.ss-menu-submenu-title>.ss-menu-submenu-arrow:after,.ss-menu-dark .ss-menu-submenu-selected>.ss-menu-submenu-title>.ss-menu-submenu-arrow:after,.ss-menu-dark .ss-menu-submenu-title:hover>.ss-menu-submenu-title>.ss-menu-submenu-arrow:after,.ss-menu-dark .ss-menu-item:hover>.ss-menu-submenu-title>.ss-menu-submenu-arrow:before,.ss-menu-dark .ss-menu-item-active>.ss-menu-submenu-title>.ss-menu-submenu-arrow:before,.ss-menu-dark .ss-menu-submenu-active>.ss-menu-submenu-title>.ss-menu-submenu-arrow:before,.ss-menu-dark .ss-menu-submenu-open>.ss-menu-submenu-title>.ss-menu-submenu-arrow:before,.ss-menu-dark .ss-menu-submenu-selected>.ss-menu-submenu-title>.ss-menu-submenu-arrow:before,.ss-menu-dark .ss-menu-submenu-title:hover>.ss-menu-submenu-title>.ss-menu-submenu-arrow:before {
    background: #fff
}

.ss-menu-dark .ss-menu-item:hover {
    background-color: transparent
}

.ss-menu-dark.ss-menu-dark:not(.ss-menu-horizontal) .ss-menu-item-selected {
    background-color: var(--ss-primary-color)
}

.ss-menu-dark .ss-menu-item-selected {
    color: #fff;
    border-right: 0
}

.ss-menu-dark .ss-menu-item-selected:after {
    border-right: 0
}

.ss-menu-dark .ss-menu-item-selected>a,.ss-menu-dark .ss-menu-item-selected>span>a,.ss-menu-dark .ss-menu-item-selected>a:hover,.ss-menu-dark .ss-menu-item-selected>span>a:hover {
    color: #fff
}

.ss-menu-dark .ss-menu-item-selected .ss-menu-item-icon,.ss-menu-dark .ss-menu-item-selected .anticon {
    color: #fff
}

.ss-menu-dark .ss-menu-item-selected .ss-menu-item-icon+span,.ss-menu-dark .ss-menu-item-selected .anticon+span {
    color: #fff
}

.ss-menu.ss-menu-dark .ss-menu-item-selected,.ss-menu-submenu-popup.ss-menu-dark .ss-menu-item-selected {
    background-color: var(--ss-primary-color)
}

.ss-menu-dark .ss-menu-item-disabled,.ss-menu-dark .ss-menu-submenu-disabled,.ss-menu-dark .ss-menu-item-disabled>a,.ss-menu-dark .ss-menu-submenu-disabled>a,.ss-menu-dark .ss-menu-item-disabled>span>a,.ss-menu-dark .ss-menu-submenu-disabled>span>a {
    color: #ffffff59!important;
    opacity: .8
}

.ss-menu-dark .ss-menu-item-disabled>.ss-menu-submenu-title,.ss-menu-dark .ss-menu-submenu-disabled>.ss-menu-submenu-title {
    color: #ffffff59!important
}

.ss-menu-dark .ss-menu-item-disabled>.ss-menu-submenu-title>.ss-menu-submenu-arrow:before,.ss-menu-dark .ss-menu-submenu-disabled>.ss-menu-submenu-title>.ss-menu-submenu-arrow:before,.ss-menu-dark .ss-menu-item-disabled>.ss-menu-submenu-title>.ss-menu-submenu-arrow:after,.ss-menu-dark .ss-menu-submenu-disabled>.ss-menu-submenu-title>.ss-menu-submenu-arrow:after {
    background: #ffffff59!important
}

.ss-menu.ss-menu-rtl {
    direction: rtl;
    text-align: right
}

.ss-menu-rtl .ss-menu-item-group-title {
    text-align: right
}

.ss-menu-rtl.ss-menu-inline,.ss-menu-rtl.ss-menu-vertical {
    border-right: none;
    border-left: 1px solid #f0f0f0
}

.ss-menu-rtl.ss-menu-dark.ss-menu-inline,.ss-menu-rtl.ss-menu-dark.ss-menu-vertical {
    border-left: none
}

.ss-menu-rtl.ss-menu-vertical.ss-menu-sub>.ss-menu-item,.ss-menu-rtl.ss-menu-vertical-left.ss-menu-sub>.ss-menu-item,.ss-menu-rtl.ss-menu-vertical-right.ss-menu-sub>.ss-menu-item,.ss-menu-rtl.ss-menu-vertical.ss-menu-sub>.ss-menu-submenu,.ss-menu-rtl.ss-menu-vertical-left.ss-menu-sub>.ss-menu-submenu,.ss-menu-rtl.ss-menu-vertical-right.ss-menu-sub>.ss-menu-submenu {
    transform-origin: top right
}

.ss-menu-rtl .ss-menu-item .ss-menu-item-icon,.ss-menu-rtl .ss-menu-submenu-title .ss-menu-item-icon,.ss-menu-rtl .ss-menu-item .anticon,.ss-menu-rtl .ss-menu-submenu-title .anticon {
    margin-right: auto;
    margin-left: 10px
}

.ss-menu-rtl .ss-menu-item.ss-menu-item-only-child>.ss-menu-item-icon,.ss-menu-rtl .ss-menu-submenu-title.ss-menu-item-only-child>.ss-menu-item-icon,.ss-menu-rtl .ss-menu-item.ss-menu-item-only-child>.anticon,.ss-menu-rtl .ss-menu-submenu-title.ss-menu-item-only-child>.anticon {
    margin-left: 0
}

.ss-menu-submenu-rtl.ss-menu-submenu-popup {
    transform-origin: 100% 0
}

.ss-menu-rtl .ss-menu-submenu-vertical>.ss-menu-submenu-title .ss-menu-submenu-arrow,.ss-menu-rtl .ss-menu-submenu-vertical-left>.ss-menu-submenu-title .ss-menu-submenu-arrow,.ss-menu-rtl .ss-menu-submenu-vertical-right>.ss-menu-submenu-title .ss-menu-submenu-arrow,.ss-menu-rtl .ss-menu-submenu-inline>.ss-menu-submenu-title .ss-menu-submenu-arrow {
    right: auto;
    left: 16px
}

.ss-menu-rtl .ss-menu-submenu-vertical>.ss-menu-submenu-title .ss-menu-submenu-arrow:before,.ss-menu-rtl .ss-menu-submenu-vertical-left>.ss-menu-submenu-title .ss-menu-submenu-arrow:before,.ss-menu-rtl .ss-menu-submenu-vertical-right>.ss-menu-submenu-title .ss-menu-submenu-arrow:before {
    transform: rotate(-45deg) translateY(-2px)
}

.ss-menu-rtl .ss-menu-submenu-vertical>.ss-menu-submenu-title .ss-menu-submenu-arrow:after,.ss-menu-rtl .ss-menu-submenu-vertical-left>.ss-menu-submenu-title .ss-menu-submenu-arrow:after,.ss-menu-rtl .ss-menu-submenu-vertical-right>.ss-menu-submenu-title .ss-menu-submenu-arrow:after {
    transform: rotate(45deg) translateY(2px)
}

.ss-menu-rtl.ss-menu-vertical .ss-menu-item:after,.ss-menu-rtl.ss-menu-vertical-left .ss-menu-item:after,.ss-menu-rtl.ss-menu-vertical-right .ss-menu-item:after,.ss-menu-rtl.ss-menu-inline .ss-menu-item:after {
    right: auto;
    left: 0
}

.ss-menu-rtl.ss-menu-vertical .ss-menu-item,.ss-menu-rtl.ss-menu-vertical-left .ss-menu-item,.ss-menu-rtl.ss-menu-vertical-right .ss-menu-item,.ss-menu-rtl.ss-menu-inline .ss-menu-item,.ss-menu-rtl.ss-menu-vertical .ss-menu-submenu-title,.ss-menu-rtl.ss-menu-vertical-left .ss-menu-submenu-title,.ss-menu-rtl.ss-menu-vertical-right .ss-menu-submenu-title,.ss-menu-rtl.ss-menu-inline .ss-menu-submenu-title {
    text-align: right
}

.ss-menu-rtl.ss-menu-inline .ss-menu-submenu-title {
    padding-right: 0;
    padding-left: 34px
}

.ss-menu-rtl.ss-menu-vertical .ss-menu-submenu-title {
    padding-right: 16px;
    padding-left: 34px
}

.ss-menu-rtl.ss-menu-inline-collapsed.ss-menu-vertical .ss-menu-submenu-title {
    padding: 0 calc(50% - 8px)
}

.ss-menu-rtl .ss-menu-item-group-list .ss-menu-item,.ss-menu-rtl .ss-menu-item-group-list .ss-menu-submenu-title {
    padding: 0 28px 0 16px
}

.ss-menu-sub.ss-menu-inline {
    border: 0
}

.ss-menu-rtl.ss-menu-sub.ss-menu-inline .ss-menu-item-group-title {
    padding-right: 32px;
    padding-left: 0
}

.ss-message {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: fixed;
    top: 8px;
    left: 0;
    z-index: 9999!important;
    width: 100%;
    pointer-events: none
}

.ss-message-notice {
    padding: 8px;
    text-align: center
}

.ss-message-notice-content {
    display: inline-block;
    padding: 10px 16px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;
    pointer-events: all
}

.ss-message-success .anticon {
    color: var(--ss-success-color)
}

.ss-message-error .anticon {
    color: var(--ss-error-color)
}

.ss-message-warning .anticon {
    color: var(--ss-warning-color)
}

.ss-message-info .anticon,.ss-message-loading .anticon {
    color: var(--ss-info-color)
}

.ss-message .anticon {
    position: relative;
    top: 1px;
    margin-right: 8px;
    font-size: 16px
}

.ss-message-notice.ss-move-up-leave.ss-move-up-leave-active {
    animation-name: MessageMoveOut;
    animation-duration: .3s
}

@keyframes MessageMoveOut {
    0% {
        max-height: 150px;
        padding: 8px;
        opacity: 1
    }

    to {
        max-height: 0;
        padding: 0;
        opacity: 0
    }
}

.ss-message-rtl,.ss-message-rtl span {
    direction: rtl
}

.ss-message-rtl .anticon {
    margin-right: 0;
    margin-left: 8px
}

.ss-modal {
    box-sizing: border-box;
    padding: 0 0 24px;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    pointer-events: none;
    position: relative;
    top: 100px;
    width: auto;
    max-width: calc(100vw - 32px);
    margin: 0 auto
}

.ss-modal.ss-zoom-enter,.ss-modal.sszoom-appear {
    transform: none;
    opacity: 0;
    animation-duration: .3s;
    user-select: none
}

.ss-modal-mask {
    position: fixed;
    inset: 0;
    z-index: 1000;
    height: 100%;
    background-color: #00000073
}

.ss-modal-mask-hidden {
    display: none
}

.ss-modal-wrap {
    position: fixed;
    inset: 0;
    overflow: auto;
    outline: 0;
    -webkit-overflow-scrolling: touch
}

.ss-modal-wrap {
    z-index: 1000
}

.ss-modal-title {
    margin: 0;
    color: #000000d9;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    word-wrap: break-word
}

.ss-modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;
    pointer-events: auto
}

.ss-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    padding: 0;
    color: #00000073;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    background: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: color .3s
}

.ss-modal-close-x {
    display: block;
    width: 56px;
    height: 56px;
    font-size: 16px;
    font-style: normal;
    line-height: 56px;
    text-align: center;
    text-transform: none;
    text-rendering: auto
}

.ss-modal-close:focus,.ss-modal-close:hover {
    color: #000000bf;
    text-decoration: none
}

.ss-modal-header {
    padding: 16px 24px;
    color: #000000d9;
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 2px 2px 0 0
}

.ss-modal-body {
    padding: 24px;
    font-size: 14px;
    line-height: 1.5715;
    word-wrap: break-word
}

.ss-modal-footer {
    padding: 10px 16px;
    text-align: right;
    background: transparent;
    border-top: 1px solid #f0f0f0;
    border-radius: 0 0 2px 2px
}

.ss-modal-footer .ss-btn+.ss-btn:not(.ss-dropdown-trigger) {
    margin-bottom: 0;
    margin-left: 8px
}

.ss-modal-open {
    overflow: hidden
}

.ss-modal-centered {
    text-align: center
}

.ss-modal-centered:before {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ""
}

.ss-modal-centered .ss-modal {
    top: 0;
    display: inline-block;
    padding-bottom: 0;
    text-align: left;
    vertical-align: middle
}

@media (max-width: 767px) {
    .ss-modal {
        max-width:calc(100vw - 16px);
        margin: 8px auto
    }

    .ss-modal-centered .ss-modal {
        flex: 1
    }
}

.ss-modal-confirm .ss-modal-header {
    display: none
}

.ss-modal-confirm .ss-modal-body {
    padding: 32px 32px 24px
}

.ss-modal-confirm-body-wrapper:before {
    display: table;
    content: ""
}

.ss-modal-confirm-body-wrapper:after {
    display: table;
    clear: both;
    content: ""
}

.ss-modal-confirm-body .ss-modal-confirm-title {
    display: block;
    overflow: hidden;
    color: #000000d9;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4
}

.ss-modal-confirm-body .ss-modal-confirm-content {
    margin-top: 8px;
    color: #000000d9;
    font-size: 14px
}

.ss-modal-confirm-body>.anticon {
    float: left;
    margin-right: 16px;
    font-size: 22px
}

.ss-modal-confirm-body>.anticon+.ss-modal-confirm-title+.ss-modal-confirm-content {
    margin-left: 38px
}

.ss-modal-confirm .ss-modal-confirm-btns {
    float: right;
    margin-top: 24px
}

.ss-modal-confirm .ss-modal-confirm-btns .ss-btn+.ss-btn {
    margin-bottom: 0;
    margin-left: 8px
}

.ss-modal-confirm-error .ss-modal-confirm-body>.anticon {
    color: var(--ss-error-color)
}

.ss-modal-confirm-warning .ss-modal-confirm-body>.anticon,.ss-modal-confirm-confirm .ss-modal-confirm-body>.anticon {
    color: var(--ss-warning-color)
}

.ss-modal-confirm-info .ss-modal-confirm-body>.anticon {
    color: var(--ss-info-color)
}

.ss-modal-confirm-success .ss-modal-confirm-body>.anticon {
    color: var(--ss-success-color)
}

.ss-modal-wrap-rtl {
    direction: rtl
}

.ss-modal-wrap-rtl .ss-modal-close {
    right: initial;
    left: 0
}

.ss-modal-wrap-rtl .ss-modal-footer {
    text-align: left
}

.ss-modal-wrap-rtl .ss-modal-footer .ss-btn+.ss-btn {
    margin-right: 8px;
    margin-left: 0
}

.ss-modal-wrap-rtl .ss-modal-confirm-body {
    direction: rtl
}

.ss-modal-wrap-rtl .ss-modal-confirm-body>.anticon {
    float: right;
    margin-right: 0;
    margin-left: 16px
}

.ss-modal-wrap-rtl .ss-modal-confirm-body>.anticon+.ss-modal-confirm-title+.ss-modal-confirm-content {
    margin-right: 38px;
    margin-left: 0
}

.ss-modal-wrap-rtl .ss-modal-confirm-btns {
    float: left
}

.ss-modal-wrap-rtl .ss-modal-confirm-btns .ss-btn+.ss-btn {
    margin-right: 8px;
    margin-left: 0
}

.ss-modal-wrap-rtl.ss-modal-centered .ss-modal {
    text-align: right
}

.ss-notification {
    z-index: 9999!important;
    box-sizing: border-box;
    margin: 0 24px 0 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: fixed;
    z-index: 1010
}

.ss-notification-topLeft,.ss-notification-bottomLeft {
    margin-right: 0;
    margin-left: 24px
}

.ss-notification-topLeft .ss-notification-fade-enter.ss-notification-fade-enter-active,.ss-notification-bottomLeft .ss-notification-fade-enter.ss-notification-fade-enter-active,.ss-notification-topLeft .ss-notification-fade-appear.ss-notification-fade-appear-active,.ss-notification-bottomLeft .ss-notification-fade-appear.ss-notification-fade-appear-active {
    animation-name: NotificationLeftFadeIn
}

.ss-notification-close-icon {
    font-size: 14px;
    cursor: pointer
}

.ss-notification-hook-holder {
    position: relative
}

.ss-notification-notice {
    z-index: 9999!important;
    position: relative;
    width: 384px;
    max-width: calc(100vw - 48px);
    margin-bottom: 16px;
    margin-left: auto;
    padding: 16px 24px;
    overflow: hidden;
    line-height: 1.5715;
    word-wrap: break-word;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d
}

.ss-notification-topLeft .ss-notification-notice,.ss-notification-bottomLeft .ss-notification-notice {
    z-index: 9999!important;
    margin-right: auto;
    margin-left: 0
}

.ss-notification-notice-message {
    z-index: 9999!important;
    margin-bottom: 8px;
    color: #000000d9;
    font-size: 16px;
    line-height: 24px
}

.ss-notification-notice-message-single-line-auto-margin {
    z-index: 9999!important;
    display: block;
    width: calc(264px - 100%);
    max-width: 4px;
    background-color: transparent;
    pointer-events: none
}

.ss-notification-notice-message-single-line-auto-margin:before {
    display: block;
    content: "";
    z-index: 9999!important
}

.ss-notification-notice-description {
    font-size: 14px
}

.ss-notification-notice-closable .ss-notification-notice-message {
    padding-right: 24px
}

.ss-notification-notice-with-icon .ss-notification-notice-message {
    margin-bottom: 4px;
    margin-left: 48px;
    font-size: 16px
}

.ss-notification-notice-with-icon .ss-notification-notice-description {
    margin-left: 48px;
    font-size: 14px
}

.ss-notification-notice-icon {
    position: absolute;
    margin-left: 4px;
    font-size: 24px;
    line-height: 24px
}

.anticon.ss-notification-notice-icon-success {
    color: var(--ss-success-color)
}

.anticon.ss-notification-notice-icon-info {
    color: var(--ss-info-color)
}

.anticon.ss-notification-notice-icon-warning {
    color: var(--ss-warning-color)
}

.anticon.ss-notification-notice-icon-error {
    color: var(--ss-error-color)
}

.ss-notification-notice-close {
    position: absolute;
    top: 16px;
    right: 22px;
    color: #00000073;
    outline: none
}

.ss-notification-notice-close:hover {
    color: #000000ab
}

.ss-notification-notice-btn {
    float: right;
    margin-top: 16px
}

.ss-notification .notification-fade-effect {
    animation-duration: .24s;
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-fill-mode: both
}

.ss-notification-fade-enter,.ss-notification-fade-appear {
    animation-duration: .24s;
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-fill-mode: both;
    opacity: 0;
    animation-play-state: paused
}

.ss-notification-fade-leave {
    animation-duration: .24s;
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-fill-mode: both;
    animation-duration: .2s;
    animation-play-state: paused
}

.ss-notification-fade-enter.ss-notification-fade-enter-active,.ss-notification-fade-appear.ss-notification-fade-appear-active {
    animation-name: NotificationFadeIn;
    animation-play-state: running
}

.ss-notification-fade-leave.ss-notification-fade-leave-active {
    animation-name: NotificationFadeOut;
    animation-play-state: running
}

@keyframes NotificationFadeIn {
    0% {
        left: 384px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@keyframes NotificationLeftFadeIn {
    0% {
        right: 384px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

@keyframes NotificationFadeOut {
    0% {
        max-height: 150px;
        margin-bottom: 16px;
        opacity: 1
    }

    to {
        max-height: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        opacity: 0
    }
}

.ss-notification-rtl {
    direction: rtl
}

.ss-notification-rtl .ss-notification-notice-closable .ss-notification-notice-message {
    padding-right: 0;
    padding-left: 24px
}

.ss-notification-rtl .ss-notification-notice-with-icon .ss-notification-notice-message,.ss-notification-rtl .ss-notification-notice-with-icon .ss-notification-notice-description {
    margin-right: 48px;
    margin-left: 0
}

.ss-notification-rtl .ss-notification-notice-icon {
    margin-right: 4px;
    margin-left: 0
}

.ss-notification-rtl .ss-notification-notice-close {
    right: auto;
    left: 22px
}

.ss-notification-rtl .ss-notification-notice-btn {
    float: left
}

.ss-page-header {
    box-sizing: border-box;
    margin: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    padding: 16px 24px;
    background-color: #fff
}

.ss-page-header-ghost {
    background-color: inherit
}

.ss-page-header.has-breadcrumb {
    padding-top: 12px
}

.ss-page-header.has-footer {
    padding-bottom: 0
}

.ss-page-header-back {
    margin-right: 16px;
    font-size: 16px;
    line-height: 1
}

.ss-page-header-back-button {
    color: var(--ss-primary-color);
    text-decoration: none;
    outline: none;
    transition: color .3s;
    color: #000;
    cursor: pointer
}

.ss-page-header-back-button:focus,.ss-page-header-back-button:hover {
    color: var(--ss-primary-color-hover)
}

.ss-page-header-back-button:active {
    color: var(--ss-primary-color-active)
}

.ss-page-header .ss-divider-vertical {
    height: 14px;
    margin: 0 12px;
    vertical-align: middle
}

.ss-breadcrumb+.ss-page-header-heading {
    margin-top: 8px
}

.ss-page-header-heading {
    display: flex;
    justify-content: space-between
}

.ss-page-header-heading-left {
    display: flex;
    align-items: center;
    margin: 4px 0;
    overflow: hidden
}

.ss-page-header-heading-title {
    margin-right: 12px;
    margin-bottom: 0;
    color: #000000d9;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ss-page-header-heading .ss-avatar {
    margin-right: 12px
}

.ss-page-header-heading-sub-title {
    margin-right: 12px;
    color: #00000073;
    font-size: 14px;
    line-height: 1.5715;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ss-page-header-heading-extra {
    margin: 4px 0;
    white-space: nowrap
}

.ss-page-header-heading-extra>* {
    margin-left: 12px;
    white-space: unset
}

.ss-page-header-heading-extra>*:first-child {
    margin-left: 0
}

.ss-page-header-content {
    padding-top: 12px
}

.ss-page-header-footer {
    margin-top: 16px
}

.ss-page-header-footer .ss-tabs>.ss-tabs-nav {
    margin: 0
}

.ss-page-header-footer .ss-tabs>.ss-tabs-nav:before {
    border: none
}

.ss-page-header-footer .ss-tabs .ss-tabs-tab {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px
}

.ss-page-header-compact .ss-page-header-heading {
    flex-wrap: wrap
}

.ss-page-header-rtl {
    direction: rtl
}

.ss-page-header-rtl .ss-page-header-back {
    float: right;
    margin-right: 0;
    margin-left: 16px
}

.ss-page-header-rtl .ss-page-header-heading-title,.ss-page-header-rtl .ss-page-header-heading .ss-avatar {
    margin-right: 0;
    margin-left: 12px
}

.ss-page-header-rtl .ss-page-header-heading-sub-title {
    float: right;
    margin-right: 0;
    margin-left: 12px
}

.ss-page-header-rtl .ss-page-header-heading-tags {
    float: right
}

.ss-page-header-rtl .ss-page-header-heading-extra {
    float: left
}

.ss-page-header-rtl .ss-page-header-heading-extra>* {
    margin-right: 12px;
    margin-left: 0
}

.ss-page-header-rtl .ss-page-header-heading-extra>*:first-child {
    margin-right: 0
}

.ss-page-header-rtl .ss-page-header-footer .ss-tabs-bar .ss-tabs-nav {
    float: right
}

.ss-pagination {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum"
}

.ss-pagination ul,.ss-pagination ol {
    margin: 0;
    padding: 0;
    list-style: none
}

.ss-pagination:after {
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    content: " "
}

.ss-pagination-total-text {
    display: inline-block;
    height: 32px;
    margin-right: 8px;
    line-height: 30px;
    vertical-align: middle
}

.ss-pagination-item {
    display: inline-block;
    min-width: 32px;
    height: 32px;
    margin-right: 8px;
    font-family: "";
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    list-style: none;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    outline: 0;
    cursor: pointer;
    user-select: none
}

.ss-pagination-item a {
    display: block;
    padding: 0 6px;
    color: #000000d9;
    transition: none
}

.ss-pagination-item a:hover {
    text-decoration: none
}

.ss-pagination-item:hover {
    border-color: var(--ss-primary-color);
    transition: all .3s
}

.ss-pagination-item:hover a {
    color: var(--ss-primary-color)
}

.ss-pagination-item:focus-visible {
    border-color: var(--ss-primary-color);
    transition: all .3s
}

.ss-pagination-item:focus-visible a {
    color: var(--ss-primary-color)
}

.ss-pagination-item-active {
    font-weight: 500;
    background: #fff;
    border-color: var(--ss-primary-color)
}

.ss-pagination-item-active a {
    color: var(--ss-primary-color)
}

.ss-pagination-item-active:hover {
    border-color: var(--ss-primary-5)
}

.ss-pagination-item-active:focus-visible {
    border-color: var(--ss-primary-5)
}

.ss-pagination-item-active:hover a {
    color: var(--ss-primary-5)
}

.ss-pagination-item-active:focus-visible a {
    color: var(--ss-primary-5)
}

.ss-pagination-jump-prev,.ss-pagination-jump-next {
    outline: 0
}

.ss-pagination-jump-prev .ss-pagination-item-container,.ss-pagination-jump-next .ss-pagination-item-container {
    position: relative
}

.ss-pagination-jump-prev .ss-pagination-item-container .ss-pagination-item-link-icon,.ss-pagination-jump-next .ss-pagination-item-container .ss-pagination-item-link-icon {
    color: var(--ss-primary-color);
    font-size: 12px;
    letter-spacing: -1px;
    opacity: 0;
    transition: all .2s
}

.ss-pagination-jump-prev .ss-pagination-item-container .ss-pagination-item-link-icon-svg,.ss-pagination-jump-next .ss-pagination-item-container .ss-pagination-item-link-icon-svg {
    inset: 0;
    margin: auto
}

.ss-pagination-jump-prev .ss-pagination-item-container .ss-pagination-item-ellipsis,.ss-pagination-jump-next .ss-pagination-item-container .ss-pagination-item-ellipsis {
    position: absolute;
    inset: 0;
    display: block;
    margin: auto;
    color: #00000040;
    font-family: Arial,Helvetica,sans-serif;
    letter-spacing: 2px;
    text-align: center;
    text-indent: .13em;
    opacity: 1;
    transition: all .2s
}

.ss-pagination-jump-prev:hover .ss-pagination-item-link-icon,.ss-pagination-jump-next:hover .ss-pagination-item-link-icon {
    opacity: 1
}

.ss-pagination-jump-prev:hover .ss-pagination-item-ellipsis,.ss-pagination-jump-next:hover .ss-pagination-item-ellipsis {
    opacity: 0
}

.ss-pagination-jump-prev:focus-visible .ss-pagination-item-link-icon,.ss-pagination-jump-next:focus-visible .ss-pagination-item-link-icon {
    opacity: 1
}

.ss-pagination-jump-prev:focus-visible .ss-pagination-item-ellipsis,.ss-pagination-jump-next:focus-visible .ss-pagination-item-ellipsis {
    opacity: 0
}

.ss-pagination-prev,.ss-pagination-jump-prev,.ss-pagination-jump-next {
    margin-right: 8px
}

.ss-pagination-prev,.ss-pagination-next,.ss-pagination-jump-prev,.ss-pagination-jump-next {
    display: inline-block;
    min-width: 32px;
    height: 32px;
    color: #000000d9;
    font-family: "";
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    list-style: none;
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s
}

.ss-pagination-prev,.ss-pagination-next {
    font-family: Arial,Helvetica,sans-serif;
    outline: 0
}

.ss-pagination-prev button,.ss-pagination-next button {
    color: #000000d9;
    cursor: pointer;
    user-select: none
}

.ss-pagination-prev:hover button,.ss-pagination-next:hover button {
    border-color: var(--ss-primary-5)
}

.ss-pagination-prev .ss-pagination-item-link,.ss-pagination-next .ss-pagination-item-link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    outline: none;
    transition: all .3s
}

.ss-pagination-prev:focus-visible .ss-pagination-item-link,.ss-pagination-next:focus-visible .ss-pagination-item-link {
    color: var(--ss-primary-color);
    border-color: var(--ss-primary-color)
}

.ss-pagination-prev:hover .ss-pagination-item-link,.ss-pagination-next:hover .ss-pagination-item-link {
    color: var(--ss-primary-color);
    border-color: var(--ss-primary-color)
}

.ss-pagination-disabled,.ss-pagination-disabled:hover {
    cursor: not-allowed
}

.ss-pagination-disabled .ss-pagination-item-link,.ss-pagination-disabled:hover .ss-pagination-item-link {
    color: #00000040;
    border-color: #d9d9d9;
    cursor: not-allowed
}

.ss-pagination-disabled:focus-visible {
    cursor: not-allowed
}

.ss-pagination-disabled:focus-visible .ss-pagination-item-link {
    color: #00000040;
    border-color: #d9d9d9;
    cursor: not-allowed
}

.ss-pagination-slash {
    margin: 0 10px 0 5px
}

.ss-pagination-options {
    display: inline-block;
    margin-left: 16px;
    vertical-align: middle
}

@media all and (-ms-high-contrast: none) {
    .ss-pagination-options *::-ms-backdrop,.ss-pagination-options {
        vertical-align: top
    }
}

.ss-pagination-options-size-changer.ss-select {
    display: inline-block;
    width: auto
}

.ss-pagination-options-quick-jumper {
    display: inline-block;
    height: 32px;
    margin-left: 8px;
    line-height: 32px;
    vertical-align: top
}

.ss-pagination-options-quick-jumper input {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: #000000d9;
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    transition: all .3s;
    width: 50px;
    height: 32px;
    margin: 0 8px
}

.ss-pagination-options-quick-jumper input::-moz-placeholder {
    opacity: 1
}

.ss-pagination-options-quick-jumper input::placeholder {
    color: #bfbfbf;
    user-select: none
}

.ss-pagination-options-quick-jumper input:placeholder-shown {
    text-overflow: ellipsis
}

.ss-pagination-options-quick-jumper input:hover {
    border-color: var(--ss-primary-5);
    border-right-width: 1px!important
}

.ss-input-rtl .ss-pagination-options-quick-jumper input:hover {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ss-pagination-options-quick-jumper input:focus,.ss-pagination-options-quick-jumper input-focused {
    border-color: var(--ss-primary-color-hover);
    box-shadow: 0 0 0 2px var(--ss-primary-color-outline);
    border-right-width: 1px!important;
    outline: 0
}

.ss-input-rtl .ss-pagination-options-quick-jumper input:focus,.ss-input-rtl .ss-pagination-options-quick-jumper input-focused {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ss-pagination-options-quick-jumper input-disabled {
    color: #00000040;
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ss-pagination-options-quick-jumper input-disabled:hover {
    border-color: #d9d9d9;
    border-right-width: 1px!important
}

.ss-pagination-options-quick-jumper input[disabled] {
    color: #00000040;
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ss-pagination-options-quick-jumper input[disabled]:hover {
    border-color: #d9d9d9;
    border-right-width: 1px!important
}

.ss-pagination-options-quick-jumper input-borderless,.ss-pagination-options-quick-jumper input-borderless:hover,.ss-pagination-options-quick-jumper input-borderless:focus,.ss-pagination-options-quick-jumper input-borderless-focused,.ss-pagination-options-quick-jumper input-borderless-disabled,.ss-pagination-options-quick-jumper input-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.ss-pagination-options-quick-jumper input {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all .3s,height 0s
}

.ss-pagination-options-quick-jumper input-lg {
    padding: 6.5px 11px;
    font-size: 16px
}

.ss-pagination-options-quick-jumper input-sm {
    padding: 0 7px
}

.ss-pagination-options-quick-jumper input-rtl {
    direction: rtl
}

.ss-pagination-simple .ss-pagination-prev,.ss-pagination-simple .ss-pagination-next {
    height: 24px;
    line-height: 24px;
    vertical-align: top
}

.ss-pagination-simple .ss-pagination-prev .ss-pagination-item-link,.ss-pagination-simple .ss-pagination-next .ss-pagination-item-link {
    height: 24px;
    background-color: transparent;
    border: 0
}

.ss-pagination-simple .ss-pagination-prev .ss-pagination-item-link:after,.ss-pagination-simple .ss-pagination-next .ss-pagination-item-link:after {
    height: 24px;
    line-height: 24px
}

.ss-pagination-simple .ss-pagination-simple-pager {
    display: inline-block;
    height: 24px;
    margin-right: 8px
}

.ss-pagination-simple .ss-pagination-simple-pager input {
    box-sizing: border-box;
    height: 100%;
    margin-right: 8px;
    padding: 0 6px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    outline: none;
    transition: border-color .3s
}

.ss-pagination-simple .ss-pagination-simple-pager input:hover {
    border-color: var(--ss-primary-color)
}

.ss-pagination-simple .ss-pagination-simple-pager input:focus {
    border-color: var(--ss-primary-color-hover);
    box-shadow: 0 0 0 2px var(--ss-primary-color-outline)
}

.ss-pagination-simple .ss-pagination-simple-pager input[disabled] {
    color: #00000040;
    background: #f5f5f5;
    border-color: #d9d9d9;
    cursor: not-allowed
}

.ss-pagination.mini .ss-pagination-total-text,.ss-pagination.mini .ss-pagination-simple-pager {
    height: 24px;
    line-height: 24px
}

.ss-pagination.mini .ss-pagination-item {
    min-width: 24px;
    height: 24px;
    margin: 0;
    line-height: 22px
}

.ss-pagination.mini .ss-pagination-item:not(.ss-pagination-item-active) {
    background: transparent;
    border-color: transparent
}

.ss-pagination.mini .ss-pagination-prev,.ss-pagination.mini .ss-pagination-next {
    min-width: 24px;
    height: 24px;
    margin: 0;
    line-height: 24px
}

.ss-pagination.mini .ss-pagination-prev .ss-pagination-item-link,.ss-pagination.mini .ss-pagination-next .ss-pagination-item-link {
    background: transparent;
    border-color: transparent
}

.ss-pagination.mini .ss-pagination-prev .ss-pagination-item-link:after,.ss-pagination.mini .ss-pagination-next .ss-pagination-item-link:after {
    height: 24px;
    line-height: 24px
}

.ss-pagination.mini .ss-pagination-jump-prev,.ss-pagination.mini .ss-pagination-jump-next {
    height: 24px;
    margin-right: 0;
    line-height: 24px
}

.ss-pagination.mini .ss-pagination-options {
    margin-left: 2px
}

.ss-pagination.mini .ss-pagination-options-size-changer {
    top: 0
}

.ss-pagination.mini .ss-pagination-options-quick-jumper {
    height: 24px;
    line-height: 24px
}

.ss-pagination.mini .ss-pagination-options-quick-jumper input {
    padding: 0 7px;
    width: 44px;
    height: 24px
}

.ss-pagination.ss-pagination-disabled {
    cursor: not-allowed
}

.ss-pagination.ss-pagination-disabled .ss-pagination-item {
    background: #f5f5f5;
    border-color: #d9d9d9;
    cursor: not-allowed
}

.ss-pagination.ss-pagination-disabled .ss-pagination-item a {
    color: #00000040;
    background: transparent;
    border: none;
    cursor: not-allowed
}

.ss-pagination.ss-pagination-disabled .ss-pagination-item-active {
    background: #e6e6e6
}

.ss-pagination.ss-pagination-disabled .ss-pagination-item-active a {
    color: #00000040
}

.ss-pagination.ss-pagination-disabled .ss-pagination-item-link {
    color: #00000040;
    background: #f5f5f5;
    border-color: #d9d9d9;
    cursor: not-allowed
}

.ss-pagination-simple.ss-pagination.ss-pagination-disabled .ss-pagination-item-link {
    background: transparent
}

.ss-pagination.ss-pagination-disabled .ss-pagination-item-link-icon {
    opacity: 0
}

.ss-pagination.ss-pagination-disabled .ss-pagination-item-ellipsis {
    opacity: 1
}

.ss-pagination.ss-pagination-disabled .ss-pagination-simple-pager {
    color: #00000040
}

@media only screen and (max-width: 992px) {
    .ss-pagination-item-after-jump-prev,.ss-pagination-item-before-jump-next {
        display:none
    }
}

@media only screen and (max-width: 576px) {
    .ss-pagination-options {
        display:none
    }
}

.ss-pagination-rtl .ss-pagination-total-text,.ss-pagination-rtl .ss-pagination-item,.ss-pagination-rtl .ss-pagination-prev,.ss-pagination-rtl .ss-pagination-jump-prev,.ss-pagination-rtl .ss-pagination-jump-next {
    margin-right: 0;
    margin-left: 8px
}

.ss-pagination-rtl .ss-pagination-slash {
    margin: 0 5px 0 10px
}

.ss-pagination-rtl .ss-pagination-options {
    margin-right: 16px;
    margin-left: 0
}

.ss-pagination-rtl .ss-pagination-options .ss-pagination-options-size-changer.ss-select {
    margin-right: 0;
    margin-left: 8px
}

.ss-pagination-rtl .ss-pagination-options .ss-pagination-options-quick-jumper {
    margin-left: 0
}

.ss-pagination-rtl.ss-pagination-simple .ss-pagination-simple-pager,.ss-pagination-rtl.ss-pagination-simple .ss-pagination-simple-pager input {
    margin-right: 0;
    margin-left: 8px
}

.ss-pagination-rtl.ss-pagination.mini .ss-pagination-options {
    margin-right: 2px;
    margin-left: 0
}

.ss-popconfirm {
    z-index: 1060
}

.ss-popover {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1030;
    font-weight: 400;
    white-space: normal;
    text-align: left;
    cursor: auto;
    user-select: text
}

.ss-popover:after {
    position: absolute;
    background: #ffffff03;
    content: ""
}

.ss-popover-hidden {
    display: none
}

.ss-popover-placement-top,.ss-popover-placement-topLeft,.ss-popover-placement-topRight {
    padding-bottom: 10px
}

.ss-popover-placement-right,.ss-popover-placement-rightTop,.ss-popover-placement-rightBottom {
    padding-left: 10px
}

.ss-popover-placement-bottom,.ss-popover-placement-bottomLeft,.ss-popover-placement-bottomRight {
    padding-top: 10px
}

.ss-popover-placement-left,.ss-popover-placement-leftTop,.ss-popover-placement-leftBottom {
    padding-right: 10px
}

.ss-popover-inner {
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 4px;
    box-shadow: 0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;
    box-shadow: 0 0 8px #00000026 \
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .ss-popover-inner {
        box-shadow: 0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d
    }
}

.ss-popover-title {
    min-width: 177px;
    min-height: 32px;
    margin: 0;
    padding: 5px 16px 4px;
    color: #000000d9;
    font-weight: 500;
    border-bottom: 1px solid #f0f0f0
}

.ss-popover-inner-content {
    padding: 12px 16px;
    color: #000000d9
}

.ss-popover-message {
    position: relative;
    padding: 4px 0 12px;
    color: #000000d9;
    font-size: 14px
}

.ss-popover-message>.anticon {
    position: absolute;
    top: 8.0005px;
    color: var(--ss-warning-color);
    font-size: 14px
}

.ss-popover-message-title {
    padding-left: 22px
}

.ss-popover-buttons {
    margin-bottom: 4px;
    text-align: right
}

.ss-popover-buttons button {
    margin-left: 8px
}

.ss-popover-arrow {
    position: absolute;
    display: block;
    width: 8.48528137px;
    height: 8.48528137px;
    overflow: hidden;
    background: transparent;
    pointer-events: none
}

.ss-popover-arrow-content {
    position: absolute;
    inset: 0;
    display: block;
    width: 6px;
    height: 6px;
    margin: auto;
    background-color: #fff;
    content: "";
    pointer-events: auto
}

.ss-popover-placement-top .ss-popover-arrow,.ss-popover-placement-topLeft .ss-popover-arrow,.ss-popover-placement-topRight .ss-popover-arrow {
    bottom: 1.51471863px
}

.ss-popover-placement-top .ss-popover-arrow-content,.ss-popover-placement-topLeft .ss-popover-arrow-content,.ss-popover-placement-topRight .ss-popover-arrow-content {
    box-shadow: 3px 3px 7px #00000012;
    transform: translateY(-4.24264069px) rotate(45deg)
}

.ss-popover-placement-top .ss-popover-arrow {
    left: 50%;
    transform: translate(-50%)
}

.ss-popover-placement-topLeft .ss-popover-arrow {
    left: 16px
}

.ss-popover-placement-topRight .ss-popover-arrow {
    right: 16px
}

.ss-popover-placement-right .ss-popover-arrow,.ss-popover-placement-rightTop .ss-popover-arrow,.ss-popover-placement-rightBottom .ss-popover-arrow {
    left: 1.51471863px
}

.ss-popover-placement-right .ss-popover-arrow-content,.ss-popover-placement-rightTop .ss-popover-arrow-content,.ss-popover-placement-rightBottom .ss-popover-arrow-content {
    box-shadow: -3px 3px 7px #00000012;
    transform: translate(4.24264069px) rotate(45deg)
}

.ss-popover-placement-right .ss-popover-arrow {
    top: 50%;
    transform: translateY(-50%)
}

.ss-popover-placement-rightTop .ss-popover-arrow {
    top: 12px
}

.ss-popover-placement-rightBottom .ss-popover-arrow {
    bottom: 12px
}

.ss-popover-placement-bottom .ss-popover-arrow,.ss-popover-placement-bottomLeft .ss-popover-arrow,.ss-popover-placement-bottomRight .ss-popover-arrow {
    top: 1.51471863px
}

.ss-popover-placement-bottom .ss-popover-arrow-content,.ss-popover-placement-bottomLeft .ss-popover-arrow-content,.ss-popover-placement-bottomRight .ss-popover-arrow-content {
    box-shadow: -2px -2px 5px #0000000f;
    transform: translateY(4.24264069px) rotate(45deg)
}

.ss-popover-placement-bottom .ss-popover-arrow {
    left: 50%;
    transform: translate(-50%)
}

.ss-popover-placement-bottomLeft .ss-popover-arrow {
    left: 16px
}

.ss-popover-placement-bottomRight .ss-popover-arrow {
    right: 16px
}

.ss-popover-placement-left .ss-popover-arrow,.ss-popover-placement-leftTop .ss-popover-arrow,.ss-popover-placement-leftBottom .ss-popover-arrow {
    right: 1.51471863px
}

.ss-popover-placement-left .ss-popover-arrow-content,.ss-popover-placement-leftTop .ss-popover-arrow-content,.ss-popover-placement-leftBottom .ss-popover-arrow-content {
    box-shadow: 3px -3px 7px #00000012;
    transform: translate(-4.24264069px) rotate(45deg)
}

.ss-popover-placement-left .ss-popover-arrow {
    top: 50%;
    transform: translateY(-50%)
}

.ss-popover-placement-leftTop .ss-popover-arrow {
    top: 12px
}

.ss-popover-placement-leftBottom .ss-popover-arrow {
    bottom: 12px
}

.ss-popover-pink .ss-popover-inner,.ss-popover-pink .ss-popover-arrow-content,.ss-popover-magenta .ss-popover-inner,.ss-popover-magenta .ss-popover-arrow-content {
    background-color: #eb2f96
}

.ss-popover-red .ss-popover-inner,.ss-popover-red .ss-popover-arrow-content {
    background-color: #f5222d
}

.ss-popover-volcano .ss-popover-inner,.ss-popover-volcano .ss-popover-arrow-content {
    background-color: #fa541c
}

.ss-popover-orange .ss-popover-inner,.ss-popover-orange .ss-popover-arrow-content {
    background-color: #fa8c16
}

.ss-popover-yellow .ss-popover-inner,.ss-popover-yellow .ss-popover-arrow-content {
    background-color: #fadb14
}

.ss-popover-gold .ss-popover-inner,.ss-popover-gold .ss-popover-arrow-content {
    background-color: #faad14
}

.ss-popover-cyan .ss-popover-inner,.ss-popover-cyan .ss-popover-arrow-content {
    background-color: #13c2c2
}

.ss-popover-lime .ss-popover-inner,.ss-popover-lime .ss-popover-arrow-content {
    background-color: #a0d911
}

.ss-popover-green .ss-popover-inner,.ss-popover-green .ss-popover-arrow-content {
    background-color: #52c41a
}

.ss-popover-blue .ss-popover-inner,.ss-popover-blue .ss-popover-arrow-content {
    background-color: #1890ff
}

.ss-popover-geekblue .ss-popover-inner,.ss-popover-geekblue .ss-popover-arrow-content {
    background-color: #2f54eb
}

.ss-popover-purple .ss-popover-inner,.ss-popover-purple .ss-popover-arrow-content {
    background-color: #722ed1
}

.ss-popover-rtl {
    direction: rtl;
    text-align: right
}

.ss-popover-rtl .ss-popover-message-title {
    padding-right: 22px;
    padding-left: 16px
}

.ss-popover-rtl .ss-popover-buttons {
    text-align: left
}

.ss-popover-rtl .ss-popover-buttons button {
    margin-right: 8px;
    margin-left: 0
}

.ss-progress {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block
}

.ss-progress-line {
    position: relative;
    width: 100%;
    font-size: 14px
}

.ss-progress-steps {
    display: inline-block
}

.ss-progress-steps-outer {
    display: flex;
    flex-direction: row;
    align-items: center
}

.ss-progress-steps-item {
    flex-shrink: 0;
    min-width: 2px;
    margin-right: 2px;
    background: #f3f3f3;
    transition: all .3s
}

.ss-progress-steps-item-active {
    background: var(--ss-primary-color)
}

.ss-progress-small.ss-progress-line,.ss-progress-small.ss-progress-line .ss-progress-text .anticon {
    font-size: 12px
}

.ss-progress-outer {
    display: inline-block;
    width: 100%;
    margin-right: 0;
    padding-right: 0
}

.ss-progress-show-info .ss-progress-outer {
    margin-right: calc(-2em - 8px);
    padding-right: calc(2em + 8px)
}

.ss-progress-inner {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    vertical-align: middle;
    background-color: #f5f5f5;
    border-radius: 100px
}

.ss-progress-circle-trail {
    stroke: #f5f5f5
}

.ss-progress-circle-path {
    animation: ss-progress-appear .3s
}

.ss-progress-inner:not(.ss-progress-circle-gradient) .ss-progress-circle-path {
    stroke: var(--ss-primary-color)
}

.ss-progress-success-bg,.ss-progress-bg {
    position: relative;
    background-color: var(--ss-primary-color);
    border-radius: 100px;
    transition: all .4s cubic-bezier(.08,.82,.17,1) 0s
}

.ss-progress-success-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--ss-success-color)
}

.ss-progress-text {
    display: inline-block;
    width: 2em;
    margin-left: 8px;
    color: #000000d9;
    font-size: 1em;
    line-height: 1;
    white-space: nowrap;
    text-align: left;
    vertical-align: middle;
    word-break: normal
}

.ss-progress-text .anticon {
    font-size: 14px
}

.ss-progress-status-active .ss-progress-bg:before {
    position: absolute;
    inset: 0;
    background: #fff;
    border-radius: 10px;
    opacity: 0;
    animation: ss-progress-active 2.4s cubic-bezier(.23,1,.32,1) infinite;
    content: ""
}

.ss-progress-status-exception .ss-progress-bg {
    background-color: var(--ss-error-color)
}

.ss-progress-status-exception .ss-progress-text {
    color: var(--ss-error-color)
}

.ss-progress-status-exception .ss-progress-inner:not(.ss-progress-circle-gradient) .ss-progress-circle-path {
    stroke: var(--ss-error-color)
}

.ss-progress-status-success .ss-progress-bg {
    background-color: var(--ss-success-color)
}

.ss-progress-status-success .ss-progress-text {
    color: var(--ss-success-color)
}

.ss-progress-status-success .ss-progress-inner:not(.ss-progress-circle-gradient) .ss-progress-circle-path {
    stroke: var(--ss-success-color)
}

.ss-progress-circle .ss-progress-inner {
    position: relative;
    line-height: 1;
    background-color: transparent
}

.ss-progress-circle .ss-progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 1em;
    line-height: 1;
    white-space: normal;
    text-align: center;
    transform: translate(-50%,-50%)
}

.ss-progress-circle .ss-progress-text .anticon {
    font-size: 1.16666667em
}

.ss-progress-circle.ss-progress-status-exception .ss-progress-text {
    color: var(--ss-error-color)
}

.ss-progress-circle.ss-progress-status-success .ss-progress-text {
    color: var(--ss-success-color)
}

@keyframes ss-progress-active {
    0% {
        transform: translate(-100%) scaleX(0);
        opacity: .1
    }

    20% {
        transform: translate(-100%) scaleX(0);
        opacity: .5
    }

    to {
        transform: translate(0) scaleX(1);
        opacity: 0
    }
}

.ss-progress-rtl {
    direction: rtl
}

.ss-progress-rtl.ss-progress-show-info .ss-progress-outer {
    margin-right: 0;
    margin-left: calc(-2em - 8px);
    padding-right: 0;
    padding-left: calc(2em + 8px)
}

.ss-progress-rtl .ss-progress-success-bg {
    right: 0;
    left: auto
}

.ss-progress-rtl.ss-progress-line .ss-progress-text,.ss-progress-rtl.ss-progress-steps .ss-progress-text {
    margin-right: 8px;
    margin-left: 0;
    text-align: right
}

.ss-radio-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block;
    font-size: 0
}

.ss-radio-group .ss-badge-count {
    z-index: 1
}

.ss-radio-group>.ss-badge:not(:first-child)>.ss-radio-button-wrapper {
    border-left: none
}

.ss-radio-wrapper {
    box-sizing: border-box;
    margin: 0 8px 0 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-flex;
    align-items: baseline;
    cursor: pointer
}

.ss-radio-wrapper-disabled {
    cursor: not-allowed
}

.ss-radio-wrapper:after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: " "
}

.ss-radio {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    top: .2em;
    display: inline-block;
    outline: none;
    cursor: pointer
}

.ss-radio-wrapper:hover .ss-radio,.ss-radio:hover .ss-radio-inner,.ss-radio-input:focus+.ss-radio-inner {
    border-color: var(--ss-primary-color)
}

.ss-radio-input:focus+.ss-radio-inner {
    box-shadow: 0 0 0 3px #f0f8ff
}

.ss-radio-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--ss-primary-color);
    border-radius: 50%;
    visibility: hidden;
    animation: antRadioEffect .36s ease-in-out;
    animation-fill-mode: both;
    content: ""
}

.ss-radio:hover:after,.ss-radio-wrapper:hover .ss-radio:after {
    visibility: visible
}

.ss-radio-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-color: #d9d9d9;
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
    transition: all .3s
}

.ss-radio-inner:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
    background-color: var(--ss-primary-color);
    border-top: 0;
    border-left: 0;
    border-radius: 16px;
    transform: scale(0);
    opacity: 0;
    transition: all .3s cubic-bezier(.78,.14,.15,.86);
    content: " "
}

.ss-radio-input {
    position: absolute;
    inset: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0
}

.ss-radio-checked .ss-radio-inner {
    border-color: var(--ss-primary-color)
}

.ss-radio-checked .ss-radio-inner:after {
    transform: scale(.5);
    opacity: 1;
    transition: all .3s cubic-bezier(.78,.14,.15,.86)
}

.ss-radio-disabled {
    cursor: not-allowed
}

.ss-radio-disabled .ss-radio-inner {
    background-color: #f5f5f5;
    border-color: #d9d9d9!important;
    cursor: not-allowed
}

.ss-radio-disabled .ss-radio-inner:after {
    background-color: #0003
}

.ss-radio-disabled .ss-radio-input {
    cursor: not-allowed
}

.ss-radio-disabled+span {
    color: #00000040;
    cursor: not-allowed
}

span.ss-radio+* {
    padding-right: 8px;
    padding-left: 8px
}

.ss-radio-button-wrapper {
    position: relative;
    display: inline-block;
    height: 32px;
    margin: 0;
    padding: 0 15px;
    color: #000000d9;
    font-size: 14px;
    line-height: 30px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top-width: 1.02px;
    border-left-width: 0;
    cursor: pointer;
    transition: color .3s,background .3s,border-color .3s,box-shadow .3s
}

.ss-radio-button-wrapper a {
    color: #000000d9
}

.ss-radio-button-wrapper>.ss-radio-button {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}

.ss-radio-group-large .ss-radio-button-wrapper {
    height: 40px;
    font-size: 16px;
    line-height: 38px
}

.ss-radio-group-small .ss-radio-button-wrapper {
    height: 24px;
    padding: 0 7px;
    line-height: 22px
}

.ss-radio-button-wrapper:not(:first-child):before {
    position: absolute;
    top: -1px;
    left: -1px;
    display: block;
    box-sizing: content-box;
    width: 1px;
    height: 100%;
    padding: 1px 0;
    background-color: #d9d9d9;
    transition: background-color .3s;
    content: ""
}

.ss-radio-button-wrapper:first-child {
    border-left: 1px solid #d9d9d9;
    border-radius: 2px 0 0 2px
}

.ss-radio-button-wrapper:last-child {
    border-radius: 0 2px 2px 0
}

.ss-radio-button-wrapper:first-child:last-child {
    border-radius: 2px
}

.ss-radio-button-wrapper:hover {
    position: relative;
    color: var(--ss-primary-color)
}

.ss-radio-button-wrapper:focus-within {
    box-shadow: 0 0 0 3px #f0f8ff
}

.ss-radio-button-wrapper .ss-radio-inner,.ss-radio-button-wrapper input[type=checkbox],.ss-radio-button-wrapper input[type=radio] {
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none
}

.ss-radio-button-wrapper-checked:not(.ss-radio-button-wrapper-disabled) {
    z-index: 1;
    color: var(--ss-primary-color);
    background: #fff;
    border-color: var(--ss-primary-color)
}

.ss-radio-button-wrapper-checked:not(.ss-radio-button-wrapper-disabled):before {
    background-color: var(--ss-primary-color)
}

.ss-radio-button-wrapper-checked:not(.ss-radio-button-wrapper-disabled):first-child {
    border-color: var(--ss-primary-color)
}

.ss-radio-button-wrapper-checked:not(.ss-radio-button-wrapper-disabled):hover {
    color: var(--ss-primary-5);
    border-color: var(--ss-primary-5)
}

.ss-radio-button-wrapper-checked:not(.ss-radio-button-wrapper-disabled):hover:before {
    background-color: var(--ss-primary-5)
}

.ss-radio-button-wrapper-checked:not(.ss-radio-button-wrapper-disabled):active {
    color: var(--ss-primary-7);
    border-color: var(--ss-primary-7)
}

.ss-radio-button-wrapper-checked:not(.ss-radio-button-wrapper-disabled):active:before {
    background-color: var(--ss-primary-7)
}

.ss-radio-button-wrapper-checked:not(.ss-radio-button-wrapper-disabled):focus-within {
    box-shadow: 0 0 0 3px #f0f8ff
}

.ss-radio-group-solid .ss-radio-button-wrapper-checked:not(.ss-radio-button-wrapper-disabled) {
    color: #fff;
    background: var(--ss-primary-color);
    border-color: var(--ss-primary-color)
}

.ss-radio-group-solid .ss-radio-button-wrapper-checked:not(.ss-radio-button-wrapper-disabled):hover {
    color: #fff;
    background: var(--ss-primary-5);
    border-color: var(--ss-primary-5)
}

.ss-radio-group-solid .ss-radio-button-wrapper-checked:not(.ss-radio-button-wrapper-disabled):active {
    color: #fff;
    background: var(--ss-primary-7);
    border-color: var(--ss-primary-7)
}

.ss-radio-group-solid .ss-radio-button-wrapper-checked:not(.ss-radio-button-wrapper-disabled):focus-within {
    box-shadow: 0 0 0 3px #f0f8ff
}

.ss-radio-button-wrapper-disabled {
    color: #00000040;
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    cursor: not-allowed
}

.ss-radio-button-wrapper-disabled:first-child,.ss-radio-button-wrapper-disabled:hover {
    color: #00000040;
    background-color: #f5f5f5;
    border-color: #d9d9d9
}

.ss-radio-button-wrapper-disabled:first-child {
    border-left-color: #d9d9d9
}

.ss-radio-button-wrapper-disabled.ss-radio-button-wrapper-checked {
    color: #00000040;
    background-color: #e6e6e6;
    border-color: #d9d9d9;
    box-shadow: none
}

@keyframes antRadioEffect {
    0% {
        transform: scale(1);
        opacity: .5
    }

    to {
        transform: scale(1.6);
        opacity: 0
    }
}

.ss-radio-group.ss-radio-group-rtl {
    direction: rtl
}

.ss-radio-wrapper.ss-radio-wrapper-rtl {
    margin-right: 0;
    margin-left: 8px;
    direction: rtl
}

.ss-radio-button-wrapper.ss-radio-button-wrapper-rtl {
    border-right-width: 0;
    border-left-width: 1px
}

.ss-radio-button-wrapper.ss-radio-button-wrapper-rtl.ss-radio-button-wrapper:not(:first-child):before {
    right: -1px;
    left: 0
}

.ss-radio-button-wrapper.ss-radio-button-wrapper-rtl.ss-radio-button-wrapper:first-child {
    border-right: 1px solid #d9d9d9;
    border-radius: 0 2px 2px 0
}

.ss-radio-button-wrapper-checked:not([class*=" ss-radio-button-wrapper-disabled"]).ss-radio-button-wrapper:first-child {
    border-right-color: var(--ss-primary-5)
}

.ss-radio-button-wrapper.ss-radio-button-wrapper-rtl.ss-radio-button-wrapper:last-child {
    border-radius: 2px 0 0 2px
}

.ss-radio-button-wrapper.ss-radio-button-wrapper-rtl.ss-radio-button-wrapper-disabled:first-child {
    border-right-color: #d9d9d9
}

.ss-rate {
    box-sizing: border-box;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    font-feature-settings: "tnum";
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #fadb14;
    font-size: 20px;
    line-height: unset;
    list-style: none;
    outline: none
}

.ss-rate-disabled .ss-rate-star {
    cursor: default
}

.ss-rate-disabled .ss-rate-star:hover {
    transform: scale(1)
}

.ss-rate-star {
    position: relative;
    display: inline-block;
    color: inherit;
    cursor: pointer
}

.ss-rate-star:not(:last-child) {
    margin-right: 8px
}

.ss-rate-star>div {
    transition: all .3s,outline 0s
}

.ss-rate-star>div:hover {
    transform: scale(1.1)
}

.ss-rate-star>div:focus {
    outline: 0
}

.ss-rate-star>div:focus-visible {
    outline: 1px dashed #fadb14;
    transform: scale(1.1)
}

.ss-rate-star-first,.ss-rate-star-second {
    color: #f0f0f0;
    transition: all .3s;
    user-select: none
}

.ss-rate-star-first .anticon,.ss-rate-star-second .anticon {
    vertical-align: middle
}

.ss-rate-star-first {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    opacity: 0
}

.ss-rate-star-half .ss-rate-star-first,.ss-rate-star-half .ss-rate-star-second {
    opacity: 1
}

.ss-rate-star-half .ss-rate-star-first,.ss-rate-star-full .ss-rate-star-second {
    color: inherit
}

.ss-rate-text {
    display: inline-block;
    margin: 0 8px;
    font-size: 14px
}

.ss-rate-rtl {
    direction: rtl
}

.ss-rate-rtl .ss-rate-star:not(:last-child) {
    margin-right: 0;
    margin-left: 8px
}

.ss-rate-rtl .ss-rate-star-first {
    right: 0;
    left: auto
}

.ss-result {
    padding: 48px 32px
}

.ss-result-success .ss-result-icon>.anticon {
    color: var(--ss-success-color)
}

.ss-result-error .ss-result-icon>.anticon {
    color: var(--ss-error-color)
}

.ss-result-info .ss-result-icon>.anticon {
    color: var(--ss-info-color)
}

.ss-result-warning .ss-result-icon>.anticon {
    color: var(--ss-warning-color)
}

.ss-result-image {
    width: 250px;
    height: 295px;
    margin: auto
}

.ss-result-icon {
    margin-bottom: 24px;
    text-align: center
}

.ss-result-icon>.anticon {
    font-size: 72px
}

.ss-result-title {
    color: #000000d9;
    font-size: 24px;
    line-height: 1.8;
    text-align: center
}

.ss-result-subtitle {
    color: #00000073;
    font-size: 14px;
    line-height: 1.6;
    text-align: center
}

.ss-result-extra {
    margin: 24px 0 0;
    text-align: center
}

.ss-result-extra>* {
    margin-right: 8px
}

.ss-result-extra>*:last-child {
    margin-right: 0
}

.ss-result-content {
    margin-top: 24px;
    padding: 24px 40px;
    background-color: #fafafa
}

.ss-result-rtl {
    direction: rtl
}

.ss-result-rtl .ss-result-extra>* {
    margin-right: 0;
    margin-left: 8px
}

.ss-result-rtl .ss-result-extra>*:last-child {
    margin-left: 0
}

.ss-select-single .ss-select-selector {
    display: flex
}

.ss-select-single .ss-select-selector .ss-select-selection-search {
    position: absolute;
    inset: 0 11px
}

.ss-select-single .ss-select-selector .ss-select-selection-search-input {
    width: 100%
}

.ss-select-single .ss-select-selector .ss-select-selection-item,.ss-select-single .ss-select-selector .ss-select-selection-placeholder {
    padding: 0;
    line-height: 30px;
    transition: all .3s
}

@supports (-moz-appearance: meterbar) {
    .ss-select-single .ss-select-selector .ss-select-selection-item,.ss-select-single .ss-select-selector .ss-select-selection-placeholder {
        line-height:30px
    }
}

.ss-select-single .ss-select-selector .ss-select-selection-item {
    position: relative;
    user-select: none
}

.ss-select-single .ss-select-selector .ss-select-selection-placeholder {
    transition: none;
    pointer-events: none
}

.ss-select-single .ss-select-selector:after,.ss-select-single .ss-select-selector .ss-select-selection-item:after,.ss-select-single .ss-select-selector .ss-select-selection-placeholder:after {
    display: inline-block;
    width: 0;
    visibility: hidden;
    content: " "
}

.ss-select-single.ss-select-show-arrow .ss-select-selection-search {
    right: 25px
}

.ss-select-single.ss-select-show-arrow .ss-select-selection-item,.ss-select-single.ss-select-show-arrow .ss-select-selection-placeholder {
    padding-right: 18px
}

.ss-select-single.ss-select-open .ss-select-selection-item {
    color: #bfbfbf
}

.ss-select-single:not(.ss-select-customize-input) .ss-select-selector {
    width: 100%;
    height: 32px;
    padding: 0 11px
}

.ss-select-single:not(.ss-select-customize-input) .ss-select-selector .ss-select-selection-search-input {
    height: 30px
}

.ss-select-single:not(.ss-select-customize-input) .ss-select-selector:after {
    line-height: 30px
}

.ss-select-single.ss-select-customize-input .ss-select-selector:after {
    display: none
}

.ss-select-single.ss-select-customize-input .ss-select-selector .ss-select-selection-search {
    position: static;
    width: 100%
}

.ss-select-single.ss-select-customize-input .ss-select-selector .ss-select-selection-placeholder {
    position: absolute;
    right: 0;
    left: 0;
    padding: 0 11px
}

.ss-select-single.ss-select-customize-input .ss-select-selector .ss-select-selection-placeholder:after {
    display: none
}

.ss-select-single.ss-select-lg:not(.ss-select-customize-input) .ss-select-selector {
    height: 40px
}

.ss-select-single.ss-select-lg:not(.ss-select-customize-input) .ss-select-selector:after,.ss-select-single.ss-select-lg:not(.ss-select-customize-input) .ss-select-selector .ss-select-selection-item,.ss-select-single.ss-select-lg:not(.ss-select-customize-input) .ss-select-selector .ss-select-selection-placeholder {
    line-height: 38px
}

.ss-select-single.ss-select-lg:not(.ss-select-customize-input):not(.ss-select-customize-input) .ss-select-selection-search-input {
    height: 38px
}

.ss-select-single.ss-select-sm:not(.ss-select-customize-input) .ss-select-selector {
    height: 24px
}

.ss-select-single.ss-select-sm:not(.ss-select-customize-input) .ss-select-selector:after,.ss-select-single.ss-select-sm:not(.ss-select-customize-input) .ss-select-selector .ss-select-selection-item,.ss-select-single.ss-select-sm:not(.ss-select-customize-input) .ss-select-selector .ss-select-selection-placeholder {
    line-height: 22px
}

.ss-select-single.ss-select-sm:not(.ss-select-customize-input):not(.ss-select-customize-input) .ss-select-selection-search-input {
    height: 22px
}

.ss-select-single.ss-select-sm:not(.ss-select-customize-input) .ss-select-selection-search {
    right: 7px;
    left: 7px
}

.ss-select-single.ss-select-sm:not(.ss-select-customize-input) .ss-select-selector {
    padding: 0 7px
}

.ss-select-single.ss-select-sm:not(.ss-select-customize-input).ss-select-show-arrow .ss-select-selection-search {
    right: 28px
}

.ss-select-single.ss-select-sm:not(.ss-select-customize-input).ss-select-show-arrow .ss-select-selection-item,.ss-select-single.ss-select-sm:not(.ss-select-customize-input).ss-select-show-arrow .ss-select-selection-placeholder {
    padding-right: 21px
}

.ss-select-single.ss-select-lg:not(.ss-select-customize-input) .ss-select-selector {
    padding: 0 11px
}

.ss-select-selection-overflow {
    position: relative;
    display: flex;
    flex: auto;
    flex-wrap: wrap;
    max-width: 100%
}

.ss-select-selection-overflow-item {
    flex: none;
    align-self: center;
    max-width: 100%
}

.ss-select-multiple .ss-select-selector {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 1px 4px
}

.ss-select-show-search.ss-select-multiple .ss-select-selector {
    cursor: text
}

.ss-select-disabled.ss-select-multiple .ss-select-selector {
    background: #f5f5f5;
    cursor: not-allowed
}

.ss-select-multiple .ss-select-selector:after {
    display: inline-block;
    width: 0;
    margin: 2px 0;
    line-height: 24px;
    content: " "
}

.ss-select-multiple.ss-select-show-arrow .ss-select-selector,.ss-select-multiple.ss-select-allow-clear .ss-select-selector {
    padding-right: 24px
}

.ss-select-multiple .ss-select-selection-item {
    position: relative;
    display: flex;
    flex: none;
    box-sizing: border-box;
    max-width: 100%;
    height: 24px;
    margin-top: 2px;
    margin-bottom: 2px;
    line-height: 22px;
    background: #f5f5f5;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    cursor: default;
    transition: font-size .3s,line-height .3s,height .3s;
    user-select: none;
    margin-inline-end:4px;padding-inline-start:8px;padding-inline-end:4px}

.ss-select-disabled.ss-select-multiple .ss-select-selection-item {
    color: #bfbfbf;
    border-color: #d9d9d9;
    cursor: not-allowed
}

.ss-select-multiple .ss-select-selection-item-content {
    display: inline-block;
    margin-right: 4px;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis
}

.ss-select-multiple .ss-select-selection-item-remove {
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    color: #00000073;
    font-weight: 700;
    font-size: 10px;
    line-height: inherit;
    cursor: pointer
}

.ss-select-multiple .ss-select-selection-item-remove>* {
    line-height: 1
}

.ss-select-multiple .ss-select-selection-item-remove svg {
    display: inline-block
}

.ss-select-multiple .ss-select-selection-item-remove:before {
    display: none
}

.ss-select-multiple .ss-select-selection-item-remove .ss-select-multiple .ss-select-selection-item-remove-icon {
    display: block
}

.ss-select-multiple .ss-select-selection-item-remove>.anticon {
    vertical-align: -.2em
}

.ss-select-multiple .ss-select-selection-item-remove:hover {
    color: #000000bf
}

.ss-select-multiple .ss-select-selection-overflow-item+.ss-select-selection-overflow-item .ss-select-selection-search {
    margin-inline-start:0}

.ss-select-multiple .ss-select-selection-search {
    position: relative;
    max-width: 100%;
    margin-inline-start:7px}

.ss-select-multiple .ss-select-selection-search-input,.ss-select-multiple .ss-select-selection-search-mirror {
    height: 24px;
    font-family: "";
    line-height: 24px;
    transition: all .3s
}

.ss-select-multiple .ss-select-selection-search-input {
    width: 100%;
    min-width: 4.1px
}

.ss-select-multiple .ss-select-selection-search-mirror {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    white-space: pre;
    visibility: hidden
}

.ss-select-multiple .ss-select-selection-placeholder {
    position: absolute;
    top: 50%;
    right: 11px;
    left: 11px;
    transform: translateY(-50%);
    transition: all .3s
}

.ss-select-multiple.ss-select-lg .ss-select-selector:after {
    line-height: 32px
}

.ss-select-multiple.ss-select-lg .ss-select-selection-item {
    height: 32px;
    line-height: 30px
}

.ss-select-multiple.ss-select-lg .ss-select-selection-search {
    height: 32px;
    line-height: 32px
}

.ss-select-multiple.ss-select-lg .ss-select-selection-search-input,.ss-select-multiple.ss-select-lg .ss-select-selection-search-mirror {
    height: 32px;
    line-height: 30px
}

.ss-select-multiple.ss-select-sm .ss-select-selector:after {
    line-height: 16px
}

.ss-select-multiple.ss-select-sm .ss-select-selection-item {
    height: 16px;
    line-height: 14px
}

.ss-select-multiple.ss-select-sm .ss-select-selection-search {
    height: 16px;
    line-height: 16px
}

.ss-select-multiple.ss-select-sm .ss-select-selection-search-input,.ss-select-multiple.ss-select-sm .ss-select-selection-search-mirror {
    height: 16px;
    line-height: 14px
}

.ss-select-multiple.ss-select-sm .ss-select-selection-placeholder {
    left: 7px
}

.ss-select-multiple.ss-select-sm .ss-select-selection-search {
    margin-inline-start:3px}

.ss-select-multiple.ss-select-lg .ss-select-selection-item {
    height: 32px;
    line-height: 32px
}

.ss-select-disabled .ss-select-selection-item-remove {
    display: none
}

.ss-select {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    cursor: pointer
}

.ss-select:not(.ss-select-customize-input) .ss-select-selector {
    position: relative;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.ss-select:not(.ss-select-customize-input) .ss-select-selector input {
    cursor: pointer
}

.ss-select-show-search.ss-select:not(.ss-select-customize-input) .ss-select-selector {
    cursor: text
}

.ss-select-show-search.ss-select:not(.ss-select-customize-input) .ss-select-selector input {
    cursor: auto
}

.ss-select-focused:not(.ss-select-disabled).ss-select:not(.ss-select-customize-input) .ss-select-selector {
    border-color: var(--ss-primary-color-hover);
    box-shadow: 0 0 0 2px var(--ss-primary-color-outline);
    border-right-width: 1px!important;
    outline: 0
}

.ss-input-rtl .ss-select-focused:not(.ss-select-disabled).ss-select:not(.ss-select-customize-input) .ss-select-selector {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ss-select-disabled.ss-select:not(.ss-select-customize-input) .ss-select-selector {
    color: #00000040;
    background: #f5f5f5;
    cursor: not-allowed
}

.ss-select-multiple.ss-select-disabled.ss-select:not(.ss-select-customize-input) .ss-select-selector {
    background: #f5f5f5
}

.ss-select-disabled.ss-select:not(.ss-select-customize-input) .ss-select-selector input {
    cursor: not-allowed
}

.ss-select:not(.ss-select-customize-input) .ss-select-selector .ss-select-selection-search-input {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
    appearance: none
}

.ss-select:not(.ss-select-customize-input) .ss-select-selector .ss-select-selection-search-input::-webkit-search-cancel-button {
    display: none;
    -webkit-appearance: none
}

.ss-select:not(.ss-select-disabled):hover .ss-select-selector {
    border-color: var(--ss-primary-5);
    border-right-width: 1px!important
}

.ss-input-rtl .ss-select:not(.ss-select-disabled):hover .ss-select-selector {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ss-select-selection-item {
    flex: 1;
    overflow: hidden;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media all and (-ms-high-contrast: none) {
    .ss-select-selection-item *::-ms-backdrop,.ss-select-selection-item {
        flex: auto
    }
}

.ss-select-selection-placeholder {
    flex: 1;
    overflow: hidden;
    color: #bfbfbf;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none
}

@media all and (-ms-high-contrast: none) {
    .ss-select-selection-placeholder *::-ms-backdrop,.ss-select-selection-placeholder {
        flex: auto
    }
}

.ss-select-arrow {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    right: 11px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    color: #00000040;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    pointer-events: none
}

.ss-select-arrow>* {
    line-height: 1
}

.ss-select-arrow svg {
    display: inline-block
}

.ss-select-arrow:before {
    display: none
}

.ss-select-arrow .ss-select-arrow-icon {
    display: block
}

.ss-select-arrow .anticon {
    vertical-align: top;
    transition: transform .3s
}

.ss-select-arrow .anticon>svg {
    vertical-align: top
}

.ss-select-arrow .anticon:not(.ss-select-suffix) {
    pointer-events: auto
}

.ss-select-disabled .ss-select-arrow {
    cursor: not-allowed
}

.ss-select-clear {
    position: absolute;
    top: 50%;
    right: 11px;
    z-index: 1;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    color: #00000040;
    font-size: 12px;
    font-style: normal;
    line-height: 1;
    text-align: center;
    text-transform: none;
    background: #fff;
    cursor: pointer;
    opacity: 0;
    transition: color .3s ease,opacity .15s ease;
    text-rendering: auto
}

.ss-select-clear:before {
    display: block
}

.ss-select-clear:hover {
    color: #00000073
}

.ss-select:hover .ss-select-clear {
    opacity: 1
}

.ss-select-dropdown {
    margin: 0;
    color: #000000d9;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    box-sizing: border-box;
    padding: 4px 0;
    overflow: hidden;
    font-size: 14px;
    font-variant: initial;
    background-color: #fff;
    border-radius: 2px;
    outline: none;
    box-shadow: 0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d
}

.ss-select-dropdown.ss-slide-up-enter.ss-slide-up-enter-active.ss-select-dropdown-placement-bottomLeft,.ss-select-dropdown.ss-slide-up-appear.ss-slide-up-appear-active.ss-select-dropdown-placement-bottomLeft {
    animation-name: antSlideUpIn
}

.ss-select-dropdown.ss-slide-up-enter.ss-slide-up-enter-active.ss-select-dropdown-placement-topLeft,.ss-select-dropdown.ss-slide-up-appear.ss-slide-up-appear-active.ss-select-dropdown-placement-topLeft {
    animation-name: antSlideDownIn
}

.ss-select-dropdown.ss-slide-up-leave.ss-slide-up-leave-active.ss-select-dropdown-placement-bottomLeft {
    animation-name: antSlideUpOut
}

.ss-select-dropdown.ss-slide-up-leave.ss-slide-up-leave-active.ss-select-dropdown-placement-topLeft {
    animation-name: antSlideDownOut
}

.ss-select-dropdown-hidden {
    display: none
}

.ss-select-dropdown-empty {
    color: #00000040
}

.ss-select-item-empty {
    position: relative;
    display: block;
    min-height: 32px;
    padding: 5px 12px;
    color: #000000d9;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #00000040
}

.ss-select-item {
    position: relative;
    display: block;
    min-height: 32px;
    padding: 5px 12px;
    color: #000000d9;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
    transition: background .3s ease
}

.ss-select-item-group {
    color: #00000073;
    font-size: 12px;
    cursor: default
}

.ss-select-item-option {
    display: flex
}

.ss-select-item-option-content {
    flex: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ss-select-item-option-state {
    flex: none
}

.ss-select-item-option-active:not(.ss-select-item-option-disabled) {
    background-color: #f5f5f5
}

.ss-select-item-option-selected:not(.ss-select-item-option-disabled) {
    color: #000000d9;
    font-weight: 600;
    background-color: #f0f8ff
}

.ss-select-item-option-selected:not(.ss-select-item-option-disabled) .ss-select-item-option-state {
    color: var(--ss-primary-color)
}

.ss-select-item-option-disabled {
    color: #00000040;
    cursor: not-allowed
}

.ss-select-item-option-disabled.ss-select-item-option-selected {
    background-color: #f5f5f5
}

.ss-select-item-option-grouped {
    padding-left: 24px
}

.ss-select-lg {
    font-size: 16px
}

.ss-select-borderless .ss-select-selector {
    background-color: transparent!important;
    border-color: transparent!important;
    box-shadow: none!important
}

.ss-select-rtl {
    direction: rtl
}

.ss-select-rtl .ss-select-arrow,.ss-select-rtl .ss-select-clear {
    right: initial;
    left: 11px
}

.ss-select-dropdown-rtl {
    direction: rtl
}

.ss-select-dropdown-rtl .ss-select-item-option-grouped {
    padding-right: 24px;
    padding-left: 12px
}

.ss-select-rtl.ss-select-multiple.ss-select-show-arrow .ss-select-selector,.ss-select-rtl.ss-select-multiple.ss-select-allow-clear .ss-select-selector {
    padding-right: 4px;
    padding-left: 24px
}

.ss-select-rtl.ss-select-multiple .ss-select-selection-item {
    text-align: right
}

.ss-select-rtl.ss-select-multiple .ss-select-selection-item-content {
    margin-right: 0;
    margin-left: 4px;
    text-align: right
}

.ss-select-rtl.ss-select-multiple .ss-select-selection-search-mirror {
    right: 0;
    left: auto
}

.ss-select-rtl.ss-select-multiple .ss-select-selection-placeholder {
    right: 11px;
    left: auto
}

.ss-select-rtl.ss-select-multiple.ss-select-sm .ss-select-selection-placeholder {
    right: 7px
}

.ss-select-rtl.ss-select-single .ss-select-selector .ss-select-selection-item,.ss-select-rtl.ss-select-single .ss-select-selector .ss-select-selection-placeholder {
    right: 0;
    left: 9px;
    text-align: right
}

.ss-select-rtl.ss-select-single.ss-select-show-arrow .ss-select-selection-search {
    right: 11px;
    left: 25px
}

.ss-select-rtl.ss-select-single.ss-select-show-arrow .ss-select-selection-item,.ss-select-rtl.ss-select-single.ss-select-show-arrow .ss-select-selection-placeholder {
    padding-right: 0;
    padding-left: 18px
}

.ss-select-rtl.ss-select-single.ss-select-sm:not(.ss-select-customize-input).ss-select-show-arrow .ss-select-selection-search {
    right: 6px
}

.ss-select-rtl.ss-select-single.ss-select-sm:not(.ss-select-customize-input).ss-select-show-arrow .ss-select-selection-item,.ss-select-rtl.ss-select-single.ss-select-sm:not(.ss-select-customize-input).ss-select-show-arrow .ss-select-selection-placeholder {
    padding-right: 0;
    padding-left: 21px
}

.ss-skeleton {
    display: table;
    width: 100%
}

.ss-skeleton-header {
    display: table-cell;
    padding-right: 16px;
    vertical-align: top
}

.ss-skeleton-header .ss-skeleton-avatar {
    display: inline-block;
    vertical-align: top;
    background: #bebebe33;
    width: 32px;
    height: 32px;
    line-height: 32px
}

.ss-skeleton-header .ss-skeleton-avatar.ss-skeleton-avatar-circle {
    border-radius: 50%
}

.ss-skeleton-header .ss-skeleton-avatar-lg {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.ss-skeleton-header .ss-skeleton-avatar-lg.ss-skeleton-avatar-circle {
    border-radius: 50%
}

.ss-skeleton-header .ss-skeleton-avatar-sm {
    width: 24px;
    height: 24px;
    line-height: 24px
}

.ss-skeleton-header .ss-skeleton-avatar-sm.ss-skeleton-avatar-circle {
    border-radius: 50%
}

.ss-skeleton-content {
    display: table-cell;
    width: 100%;
    vertical-align: top
}

.ss-skeleton-content .ss-skeleton-title {
    width: 100%;
    height: 16px;
    margin-top: 16px;
    background: #bebebe33;
    border-radius: 4px
}

.ss-skeleton-content .ss-skeleton-title+.ss-skeleton-paragraph {
    margin-top: 24px
}

.ss-skeleton-content .ss-skeleton-paragraph {
    padding: 0
}

.ss-skeleton-content .ss-skeleton-paragraph>li {
    width: 100%;
    height: 16px;
    list-style: none;
    background: #bebebe33;
    border-radius: 4px
}

.ss-skeleton-content .ss-skeleton-paragraph>li:last-child:not(:first-child):not(:nth-child(2)) {
    width: 61%
}

.ss-skeleton-content .ss-skeleton-paragraph>li+li {
    margin-top: 16px
}

.ss-skeleton-with-avatar .ss-skeleton-content .ss-skeleton-title {
    margin-top: 12px
}

.ss-skeleton-with-avatar .ss-skeleton-content .ss-skeleton-title+.ss-skeleton-paragraph {
    margin-top: 28px
}

.ss-skeleton-round .ss-skeleton-content .ss-skeleton-title,.ss-skeleton-round .ss-skeleton-content .ss-skeleton-paragraph>li {
    border-radius: 100px
}

.ss-skeleton.ss-skeleton-active .ss-skeleton-content .ss-skeleton-title,.ss-skeleton.ss-skeleton-active .ss-skeleton-content .ss-skeleton-paragraph>li {
    background: linear-gradient(90deg,#bebebe33 25%,#8181813d 37%,#bebebe33 63%);
    background-size: 400% 100%;
    animation: ss-skeleton-loading 1.4s ease infinite
}

.ss-skeleton.ss-skeleton-active .ss-skeleton-avatar,.ss-skeleton.ss-skeleton-active .ss-skeleton-button,.ss-skeleton.ss-skeleton-active .ss-skeleton-input,.ss-skeleton.ss-skeleton-active .ss-skeleton-image {
    background: linear-gradient(90deg,#bebebe33 25%,#8181813d 37%,#bebebe33 63%);
    background-size: 400% 100%;
    animation: ss-skeleton-loading 1.4s ease infinite
}

.ss-skeleton.ss-skeleton-block,.ss-skeleton.ss-skeleton-block .ss-skeleton-button {
    width: 100%
}

.ss-skeleton-element {
    display: inline-block;
    width: auto
}

.ss-skeleton-element .ss-skeleton-button {
    display: inline-block;
    vertical-align: top;
    background: #bebebe33;
    border-radius: 2px;
    width: 64px;
    min-width: 64px;
    height: 32px;
    line-height: 32px
}

.ss-skeleton-element .ss-skeleton-button.ss-skeleton-button-circle {
    width: 32px;
    min-width: 32px;
    border-radius: 50%
}

.ss-skeleton-element .ss-skeleton-button.ss-skeleton-button-round {
    border-radius: 32px
}

.ss-skeleton-element .ss-skeleton-button-lg {
    width: 80px;
    min-width: 80px;
    height: 40px;
    line-height: 40px
}

.ss-skeleton-element .ss-skeleton-button-lg.ss-skeleton-button-circle {
    width: 40px;
    min-width: 40px;
    border-radius: 50%
}

.ss-skeleton-element .ss-skeleton-button-lg.ss-skeleton-button-round {
    border-radius: 40px
}

.ss-skeleton-element .ss-skeleton-button-sm {
    width: 48px;
    min-width: 48px;
    height: 24px;
    line-height: 24px
}

.ss-skeleton-element .ss-skeleton-button-sm.ss-skeleton-button-circle {
    width: 24px;
    min-width: 24px;
    border-radius: 50%
}

.ss-skeleton-element .ss-skeleton-button-sm.ss-skeleton-button-round {
    border-radius: 24px
}

.ss-skeleton-element .ss-skeleton-avatar {
    display: inline-block;
    vertical-align: top;
    background: #bebebe33;
    width: 32px;
    height: 32px;
    line-height: 32px
}

.ss-skeleton-element .ss-skeleton-avatar.ss-skeleton-avatar-circle {
    border-radius: 50%
}

.ss-skeleton-element .ss-skeleton-avatar-lg {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.ss-skeleton-element .ss-skeleton-avatar-lg.ss-skeleton-avatar-circle {
    border-radius: 50%
}

.ss-skeleton-element .ss-skeleton-avatar-sm {
    width: 24px;
    height: 24px;
    line-height: 24px
}

.ss-skeleton-element .ss-skeleton-avatar-sm.ss-skeleton-avatar-circle {
    border-radius: 50%
}

.ss-skeleton-element .ss-skeleton-input {
    display: inline-block;
    vertical-align: top;
    background: #bebebe33;
    width: 100%;
    height: 32px;
    line-height: 32px
}

.ss-skeleton-element .ss-skeleton-input-lg {
    width: 100%;
    height: 40px;
    line-height: 40px
}

.ss-skeleton-element .ss-skeleton-input-sm {
    width: 100%;
    height: 24px;
    line-height: 24px
}

.ss-skeleton-element .ss-skeleton-image {
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    background: #bebebe33;
    width: 96px;
    height: 96px;
    line-height: 96px
}

.ss-skeleton-element .ss-skeleton-image.ss-skeleton-image-circle {
    border-radius: 50%
}

.ss-skeleton-element .ss-skeleton-image-path {
    fill: #bfbfbf
}

.ss-skeleton-element .ss-skeleton-image-svg {
    width: 48px;
    height: 48px;
    line-height: 48px;
    max-width: 192px;
    max-height: 192px
}

.ss-skeleton-element .ss-skeleton-image-svg.ss-skeleton-image-circle {
    border-radius: 50%
}

@keyframes ss-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.ss-skeleton-rtl {
    direction: rtl
}

.ss-skeleton-rtl .ss-skeleton-header {
    padding-right: 0;
    padding-left: 16px
}

.ss-skeleton-rtl.ss-skeleton.ss-skeleton-active .ss-skeleton-content .ss-skeleton-title,.ss-skeleton-rtl.ss-skeleton.ss-skeleton-active .ss-skeleton-content .ss-skeleton-paragraph>li {
    animation-name: ss-skeleton-loading-rtl
}

.ss-skeleton-rtl.ss-skeleton.ss-skeleton-active .ss-skeleton-avatar {
    animation-name: ss-skeleton-loading-rtl
}

@keyframes ss-skeleton-loading-rtl {
    0% {
        background-position: 0% 50%
    }

    to {
        background-position: 100% 50%
    }
}

.ss-slider {
    box-sizing: border-box;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    height: 12px;
    margin: 10px 6px;
    padding: 4px 0;
    cursor: pointer;
    touch-action: none
}

.ss-slider-vertical {
    width: 12px;
    height: 100%;
    margin: 6px 10px;
    padding: 0 4px
}

.ss-slider-vertical .ss-slider-rail {
    width: 4px;
    height: 100%
}

.ss-slider-vertical .ss-slider-track {
    width: 4px
}

.ss-slider-vertical .ss-slider-handle {
    margin-top: -6px;
    margin-left: -5px
}

.ss-slider-vertical .ss-slider-mark {
    top: 0;
    left: 12px;
    width: 18px;
    height: 100%
}

.ss-slider-vertical .ss-slider-mark-text {
    left: 4px;
    white-space: nowrap
}

.ss-slider-vertical .ss-slider-step {
    width: 4px;
    height: 100%
}

.ss-slider-vertical .ss-slider-dot {
    top: auto;
    left: 2px;
    margin-bottom: -4px
}

.ss-slider-tooltip .ss-tooltip-inner {
    min-width: unset
}

.ss-slider-rtl.ss-slider-vertical .ss-slider-handle {
    margin-right: -5px;
    margin-left: 0
}

.ss-slider-rtl.ss-slider-vertical .ss-slider-mark {
    right: 12px;
    left: auto
}

.ss-slider-rtl.ss-slider-vertical .ss-slider-mark-text {
    right: 4px;
    left: auto
}

.ss-slider-rtl.ss-slider-vertical .ss-slider-dot {
    right: 2px;
    left: auto
}

.ss-slider-with-marks {
    margin-bottom: 28px
}

.ss-slider-rail {
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #f5f5f5;
    border-radius: 2px;
    transition: background-color .3s
}

.ss-slider-track {
    position: absolute;
    height: 4px;
    background-color: var(--ss-primary-3);
    border-radius: 2px;
    transition: background-color .3s
}

.ss-slider-handle {
    position: absolute;
    width: 14px;
    height: 14px;
    margin-top: -5px;
    background-color: #fff;
    border: solid 2px var(--ss-primary-3);
    border-radius: 50%;
    box-shadow: 0;
    cursor: pointer;
    transition: border-color .3s,box-shadow .6s,transform .3s cubic-bezier(.18,.89,.32,1.28)
}

.ss-slider-handle-dragging.ss-slider-handle-dragging.ss-slider-handle-dragging {
    border-color: var(--ss-primary-color-deprecated-t-20);
    box-shadow: 0 0 0 5px var(--ss-primary-color-deprecated-f-12)
}

.ss-slider-handle:focus {
    border-color: var(--ss-primary-color-deprecated-t-20);
    outline: none;
    box-shadow: 0 0 0 5px var(--ss-primary-color-deprecated-f-12)
}

.ss-slider-handle.ss-tooltip-open {
    border-color: var(--ss-primary-color)
}

.ss-slider:hover .ss-slider-rail {
    background-color: #e1e1e1
}

.ss-slider:hover .ss-slider-track {
    background-color: var(--ss-primary-4)
}

.ss-slider:hover .ss-slider-handle:not(.ss-tooltip-open) {
    border-color: var(--ss-primary-4)
}

.ss-slider-mark {
    position: absolute;
    top: 14px;
    left: 0;
    width: 100%;
    font-size: 14px
}

.ss-slider-mark-text {
    position: absolute;
    display: inline-block;
    color: #00000073;
    text-align: center;
    word-break: keep-all;
    cursor: pointer;
    user-select: none
}

.ss-slider-mark-text-active {
    color: #000000d9
}

.ss-slider-step {
    position: absolute;
    width: 100%;
    height: 4px;
    background: transparent
}

.ss-slider-dot {
    position: absolute;
    top: -2px;
    width: 8px;
    height: 8px;
    margin-left: -4px;
    background-color: #fff;
    border: 2px solid #f0f0f0;
    border-radius: 50%;
    cursor: pointer
}

.ss-slider-dot:first-child {
    margin-left: -4px
}

.ss-slider-dot:last-child {
    margin-left: -4px
}

.ss-slider-dot-active {
    border-color: var(--ss-primary-color-deprecated-t-50)
}

.ss-slider-disabled {
    cursor: not-allowed
}

.ss-slider-disabled .ss-slider-rail {
    background-color: #f5f5f5!important
}

.ss-slider-disabled .ss-slider-track {
    background-color: #00000040!important
}

.ss-slider-disabled .ss-slider-handle,.ss-slider-disabled .ss-slider-dot {
    background-color: #fff;
    border-color: #00000040!important;
    box-shadow: none;
    cursor: not-allowed
}

.ss-slider-disabled .ss-slider-mark-text,.ss-slider-disabled .ss-slider-dot {
    cursor: not-allowed!important
}

.ss-slider-rtl {
    direction: rtl
}

.ss-slider-rtl .ss-slider-mark {
    right: 0;
    left: auto
}

.ss-slider-rtl .ss-slider-dot,.ss-slider-rtl .ss-slider-dot:first-child {
    margin-right: -4px;
    margin-left: 0
}

.ss-slider-rtl .ss-slider-dot:last-child {
    margin-right: -4px;
    margin-left: 0
}

.ss-space {
    display: inline-flex
}

.ss-space-vertical {
    flex-direction: column
}

.ss-space-align-center {
    align-items: center
}

.ss-space-align-start {
    align-items: flex-start
}

.ss-space-align-end {
    align-items: flex-end
}

.ss-space-align-baseline {
    align-items: baseline
}

.ss-space-item:empty {
    display: none
}

.ss-space-rtl {
    direction: rtl
}

.ss-spin {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    display: none;
    color: var(--ss-primary-color);
    text-align: center;
    vertical-align: middle;
    opacity: 0;
    transition: transform .3s cubic-bezier(.78,.14,.15,.86)
}

.ss-spin-spinning {
    position: static;
    display: inline-block;
    opacity: 1
}

.ss-spin-nested-loading {
    position: relative
}

.ss-spin-nested-loading>div>.ss-spin {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 400px
}

.ss-spin-nested-loading>div>.ss-spin .ss-spin-dot {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px
}

.ss-spin-nested-loading>div>.ss-spin .ss-spin-text {
    position: absolute;
    top: 50%;
    width: 100%;
    padding-top: 5px;
    text-shadow: 0 1px 2px #fff
}

.ss-spin-nested-loading>div>.ss-spin.ss-spin-show-text .ss-spin-dot {
    margin-top: -20px
}

.ss-spin-nested-loading>div>.ss-spin-sm .ss-spin-dot {
    margin: -7px
}

.ss-spin-nested-loading>div>.ss-spin-sm .ss-spin-text {
    padding-top: 2px
}

.ss-spin-nested-loading>div>.ss-spin-sm.ss-spin-show-text .ss-spin-dot {
    margin-top: -17px
}

.ss-spin-nested-loading>div>.ss-spin-lg .ss-spin-dot {
    margin: -16px
}

.ss-spin-nested-loading>div>.ss-spin-lg .ss-spin-text {
    padding-top: 11px
}

.ss-spin-nested-loading>div>.ss-spin-lg.ss-spin-show-text .ss-spin-dot {
    margin-top: -26px
}

.ss-spin-container {
    position: relative;
    transition: opacity .3s
}

.ss-spin-container:after {
    position: absolute;
    inset: 0;
    z-index: 10;
    display: none \ ;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transition: all .3s;
    content: "";
    pointer-events: none
}

.ss-spin-blur {
    clear: both;
    opacity: .5;
    user-select: none;
    pointer-events: none
}

.ss-spin-blur:after {
    opacity: .4;
    pointer-events: auto
}

.ss-spin-tip {
    color: #00000073
}

.ss-spin-dot {
    position: relative;
    display: inline-block;
    font-size: 20px;
    width: 1em;
    height: 1em
}

.ss-spin-dot-item {
    position: absolute;
    display: block;
    width: 9px;
    height: 9px;
    background-color: var(--ss-primary-color);
    border-radius: 100%;
    transform: scale(.75);
    transform-origin: 50% 50%;
    opacity: .3;
    animation: antSpinMove 1s infinite linear alternate
}

.ss-spin-dot-item:nth-child(1) {
    top: 0;
    left: 0
}

.ss-spin-dot-item:nth-child(2) {
    top: 0;
    right: 0;
    animation-delay: .4s
}

.ss-spin-dot-item:nth-child(3) {
    right: 0;
    bottom: 0;
    animation-delay: .8s
}

.ss-spin-dot-item:nth-child(4) {
    bottom: 0;
    left: 0;
    animation-delay: 1.2s
}

.ss-spin-dot-spin {
    transform: rotate(45deg);
    animation: antRotate 1.2s infinite linear
}

.ss-spin-sm .ss-spin-dot {
    font-size: 14px
}

.ss-spin-sm .ss-spin-dot i {
    width: 6px;
    height: 6px
}

.ss-spin-lg .ss-spin-dot {
    font-size: 32px
}

.ss-spin-lg .ss-spin-dot i {
    width: 14px;
    height: 14px
}

.ss-spin.ss-spin-show-text .ss-spin-text {
    display: block
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .ss-spin-blur {
        background: #fff;
        opacity: .5
    }
}

@keyframes antSpinMove {
    to {
        opacity: 1
    }
}

@keyframes antRotate {
    to {
        transform: rotate(405deg)
    }
}

.ss-spin-rtl {
    direction: rtl
}

.ss-spin-rtl .ss-spin-dot-spin {
    transform: rotate(-45deg);
    animation-name: antRotateRtl
}

@keyframes antRotateRtl {
    to {
        transform: rotate(-405deg)
    }
}

.ss-statistic {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum"
}

.ss-statistic-title {
    margin-bottom: 4px;
    color: #00000073;
    font-size: 14px
}

.ss-statistic-content {
    color: #000000d9;
    font-size: 24px;
    font-family: ""
}

.ss-statistic-content-value {
    display: inline-block;
    direction: ltr
}

.ss-statistic-content-prefix,.ss-statistic-content-suffix {
    display: inline-block
}

.ss-statistic-content-prefix {
    margin-right: 4px
}

.ss-statistic-content-suffix {
    margin-left: 4px
}

.ss-statistic-rtl {
    direction: rtl
}

.ss-statistic-rtl .ss-statistic-content-prefix {
    margin-right: 0;
    margin-left: 4px
}

.ss-statistic-rtl .ss-statistic-content-suffix {
    margin-right: 4px;
    margin-left: 0
}

.ss-steps {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: flex;
    width: 100%;
    font-size: 0;
    text-align: initial
}

.ss-steps-item {
    position: relative;
    display: inline-block;
    flex: 1;
    overflow: hidden;
    vertical-align: top
}

.ss-steps-item-container {
    outline: none
}

.ss-steps-item:last-child {
    flex: none
}

.ss-steps-item:last-child>.ss-steps-item-container>.ss-steps-item-tail,.ss-steps-item:last-child>.ss-steps-item-container>.ss-steps-item-content>.ss-steps-item-title:after {
    display: none
}

.ss-steps-item-icon,.ss-steps-item-content {
    display: inline-block;
    vertical-align: top
}

.ss-steps-item-icon {
    width: 32px;
    height: 32px;
    margin: 0 8px 0 0;
    font-size: 16px;
    font-family: "";
    line-height: 32px;
    text-align: center;
    border: 1px solid rgba(0,0,0,.25);
    border-radius: 32px;
    transition: background-color .3s,border-color .3s
}

.ss-steps-item-icon .ss-steps-icon {
    position: relative;
    top: -.5px;
    color: var(--ss-primary-color);
    line-height: 1
}

.ss-steps-item-tail {
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    padding: 0 10px
}

.ss-steps-item-tail:after {
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #f0f0f0;
    border-radius: 1px;
    transition: background .3s;
    content: ""
}

.ss-steps-item-title {
    position: relative;
    display: inline-block;
    padding-right: 16px;
    color: #000000d9;
    font-size: 16px;
    line-height: 32px
}

.ss-steps-item-title:after {
    position: absolute;
    top: 16px;
    left: 100%;
    display: block;
    width: 9999px;
    height: 1px;
    background: #f0f0f0;
    content: ""
}

.ss-steps-item-subtitle {
    display: inline;
    margin-left: 8px;
    color: #00000073;
    font-weight: 400;
    font-size: 14px
}

.ss-steps-item-description {
    color: #00000073;
    font-size: 14px
}

.ss-steps-item-wait .ss-steps-item-icon {
    background-color: #fff;
    border-color: #00000040
}

.ss-steps-item-wait .ss-steps-item-icon>.ss-steps-icon {
    color: #00000040
}

.ss-steps-item-wait .ss-steps-item-icon>.ss-steps-icon .ss-steps-icon-dot {
    background: #00000040
}

.ss-steps-item-wait>.ss-steps-item-container>.ss-steps-item-content>.ss-steps-item-title {
    color: #00000073
}

.ss-steps-item-wait>.ss-steps-item-container>.ss-steps-item-content>.ss-steps-item-title:after {
    background-color: #f0f0f0
}

.ss-steps-item-wait>.ss-steps-item-container>.ss-steps-item-content>.ss-steps-item-description {
    color: #00000073
}

.ss-steps-item-wait>.ss-steps-item-container>.ss-steps-item-tail:after {
    background-color: #f0f0f0
}

.ss-steps-item-process .ss-steps-item-icon {
    background-color: #fff;
    border-color: var(--ss-primary-color)
}

.ss-steps-item-process .ss-steps-item-icon>.ss-steps-icon {
    color: var(--ss-primary-color)
}

.ss-steps-item-process .ss-steps-item-icon>.ss-steps-icon .ss-steps-icon-dot {
    background: var(--ss-primary-color)
}

.ss-steps-item-process>.ss-steps-item-container>.ss-steps-item-content>.ss-steps-item-title {
    color: #000000d9
}

.ss-steps-item-process>.ss-steps-item-container>.ss-steps-item-content>.ss-steps-item-title:after {
    background-color: #f0f0f0
}

.ss-steps-item-process>.ss-steps-item-container>.ss-steps-item-content>.ss-steps-item-description {
    color: #000000d9
}

.ss-steps-item-process>.ss-steps-item-container>.ss-steps-item-tail:after {
    background-color: #f0f0f0
}

.ss-steps-item-process>.ss-steps-item-container>.ss-steps-item-icon {
    background: var(--ss-primary-color)
}

.ss-steps-item-process>.ss-steps-item-container>.ss-steps-item-icon .ss-steps-icon {
    color: #fff
}

.ss-steps-item-process>.ss-steps-item-container>.ss-steps-item-title {
    font-weight: 500
}

.ss-steps-item-finish .ss-steps-item-icon {
    background-color: #fff;
    border-color: var(--ss-primary-color)
}

.ss-steps-item-finish .ss-steps-item-icon>.ss-steps-icon {
    color: var(--ss-primary-color)
}

.ss-steps-item-finish .ss-steps-item-icon>.ss-steps-icon .ss-steps-icon-dot {
    background: var(--ss-primary-color)
}

.ss-steps-item-finish>.ss-steps-item-container>.ss-steps-item-content>.ss-steps-item-title {
    color: #000000d9
}

.ss-steps-item-finish>.ss-steps-item-container>.ss-steps-item-content>.ss-steps-item-title:after {
    background-color: var(--ss-primary-color)
}

.ss-steps-item-finish>.ss-steps-item-container>.ss-steps-item-content>.ss-steps-item-description {
    color: #00000073
}

.ss-steps-item-finish>.ss-steps-item-container>.ss-steps-item-tail:after {
    background-color: var(--ss-primary-color)
}

.ss-steps-item-error .ss-steps-item-icon {
    background-color: #fff;
    border-color: var(--ss-error-color)
}

.ss-steps-item-error .ss-steps-item-icon>.ss-steps-icon {
    color: var(--ss-error-color)
}

.ss-steps-item-error .ss-steps-item-icon>.ss-steps-icon .ss-steps-icon-dot {
    background: var(--ss-error-color)
}

.ss-steps-item-error>.ss-steps-item-container>.ss-steps-item-content>.ss-steps-item-title {
    color: var(--ss-error-color)
}

.ss-steps-item-error>.ss-steps-item-container>.ss-steps-item-content>.ss-steps-item-title:after {
    background-color: #f0f0f0
}

.ss-steps-item-error>.ss-steps-item-container>.ss-steps-item-content>.ss-steps-item-description {
    color: var(--ss-error-color)
}

.ss-steps-item-error>.ss-steps-item-container>.ss-steps-item-tail:after {
    background-color: #f0f0f0
}

.ss-steps-item.ss-steps-next-error .ss-steps-item-title:after {
    background: var(--ss-error-color)
}

.ss-steps-item-disabled {
    cursor: not-allowed
}

.ss-steps .ss-steps-item:not(.ss-steps-item-active)>.ss-steps-item-container[role=button] {
    cursor: pointer
}

.ss-steps .ss-steps-item:not(.ss-steps-item-active)>.ss-steps-item-container[role=button] .ss-steps-item-title,.ss-steps .ss-steps-item:not(.ss-steps-item-active)>.ss-steps-item-container[role=button] .ss-steps-item-subtitle,.ss-steps .ss-steps-item:not(.ss-steps-item-active)>.ss-steps-item-container[role=button] .ss-steps-item-description,.ss-steps .ss-steps-item:not(.ss-steps-item-active)>.ss-steps-item-container[role=button] .ss-steps-item-icon .ss-steps-icon {
    transition: color .3s
}

.ss-steps .ss-steps-item:not(.ss-steps-item-active)>.ss-steps-item-container[role=button]:hover .ss-steps-item-title,.ss-steps .ss-steps-item:not(.ss-steps-item-active)>.ss-steps-item-container[role=button]:hover .ss-steps-item-subtitle,.ss-steps .ss-steps-item:not(.ss-steps-item-active)>.ss-steps-item-container[role=button]:hover .ss-steps-item-description {
    color: var(--ss-primary-color)
}

.ss-steps .ss-steps-item:not(.ss-steps-item-active):not(.ss-steps-item-process)>.ss-steps-item-container[role=button]:hover .ss-steps-item-icon {
    border-color: var(--ss-primary-color)
}

.ss-steps .ss-steps-item:not(.ss-steps-item-active):not(.ss-steps-item-process)>.ss-steps-item-container[role=button]:hover .ss-steps-item-icon .ss-steps-icon {
    color: var(--ss-primary-color)
}

.ss-steps-horizontal:not(.ss-steps-label-vertical) .ss-steps-item {
    padding-left: 16px;
    white-space: nowrap
}

.ss-steps-horizontal:not(.ss-steps-label-vertical) .ss-steps-item:first-child {
    padding-left: 0
}

.ss-steps-horizontal:not(.ss-steps-label-vertical) .ss-steps-item:last-child .ss-steps-item-title {
    padding-right: 0
}

.ss-steps-horizontal:not(.ss-steps-label-vertical) .ss-steps-item-tail {
    display: none
}

.ss-steps-horizontal:not(.ss-steps-label-vertical) .ss-steps-item-description {
    max-width: 140px;
    white-space: normal
}

.ss-steps-item-custom>.ss-steps-item-container>.ss-steps-item-icon {
    height: auto;
    background: none;
    border: 0
}

.ss-steps-item-custom>.ss-steps-item-container>.ss-steps-item-icon>.ss-steps-icon {
    top: 0;
    left: .5px;
    width: 32px;
    height: 32px;
    font-size: 24px;
    line-height: 32px
}

.ss-steps-item-custom.ss-steps-item-process .ss-steps-item-icon>.ss-steps-icon {
    color: var(--ss-primary-color)
}

.ss-steps:not(.ss-steps-vertical) .ss-steps-item-custom .ss-steps-item-icon {
    width: auto;
    background: none
}

.ss-steps-small.ss-steps-horizontal:not(.ss-steps-label-vertical) .ss-steps-item {
    padding-left: 12px
}

.ss-steps-small.ss-steps-horizontal:not(.ss-steps-label-vertical) .ss-steps-item:first-child {
    padding-left: 0
}

.ss-steps-small .ss-steps-item-icon {
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    border-radius: 24px
}

.ss-steps-small .ss-steps-item-title {
    padding-right: 12px;
    font-size: 14px;
    line-height: 24px
}

.ss-steps-small .ss-steps-item-title:after {
    top: 12px
}

.ss-steps-small .ss-steps-item-description {
    color: #00000073;
    font-size: 14px
}

.ss-steps-small .ss-steps-item-tail {
    top: 8px
}

.ss-steps-small .ss-steps-item-custom .ss-steps-item-icon {
    width: inherit;
    height: inherit;
    line-height: inherit;
    background: none;
    border: 0;
    border-radius: 0
}

.ss-steps-small .ss-steps-item-custom .ss-steps-item-icon>.ss-steps-icon {
    font-size: 24px;
    line-height: 24px;
    transform: none
}

.ss-steps-vertical {
    display: flex;
    flex-direction: column
}

.ss-steps-vertical>.ss-steps-item {
    display: block;
    flex: 1 0 auto;
    padding-left: 0;
    overflow: visible
}

.ss-steps-vertical>.ss-steps-item .ss-steps-item-icon {
    float: left;
    margin-right: 16px
}

.ss-steps-vertical>.ss-steps-item .ss-steps-item-content {
    display: block;
    min-height: 48px;
    overflow: hidden
}

.ss-steps-vertical>.ss-steps-item .ss-steps-item-title {
    line-height: 32px
}

.ss-steps-vertical>.ss-steps-item .ss-steps-item-description {
    padding-bottom: 12px
}

.ss-steps-vertical>.ss-steps-item>.ss-steps-item-container>.ss-steps-item-tail {
    position: absolute;
    top: 0;
    left: 16px;
    width: 1px;
    height: 100%;
    padding: 38px 0 6px
}

.ss-steps-vertical>.ss-steps-item>.ss-steps-item-container>.ss-steps-item-tail:after {
    width: 1px;
    height: 100%
}

.ss-steps-vertical>.ss-steps-item:not(:last-child)>.ss-steps-item-container>.ss-steps-item-tail {
    display: block
}

.ss-steps-vertical>.ss-steps-item>.ss-steps-item-container>.ss-steps-item-content>.ss-steps-item-title:after {
    display: none
}

.ss-steps-vertical.ss-steps-small .ss-steps-item-container .ss-steps-item-tail {
    position: absolute;
    top: 0;
    left: 12px;
    padding: 30px 0 6px
}

.ss-steps-vertical.ss-steps-small .ss-steps-item-container .ss-steps-item-title {
    line-height: 24px
}

.ss-steps-label-vertical .ss-steps-item {
    overflow: visible
}

.ss-steps-label-vertical .ss-steps-item-tail {
    margin-left: 58px;
    padding: 3.5px 24px
}

.ss-steps-label-vertical .ss-steps-item-content {
    display: block;
    width: 116px;
    margin-top: 8px;
    text-align: center
}

.ss-steps-label-vertical .ss-steps-item-icon {
    display: inline-block;
    margin-left: 42px
}

.ss-steps-label-vertical .ss-steps-item-title {
    padding-right: 0;
    padding-left: 0
}

.ss-steps-label-vertical .ss-steps-item-title:after {
    display: none
}

.ss-steps-label-vertical .ss-steps-item-subtitle {
    display: block;
    margin-bottom: 4px;
    margin-left: 0;
    line-height: 1.5715
}

.ss-steps-label-vertical.ss-steps-small:not(.ss-steps-dot) .ss-steps-item-icon {
    margin-left: 46px
}

.ss-steps-dot .ss-steps-item-title,.ss-steps-dot.ss-steps-small .ss-steps-item-title {
    line-height: 1.5715
}

.ss-steps-dot .ss-steps-item-tail,.ss-steps-dot.ss-steps-small .ss-steps-item-tail {
    top: 2px;
    width: 100%;
    margin: 0 0 0 70px;
    padding: 0
}

.ss-steps-dot .ss-steps-item-tail:after,.ss-steps-dot.ss-steps-small .ss-steps-item-tail:after {
    width: calc(100% - 20px);
    height: 3px;
    margin-left: 12px
}

.ss-steps-dot .ss-steps-item:first-child .ss-steps-icon-dot,.ss-steps-dot.ss-steps-small .ss-steps-item:first-child .ss-steps-icon-dot {
    left: 2px
}

.ss-steps-dot .ss-steps-item-icon,.ss-steps-dot.ss-steps-small .ss-steps-item-icon {
    width: 8px;
    height: 8px;
    margin-left: 67px;
    padding-right: 0;
    line-height: 8px;
    background: transparent;
    border: 0
}

.ss-steps-dot .ss-steps-item-icon .ss-steps-icon-dot,.ss-steps-dot.ss-steps-small .ss-steps-item-icon .ss-steps-icon-dot {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    transition: all .3s
}

.ss-steps-dot .ss-steps-item-icon .ss-steps-icon-dot:after,.ss-steps-dot.ss-steps-small .ss-steps-item-icon .ss-steps-icon-dot:after {
    position: absolute;
    top: -12px;
    left: -26px;
    width: 60px;
    height: 32px;
    background: #0000;
    content: ""
}

.ss-steps-dot .ss-steps-item-content,.ss-steps-dot.ss-steps-small .ss-steps-item-content {
    width: 140px
}

.ss-steps-dot .ss-steps-item-process .ss-steps-item-icon,.ss-steps-dot.ss-steps-small .ss-steps-item-process .ss-steps-item-icon {
    position: relative;
    top: -1px;
    width: 10px;
    height: 10px;
    line-height: 10px;
    background: none
}

.ss-steps-dot .ss-steps-item-process .ss-steps-icon:first-child .ss-steps-icon-dot,.ss-steps-dot.ss-steps-small .ss-steps-item-process .ss-steps-icon:first-child .ss-steps-icon-dot {
    left: 0
}

.ss-steps-vertical.ss-steps-dot .ss-steps-item-icon {
    margin-top: 13px;
    margin-left: 0;
    background: none
}

.ss-steps-vertical.ss-steps-dot .ss-steps-item>.ss-steps-item-container>.ss-steps-item-tail {
    top: 6.5px;
    left: -9px;
    margin: 0;
    padding: 22px 0 4px
}

.ss-steps-vertical.ss-steps-dot .ss-steps-item:first-child .ss-steps-icon-dot {
    left: 0
}

.ss-steps-vertical.ss-steps-dot .ss-steps-item-content {
    width: inherit
}

.ss-steps-vertical.ss-steps-dot .ss-steps-item-process .ss-steps-item-container .ss-steps-item-icon .ss-steps-icon-dot {
    top: -1px;
    left: -1px
}

.ss-steps-navigation {
    padding-top: 12px
}

.ss-steps-navigation.ss-steps-small .ss-steps-item-container {
    margin-left: -12px
}

.ss-steps-navigation .ss-steps-item {
    overflow: visible;
    text-align: center
}

.ss-steps-navigation .ss-steps-item-container {
    display: inline-block;
    height: 100%;
    margin-left: -16px;
    padding-bottom: 12px;
    text-align: left;
    transition: opacity .3s
}

.ss-steps-navigation .ss-steps-item-container .ss-steps-item-content {
    max-width: auto
}

.ss-steps-navigation .ss-steps-item-container .ss-steps-item-title {
    max-width: 100%;
    padding-right: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ss-steps-navigation .ss-steps-item-container .ss-steps-item-title:after {
    display: none
}

.ss-steps-navigation .ss-steps-item:not(.ss-steps-item-active) .ss-steps-item-container[role=button] {
    cursor: pointer
}

.ss-steps-navigation .ss-steps-item:not(.ss-steps-item-active) .ss-steps-item-container[role=button]:hover {
    opacity: .85
}

.ss-steps-navigation .ss-steps-item:last-child {
    flex: 1
}

.ss-steps-navigation .ss-steps-item:last-child:after {
    display: none
}

.ss-steps-navigation .ss-steps-item:after {
    position: absolute;
    top: 50%;
    left: 100%;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-top: -14px;
    margin-left: -2px;
    border: 1px solid rgba(0,0,0,.25);
    border-bottom: none;
    border-left: none;
    transform: rotate(45deg);
    content: ""
}

.ss-steps-navigation .ss-steps-item:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: inline-block;
    width: 0;
    height: 2px;
    background-color: var(--ss-primary-color);
    transition: width .3s,left .3s;
    transition-timing-function: ease-out;
    content: ""
}

.ss-steps-navigation .ss-steps-item.ss-steps-item-active:before {
    left: 0;
    width: 100%
}

.ss-steps-navigation.ss-steps-vertical>.ss-steps-item {
    margin-right: 0!important
}

.ss-steps-navigation.ss-steps-vertical>.ss-steps-item:before {
    display: none
}

.ss-steps-navigation.ss-steps-vertical>.ss-steps-item.ss-steps-item-active:before {
    top: 0;
    right: 0;
    left: unset;
    display: block;
    width: 3px;
    height: calc(100% - 24px)
}

.ss-steps-navigation.ss-steps-vertical>.ss-steps-item:after {
    position: relative;
    top: -2px;
    left: 50%;
    display: block;
    width: 8px;
    height: 8px;
    margin-bottom: 8px;
    text-align: center;
    transform: rotate(135deg)
}

.ss-steps-navigation.ss-steps-vertical>.ss-steps-item>.ss-steps-item-container>.ss-steps-item-tail {
    visibility: hidden
}

.ss-steps-navigation.ss-steps-horizontal>.ss-steps-item>.ss-steps-item-container>.ss-steps-item-tail {
    visibility: hidden
}

.ss-steps-rtl {
    direction: rtl
}

.ss-steps.ss-steps-rtl .ss-steps-item-icon {
    margin-right: 0;
    margin-left: 8px
}

.ss-steps-rtl .ss-steps-item-tail {
    right: 0;
    left: auto
}

.ss-steps-rtl .ss-steps-item-title {
    padding-right: 0;
    padding-left: 16px
}

.ss-steps-rtl .ss-steps-item-title:after {
    right: 100%;
    left: auto
}

.ss-steps-rtl.ss-steps-horizontal:not(.ss-steps-label-vertical) .ss-steps-item {
    padding-right: 16px;
    padding-left: 0
}

.ss-steps-rtl.ss-steps-horizontal:not(.ss-steps-label-vertical) .ss-steps-item:first-child {
    padding-right: 0
}

.ss-steps-rtl.ss-steps-horizontal:not(.ss-steps-label-vertical) .ss-steps-item:last-child .ss-steps-item-title {
    padding-left: 0
}

.ss-steps-rtl .ss-steps-item-custom .ss-steps-item-icon>.ss-steps-icon {
    right: .5px;
    left: auto
}

.ss-steps-rtl.ss-steps-navigation.ss-steps-small .ss-steps-item-container {
    margin-right: -12px;
    margin-left: 0
}

.ss-steps-rtl.ss-steps-navigation .ss-steps-item-container {
    margin-right: -16px;
    margin-left: 0;
    text-align: right
}

.ss-steps-rtl.ss-steps-navigation .ss-steps-item-container .ss-steps-item-title {
    padding-left: 0
}

.ss-steps-rtl.ss-steps-navigation .ss-steps-item:after {
    right: 100%;
    left: auto;
    margin-right: -2px;
    margin-left: 0;
    transform: rotate(225deg)
}

.ss-steps-rtl.ss-steps-small.ss-steps-horizontal:not(.ss-steps-label-vertical) .ss-steps-item {
    padding-right: 12px;
    padding-left: 0
}

.ss-steps-rtl.ss-steps-small.ss-steps-horizontal:not(.ss-steps-label-vertical) .ss-steps-item:first-child {
    padding-right: 0
}

.ss-steps-rtl.ss-steps-small .ss-steps-item-title {
    padding-right: 0;
    padding-left: 12px
}

.ss-steps-rtl.ss-steps-vertical>.ss-steps-item .ss-steps-item-icon {
    float: right;
    margin-right: 0;
    margin-left: 16px
}

.ss-steps-rtl.ss-steps-vertical>.ss-steps-item>.ss-steps-item-container>.ss-steps-item-tail {
    right: 16px;
    left: auto
}

.ss-steps-rtl.ss-steps-vertical.ss-steps-small .ss-steps-item-container .ss-steps-item-tail {
    right: 12px;
    left: auto
}

.ss-steps-rtl.ss-steps-label-vertical .ss-steps-item-title {
    padding-left: 0
}

.ss-steps-rtl.ss-steps-dot .ss-steps-item-tail,.ss-steps-rtl.ss-steps-dot.ss-steps-small .ss-steps-item-tail {
    margin: 0 70px 0 0
}

.ss-steps-rtl.ss-steps-dot .ss-steps-item-tail:after,.ss-steps-rtl.ss-steps-dot.ss-steps-small .ss-steps-item-tail:after {
    margin-right: 12px;
    margin-left: 0
}

.ss-steps-rtl.ss-steps-dot .ss-steps-item:first-child .ss-steps-icon-dot,.ss-steps-rtl.ss-steps-dot.ss-steps-small .ss-steps-item:first-child .ss-steps-icon-dot {
    right: 2px;
    left: auto
}

.ss-steps-rtl.ss-steps-dot .ss-steps-item-icon,.ss-steps-rtl.ss-steps-dot.ss-steps-small .ss-steps-item-icon {
    margin-right: 67px;
    margin-left: 0
}

.ss-steps-rtl.ss-steps-dot .ss-steps-item-icon .ss-steps-icon-dot,.ss-steps-rtl.ss-steps-dot.ss-steps-small .ss-steps-item-icon .ss-steps-icon-dot {
    float: right
}

.ss-steps-rtl.ss-steps-dot .ss-steps-item-icon .ss-steps-icon-dot:after,.ss-steps-rtl.ss-steps-dot.ss-steps-small .ss-steps-item-icon .ss-steps-icon-dot:after {
    right: -26px;
    left: auto
}

.ss-steps-rtl.ss-steps-vertical.ss-steps-dot .ss-steps-item-icon {
    margin-right: 0;
    margin-left: 16px
}

.ss-steps-rtl.ss-steps-vertical.ss-steps-dot .ss-steps-item>.ss-steps-item-container>.ss-steps-item-tail {
    right: -9px;
    left: auto
}

.ss-steps-rtl.ss-steps-vertical.ss-steps-dot .ss-steps-item:first-child .ss-steps-icon-dot {
    right: 0;
    left: auto
}

.ss-steps-rtl.ss-steps-vertical.ss-steps-dot .ss-steps-item-process .ss-steps-icon-dot {
    right: -2px;
    left: auto
}

.ss-steps-rtl.ss-steps-with-progress.ss-steps-horizontal.ss-steps-label-horizontal .ss-steps-item:first-child.ss-steps-item-active {
    padding-right: 4px
}

.ss-steps-with-progress .ss-steps-item {
    padding-top: 4px
}

.ss-steps-with-progress .ss-steps-item .ss-steps-item-tail {
    top: 4px!important
}

.ss-steps-with-progress.ss-steps-horizontal .ss-steps-item:first-child {
    padding-bottom: 4px;
    padding-left: 4px
}

.ss-steps-with-progress .ss-steps-item-icon {
    position: relative
}

.ss-steps-with-progress .ss-steps-item-icon .ss-progress {
    position: absolute;
    inset: -5px
}

.ss-switch {
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 44px;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    background-color: #00000040;
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    transition: all .2s;
    user-select: none
}

.ss-switch:focus {
    outline: 0;
    box-shadow: 0 0 0 2px #0000001a
}

.ss-switch-checked:focus {
    box-shadow: 0 0 0 2px #f0f8ff
}

.ss-switch:focus:hover {
    box-shadow: none
}

.ss-switch-checked {
    background-color: var(--ss-primary-color)
}

.ss-switch-loading,.ss-switch-disabled {
    cursor: not-allowed;
    opacity: .4
}

.ss-switch-loading *,.ss-switch-disabled * {
    box-shadow: none;
    cursor: not-allowed
}

.ss-switch-inner {
    display: block;
    margin: 0 7px 0 25px;
    color: #fff;
    font-size: 12px;
    transition: margin .2s
}

.ss-switch-checked .ss-switch-inner {
    margin: 0 25px 0 7px
}

.ss-switch-handle {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    transition: all .2s ease-in-out
}

.ss-switch-handle:before {
    position: absolute;
    inset: 0;
    background-color: #fff;
    border-radius: 9px;
    box-shadow: 0 2px 4px #00230b33;
    transition: all .2s ease-in-out;
    content: ""
}

.ss-switch-checked .ss-switch-handle {
    left: calc(100% - 20px)
}

.ss-switch:not(.ss-switch-disabled):active .ss-switch-handle:before {
    right: -30%;
    left: 0
}

.ss-switch:not(.ss-switch-disabled):active.ss-switch-checked .ss-switch-handle:before {
    right: 0;
    left: -30%
}

.ss-switch-loading-icon.anticon {
    position: relative;
    top: 2px;
    color: #000000a6;
    vertical-align: top
}

.ss-switch-checked .ss-switch-loading-icon {
    color: var(--ss-primary-color)
}

.ss-switch-small {
    min-width: 28px;
    height: 16px;
    line-height: 16px
}

.ss-switch-small .ss-switch-inner {
    margin: 0 5px 0 18px;
    font-size: 12px
}

.ss-switch-small .ss-switch-handle {
    width: 12px;
    height: 12px
}

.ss-switch-small .ss-switch-loading-icon {
    top: 1.5px;
    font-size: 9px
}

.ss-switch-small.ss-switch-checked .ss-switch-inner {
    margin: 0 18px 0 5px
}

.ss-switch-small.ss-switch-checked .ss-switch-handle {
    left: calc(100% - 14px)
}

.ss-switch-rtl {
    direction: rtl
}

.ss-switch-rtl .ss-switch-inner {
    margin: 0 25px 0 7px
}

.ss-switch-rtl .ss-switch-handle {
    right: 2px;
    left: auto
}

.ss-switch-rtl:not(.ss-switch-rtl-disabled):active .ss-switch-handle:before {
    right: 0;
    left: -30%
}

.ss-switch-rtl:not(.ss-switch-rtl-disabled):active.ss-switch-checked .ss-switch-handle:before {
    right: -30%;
    left: 0
}

.ss-switch-rtl.ss-switch-checked .ss-switch-inner {
    margin: 0 7px 0 25px
}

.ss-switch-rtl.ss-switch-checked .ss-switch-handle {
    right: calc(100% - 20px)
}

.ss-switch-rtl.ss-switch-small.ss-switch-checked .ss-switch-handle {
    right: calc(100% - 14px)
}

.ss-table.ss-table-middle {
    font-size: 14px
}

.ss-table.ss-table-middle .ss-table-title,.ss-table.ss-table-middle .ss-table-footer,.ss-table.ss-table-middle .ss-table-thead>tr>th,.ss-table.ss-table-middle .ss-table-tbody>tr>td,.ss-table.ss-table-middle tfoot>tr>th,.ss-table.ss-table-middle tfoot>tr>td {
    padding: 12px 8px
}

.ss-table.ss-table-middle .ss-table-filter-trigger {
    margin-right: -4px
}

.ss-table.ss-table-middle .ss-table-expanded-row-fixed {
    margin: -12px -8px
}

.ss-table.ss-table-middle .ss-table-tbody .ss-table-wrapper:only-child .ss-table {
    margin: -12px -8px -12px 25px
}

.ss-table.ss-table-small {
    font-size: 14px
}

.ss-table.ss-table-small .ss-table-title,.ss-table.ss-table-small .ss-table-footer,.ss-table.ss-table-small .ss-table-thead>tr>th,.ss-table.ss-table-small .ss-table-tbody>tr>td,.ss-table.ss-table-small tfoot>tr>th,.ss-table.ss-table-small tfoot>tr>td {
    padding: 8px
}

.ss-table.ss-table-small .ss-table-filter-trigger {
    margin-right: -4px
}

.ss-table.ss-table-small .ss-table-expanded-row-fixed {
    margin: -8px
}

.ss-table.ss-table-small .ss-table-tbody .ss-table-wrapper:only-child .ss-table {
    margin: -8px -8px -8px 25px
}

.ss-table-small .ss-table-thead>tr>th {
    background-color: #fafafa
}

.ss-table-small .ss-table-selection-column {
    width: 46px;
    min-width: 46px
}

.ss-table.ss-table-bordered>.ss-table-title {
    border: 1px solid #f0f0f0;
    border-bottom: 0
}

.ss-table.ss-table-bordered>.ss-table-container {
    border-left: 1px solid #f0f0f0
}

.ss-table.ss-table-bordered>.ss-table-container>.ss-table-content>table>thead>tr>th,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-header>table>thead>tr>th,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-body>table>thead>tr>th,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-summary>table>thead>tr>th,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-content>table>tbody>tr>td,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-header>table>tbody>tr>td,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-body>table>tbody>tr>td,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-summary>table>tbody>tr>td,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-content>table>tfoot>tr>th,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-header>table>tfoot>tr>th,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-body>table>tfoot>tr>th,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-summary>table>tfoot>tr>th,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-content>table>tfoot>tr>td,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-header>table>tfoot>tr>td,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-body>table>tfoot>tr>td,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-summary>table>tfoot>tr>td {
    border-right: 1px solid #f0f0f0
}

.ss-table.ss-table-bordered>.ss-table-container>.ss-table-content>table>thead>tr:not(:last-child)>th,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-header>table>thead>tr:not(:last-child)>th,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-body>table>thead>tr:not(:last-child)>th,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-summary>table>thead>tr:not(:last-child)>th {
    border-bottom: 1px solid #f0f0f0
}

.ss-table.ss-table-bordered>.ss-table-container>.ss-table-content>table>thead>tr>th:before,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-header>table>thead>tr>th:before,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-body>table>thead>tr>th:before,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-summary>table>thead>tr>th:before {
    background-color: transparent!important
}

.ss-table.ss-table-bordered>.ss-table-container>.ss-table-content>table>thead>tr>.ss-table-cell-fix-right-first:after,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-header>table>thead>tr>.ss-table-cell-fix-right-first:after,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-body>table>thead>tr>.ss-table-cell-fix-right-first:after,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-summary>table>thead>tr>.ss-table-cell-fix-right-first:after,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-content>table>tbody>tr>.ss-table-cell-fix-right-first:after,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-header>table>tbody>tr>.ss-table-cell-fix-right-first:after,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-body>table>tbody>tr>.ss-table-cell-fix-right-first:after,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-summary>table>tbody>tr>.ss-table-cell-fix-right-first:after,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-content>table>tfoot>tr>.ss-table-cell-fix-right-first:after,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-header>table>tfoot>tr>.ss-table-cell-fix-right-first:after,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-body>table>tfoot>tr>.ss-table-cell-fix-right-first:after,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-summary>table>tfoot>tr>.ss-table-cell-fix-right-first:after {
    border-right: 1px solid #f0f0f0
}

.ss-table.ss-table-bordered>.ss-table-container>.ss-table-content>table>tbody>tr>td>.ss-table-expanded-row-fixed,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-header>table>tbody>tr>td>.ss-table-expanded-row-fixed,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-body>table>tbody>tr>td>.ss-table-expanded-row-fixed,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-summary>table>tbody>tr>td>.ss-table-expanded-row-fixed {
    margin: -16px -17px
}

.ss-table.ss-table-bordered>.ss-table-container>.ss-table-content>table>tbody>tr>td>.ss-table-expanded-row-fixed:after,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-header>table>tbody>tr>td>.ss-table-expanded-row-fixed:after,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-body>table>tbody>tr>td>.ss-table-expanded-row-fixed:after,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-summary>table>tbody>tr>td>.ss-table-expanded-row-fixed:after {
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 0;
    border-right: 1px solid #f0f0f0;
    content: ""
}

.ss-table.ss-table-bordered>.ss-table-container>.ss-table-content>table,.ss-table.ss-table-bordered>.ss-table-container>.ss-table-header>table {
    border-top: 1px solid #f0f0f0
}

.ss-table.ss-table-bordered.ss-table-scroll-horizontal>.ss-table-container>.ss-table-body>table>tbody>tr.ss-table-expanded-row>td,.ss-table.ss-table-bordered.ss-table-scroll-horizontal>.ss-table-container>.ss-table-body>table>tbody>tr.ss-table-placeholder>td {
    border-right: 0
}

.ss-table.ss-table-bordered.ss-table-middle>.ss-table-container>.ss-table-content>table>tbody>tr>td>.ss-table-expanded-row-fixed,.ss-table.ss-table-bordered.ss-table-middle>.ss-table-container>.ss-table-body>table>tbody>tr>td>.ss-table-expanded-row-fixed {
    margin: -12px -9px
}

.ss-table.ss-table-bordered.ss-table-small>.ss-table-container>.ss-table-content>table>tbody>tr>td>.ss-table-expanded-row-fixed,.ss-table.ss-table-bordered.ss-table-small>.ss-table-container>.ss-table-body>table>tbody>tr>td>.ss-table-expanded-row-fixed {
    margin: -8px -9px
}

.ss-table.ss-table-bordered>.ss-table-footer {
    border: 1px solid #f0f0f0;
    border-top: 0
}

.ss-table-cell .ss-table-container:first-child {
    border-top: 0
}

.ss-table-cell-scrollbar {
    box-shadow: 0 1px 0 1px #fafafa
}

.ss-table-resize-handle {
    position: absolute;
    top: 0;
    height: 100%!important;
    bottom: 0;
    left: auto!important;
    right: -8px;
    cursor: col-resize;
    touch-action: none;
    user-select: auto;
    width: 16px;
    z-index: 1
}

.ss-table-resize-handle-line {
    display: block;
    width: 1px;
    margin-left: 7px;
    height: 100%!important;
    background-color: var(--ss-primary-color);
    opacity: 0
}

.ss-table-resize-handle:hover .ss-table-resize-handle-line {
    opacity: 1
}

.ss-table-resize-handle.dragging {
    overflow: hidden
}

.ss-table-resize-handle.dragging .ss-table-resize-handle-line {
    opacity: 1
}

.ss-table-resize-handle.dragging:before {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    content: " ";
    width: 200vw;
    transform: translate(-50%);
    opacity: 0
}

.ss-table-wrapper {
    clear: both;
    max-width: 100%
}

.ss-table-wrapper:before {
    display: table;
    content: ""
}

.ss-table-wrapper:after {
    display: table;
    clear: both;
    content: ""
}

.ss-table {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    font-size: 14px;
    background: #fff;
    border-radius: 2px
}

.ss-table table {
    width: 100%;
    text-align: left;
    border-radius: 2px 2px 0 0;
    border-collapse: separate;
    border-spacing: 0
}

.ss-table-thead>tr>th,.ss-table-tbody>tr>td,.ss-table tfoot>tr>th,.ss-table tfoot>tr>td {
    position: relative;
    padding: 16px;
    overflow-wrap: break-word
}

.ss-table-cell-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all
}

.ss-table-cell-ellipsis.ss-table-cell-fix-left-last,.ss-table-cell-ellipsis.ss-table-cell-fix-right-first {
    overflow: visible
}

.ss-table-cell-ellipsis.ss-table-cell-fix-left-last .ss-table-cell-content,.ss-table-cell-ellipsis.ss-table-cell-fix-right-first .ss-table-cell-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.ss-table-cell-ellipsis .ss-table-column-title {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all
}

.ss-table-title {
    padding: 16px
}

.ss-table-footer {
    padding: 16px;
    color: #000000d9;
    background: #fafafa
}

.ss-table-thead>tr>th {
    position: relative;
    color: #000000d9;
    font-weight: 500;
    text-align: left;
    background: #fafafa;
    border-bottom: 1px solid #f0f0f0;
    transition: background .3s ease
}

.ss-table-thead>tr>th[colspan]:not([colspan="1"]) {
    text-align: center
}

.ss-table-thead>tr>th:not(:last-child):not(.ss-table-selection-column):not(.ss-table-row-expand-icon-cell):not([colspan]):before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 1.6em;
    background-color: #0000000f;
    transform: translateY(-50%);
    transition: background-color .3s;
    content: ""
}

.ss-table-thead>tr:not(:last-child)>th[colspan] {
    border-bottom: 0
}

.ss-table-tbody>tr>td {
    border-bottom: 1px solid #f0f0f0;
    transition: background .3s
}

.ss-table-tbody>tr>td>.ss-table-wrapper:only-child .ss-table,.ss-table-tbody>tr>td>.ss-table-expanded-row-fixed>.ss-table-wrapper:only-child .ss-table {
    margin: -16px -16px -16px 33px
}

.ss-table-tbody>tr>td>.ss-table-wrapper:only-child .ss-table-tbody>tr:last-child>td,.ss-table-tbody>tr>td>.ss-table-expanded-row-fixed>.ss-table-wrapper:only-child .ss-table-tbody>tr:last-child>td {
    border-bottom: 0
}

.ss-table-tbody>tr>td>.ss-table-wrapper:only-child .ss-table-tbody>tr:last-child>td:first-child,.ss-table-tbody>tr>td>.ss-table-expanded-row-fixed>.ss-table-wrapper:only-child .ss-table-tbody>tr:last-child>td:first-child,.ss-table-tbody>tr>td>.ss-table-wrapper:only-child .ss-table-tbody>tr:last-child>td:last-child,.ss-table-tbody>tr>td>.ss-table-expanded-row-fixed>.ss-table-wrapper:only-child .ss-table-tbody>tr:last-child>td:last-child {
    border-radius: 0
}

.ss-table-tbody>tr.ss-table-row:hover>td,.ss-table-tbody>tr>td.ss-table-cell-row-hover {
    background: #fafafa
}

.ss-table-tbody>tr.ss-table-row-selected>td {
    background: #f0f8ff;
    border-color: #00000008
}

.ss-table-tbody>tr.ss-table-row-selected:hover>td {
    background: var(--ss-primary-color-active-deprecated-d-02)
}

.ss-table-summary {
    position: relative;
    z-index: 2;
    background: #fff
}

div.ss-table-summary {
    box-shadow: 0 -1px #f0f0f0
}

.ss-table-summary>tr>th,.ss-table-summary>tr>td {
    border-bottom: 1px solid #f0f0f0
}

.ss-table-pagination.ss-pagination {
    margin: 16px 0
}

.ss-table-pagination {
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px
}

.ss-table-pagination>* {
    flex: none
}

.ss-table-pagination-left {
    justify-content: flex-start
}

.ss-table-pagination-center {
    justify-content: center
}

.ss-table-pagination-right {
    justify-content: flex-end
}

.ss-table-thead th.ss-table-column-has-sorters {
    cursor: pointer;
    transition: all .3s
}

.ss-table-thead th.ss-table-column-has-sorters:hover {
    background: #0000000a
}

.ss-table-thead th.ss-table-column-has-sorters:hover:before {
    background-color: transparent!important
}

.ss-table-thead th.ss-table-column-has-sorters.ss-table-cell-fix-left:hover,.ss-table-thead th.ss-table-column-has-sorters.ss-table-cell-fix-right:hover,.ss-table-thead th.ss-table-column-sort {
    background: #f5f5f5
}

.ss-table-thead th.ss-table-column-sort:before {
    background-color: transparent!important
}

td.ss-table-column-sort {
    background: #fafafa
}

.ss-table-column-title {
    position: relative;
    z-index: 1;
    flex: 1
}

.ss-table-column-sorters {
    display: flex;
    flex: auto;
    align-items: center;
    justify-content: space-between
}

.ss-table-column-sorters:after {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.ss-table-column-sorter {
    margin-left: 4px;
    color: #bfbfbf;
    font-size: 0;
    transition: color .3s
}

.ss-table-column-sorter-inner {
    display: inline-flex;
    flex-direction: column;
    align-items: center
}

.ss-table-column-sorter-up,.ss-table-column-sorter-down {
    font-size: 11px
}

.ss-table-column-sorter-up.active,.ss-table-column-sorter-down.active {
    color: var(--ss-primary-color)
}

.ss-table-column-sorter-up+.ss-table-column-sorter-down {
    margin-top: -.3em
}

.ss-table-column-sorters:hover .ss-table-column-sorter {
    color: #a6a6a6
}

.ss-table-filter-column {
    display: flex;
    justify-content: space-between
}

.ss-table-filter-trigger {
    position: relative;
    display: flex;
    align-items: center;
    margin: -4px -8px -4px 4px;
    padding: 0 4px;
    color: #bfbfbf;
    font-size: 12px;
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s
}

.ss-table-filter-trigger:hover {
    color: #00000073;
    background: #0000000a
}

.ss-table-filter-trigger.active {
    color: var(--ss-primary-color)
}

.ss-table-filter-dropdown {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    min-width: 120px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d
}

.ss-table-filter-dropdown .ss-dropdown-menu {
    max-height: 264px;
    overflow-x: hidden;
    border: 0;
    box-shadow: none
}

.ss-table-filter-dropdown .ss-dropdown-menu:empty:after {
    display: block;
    padding: 8px 0;
    color: #00000040;
    font-size: 12px;
    text-align: center;
    content: "Not Found"
}

.ss-table-filter-dropdown-tree {
    padding: 8px 8px 0
}

.ss-table-filter-dropdown-tree .ss-tree-treenode .ss-tree-node-content-wrapper:hover {
    background-color: #f5f5f5
}

.ss-table-filter-dropdown-tree .ss-tree-treenode-checkbox-checked .ss-tree-node-content-wrapper,.ss-table-filter-dropdown-tree .ss-tree-treenode-checkbox-checked .ss-tree-node-content-wrapper:hover {
    background-color: var(--ss-primary-2)
}

.ss-table-filter-dropdown-search {
    padding: 8px;
    border-bottom: 1px #f0f0f0 solid
}

.ss-table-filter-dropdown-search-input input {
    min-width: 140px
}

.ss-table-filter-dropdown-search-input .anticon {
    color: #00000040
}

.ss-table-filter-dropdown-checkall {
    width: 100%;
    margin-bottom: 4px;
    margin-left: 4px
}

.ss-table-filter-dropdown-submenu>ul {
    max-height: calc(100vh - 130px);
    overflow-x: hidden;
    overflow-y: auto
}

.ss-table-filter-dropdown .ss-checkbox-wrapper+span,.ss-table-filter-dropdown-submenu .ss-checkbox-wrapper+span {
    padding-left: 8px
}

.ss-table-filter-dropdown-btns {
    display: flex;
    justify-content: space-between;
    padding: 7px 8px;
    overflow: hidden;
    background-color: inherit;
    border-top: 1px solid #f0f0f0
}

.ss-table-selection-col {
    width: 32px
}

.ss-table-bordered .ss-table-selection-col {
    width: 50px
}

table tr th.ss-table-selection-column,table tr td.ss-table-selection-column {
    padding-right: 8px;
    padding-left: 8px;
    text-align: center
}

table tr th.ss-table-selection-column .ss-radio-wrapper,table tr td.ss-table-selection-column .ss-radio-wrapper {
    margin-right: 0
}

table tr th.ss-table-selection-column.ss-table-cell-fix-left {
    z-index: 3
}

table tr th.ss-table-selection-column:after {
    background-color: transparent!important
}

.ss-table-selection {
    position: relative;
    display: inline-flex;
    flex-direction: column
}

.ss-table-selection-extra {
    position: absolute;
    top: 0;
    z-index: 1;
    cursor: pointer;
    transition: all .3s;
    margin-inline-start:100%;padding-inline-start:4px}

.ss-table-selection-extra .anticon {
    color: #bfbfbf;
    font-size: 10px
}

.ss-table-selection-extra .anticon:hover {
    color: #a6a6a6
}

.ss-table-expand-icon-col {
    width: 48px
}

.ss-table-row-expand-icon-cell {
    text-align: center
}

.ss-table-row-indent {
    float: left;
    height: 1px
}

.ss-table-row-expand-icon {
    color: var(--ss-primary-color);
    text-decoration: none;
    cursor: pointer;
    transition: color .3s;
    position: relative;
    display: inline-flex;
    float: left;
    box-sizing: border-box;
    width: 17px;
    height: 17px;
    padding: 0;
    color: inherit;
    line-height: 17px;
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    outline: none;
    transform: scale(.94117647);
    transition: all .3s;
    user-select: none
}

.ss-table-row-expand-icon:focus,.ss-table-row-expand-icon:hover {
    color: var(--ss-primary-color-hover)
}

.ss-table-row-expand-icon:active {
    color: var(--ss-primary-color-active)
}

.ss-table-row-expand-icon:focus,.ss-table-row-expand-icon:hover,.ss-table-row-expand-icon:active {
    border-color: currentcolor
}

.ss-table-row-expand-icon:before,.ss-table-row-expand-icon:after {
    position: absolute;
    background: currentcolor;
    transition: transform .3s ease-out;
    content: ""
}

.ss-table-row-expand-icon:before {
    top: 7px;
    right: 3px;
    left: 3px;
    height: 1px
}

.ss-table-row-expand-icon:after {
    top: 3px;
    bottom: 3px;
    left: 7px;
    width: 1px;
    transform: rotate(90deg)
}

.ss-table-row-expand-icon-collapsed:before {
    transform: rotate(-180deg)
}

.ss-table-row-expand-icon-collapsed:after {
    transform: rotate(0)
}

.ss-table-row-expand-icon-spaced {
    background: transparent;
    border: 0;
    visibility: hidden
}

.ss-table-row-expand-icon-spaced:before,.ss-table-row-expand-icon-spaced:after {
    display: none;
    content: none
}

.ss-table-row-indent+.ss-table-row-expand-icon {
    margin-top: 2.5005px;
    margin-right: 8px
}

tr.ss-table-expanded-row>td,tr.ss-table-expanded-row:hover>td {
    background: #fbfbfb
}

tr.ss-table-expanded-row .ss-descriptions-view {
    display: flex
}

tr.ss-table-expanded-row .ss-descriptions-view table {
    flex: auto;
    width: auto
}

.ss-table .ss-table-expanded-row-fixed {
    position: relative;
    margin: -16px;
    padding: 16px
}

.ss-table-tbody>tr.ss-table-placeholder {
    text-align: center
}

.ss-table-empty .ss-table-tbody>tr.ss-table-placeholder {
    color: #00000040
}

.ss-table-tbody>tr.ss-table-placeholder:hover>td {
    background: #fff
}

.ss-table-cell-fix-left,.ss-table-cell-fix-right {
    position: sticky!important;
    z-index: 2;
    background: #fff
}

.ss-table-cell-fix-left-first:after,.ss-table-cell-fix-left-last:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: -1px;
    width: 30px;
    transform: translate(100%);
    transition: box-shadow .3s;
    content: "";
    pointer-events: none
}

.ss-table-cell-fix-right-first:after,.ss-table-cell-fix-right-last:after {
    position: absolute;
    top: 0;
    bottom: -1px;
    left: 0;
    width: 30px;
    transform: translate(-100%);
    transition: box-shadow .3s;
    content: "";
    pointer-events: none
}

.ss-table .ss-table-container:before,.ss-table .ss-table-container:after {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 30px;
    transition: box-shadow .3s;
    content: "";
    pointer-events: none
}

.ss-table .ss-table-container:before {
    left: 0
}

.ss-table .ss-table-container:after {
    right: 0
}

.ss-table-ping-left:not(.ss-table-has-fix-left) .ss-table-container {
    position: relative
}

.ss-table-ping-left:not(.ss-table-has-fix-left) .ss-table-container:before {
    box-shadow: inset 10px 0 8px -8px #00000026
}

.ss-table-ping-left .ss-table-cell-fix-left-first:after,.ss-table-ping-left .ss-table-cell-fix-left-last:after {
    box-shadow: inset 10px 0 8px -8px #00000026
}

.ss-table-ping-left .ss-table-cell-fix-left-last:before {
    background-color: transparent!important
}

.ss-table-ping-right:not(.ss-table-has-fix-right) .ss-table-container {
    position: relative
}

.ss-table-ping-right:not(.ss-table-has-fix-right) .ss-table-container:after {
    box-shadow: inset -10px 0 8px -8px #00000026
}

.ss-table-ping-right .ss-table-cell-fix-right-first:after,.ss-table-ping-right .ss-table-cell-fix-right-last:after {
    box-shadow: inset -10px 0 8px -8px #00000026
}

.ss-table-sticky-holder {
    position: sticky;
    z-index: 3;
    background: #fff
}

.ss-table-sticky-scroll {
    position: sticky;
    bottom: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    background: #fff;
    border-top: 1px solid #f0f0f0;
    opacity: .6
}

.ss-table-sticky-scroll:hover {
    transform-origin: center bottom
}

.ss-table-sticky-scroll-bar {
    height: 8px;
    background-color: #00000059;
    border-radius: 4px
}

.ss-table-sticky-scroll-bar:hover,.ss-table-sticky-scroll-bar-active {
    background-color: #000c
}

@media all and (-ms-high-contrast: none) {
    .ss-table-ping-left .ss-table-cell-fix-left-last:after {
        box-shadow: none!important
    }

    .ss-table-ping-right .ss-table-cell-fix-right-first:after {
        box-shadow: none!important
    }
}

.ss-table-title {
    border-radius: 2px 2px 0 0
}

.ss-table-title+.ss-table-container {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ss-table-title+.ss-table-container table>thead>tr:first-child th:first-child {
    border-radius: 0
}

.ss-table-title+.ss-table-container table>thead>tr:first-child th:last-child {
    border-radius: 0
}

.ss-table-container {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.ss-table-container table>thead>tr:first-child th:first-child {
    border-top-left-radius: 2px
}

.ss-table-container table>thead>tr:first-child th:last-child {
    border-top-right-radius: 2px
}

.ss-table-footer {
    border-radius: 0 0 2px 2px
}

.ss-table-wrapper-rtl,.ss-table-rtl {
    direction: rtl
}

.ss-table-wrapper-rtl .ss-table table {
    text-align: right
}

.ss-table-wrapper-rtl .ss-table-thead>tr>th[colspan]:not([colspan="1"]) {
    text-align: center
}

.ss-table-wrapper-rtl .ss-table-thead>tr>th:not(:last-child):not(.ss-table-selection-column):not(.ss-table-row-expand-icon-cell):not([colspan]):before {
    right: auto;
    left: 0
}

.ss-table-wrapper-rtl .ss-table-thead>tr>th {
    text-align: right
}

.ss-table-tbody>tr .ss-table-wrapper:only-child .ss-table.ss-table-rtl {
    margin: -16px 33px -16px -16px
}

.ss-table-wrapper.ss-table-wrapper-rtl .ss-table-pagination-left {
    justify-content: flex-end
}

.ss-table-wrapper.ss-table-wrapper-rtl .ss-table-pagination-right {
    justify-content: flex-start
}

.ss-table-wrapper-rtl .ss-table-column-sorter {
    margin-right: 4px;
    margin-left: 0
}

.ss-table-wrapper-rtl .ss-table-filter-column-title {
    padding: 16px 16px 16px 2.3em
}

.ss-table-rtl .ss-table-thead tr th.ss-table-column-has-sorters .ss-table-filter-column-title {
    padding: 0 0 0 2.3em
}

.ss-table-wrapper-rtl .ss-table-filter-trigger {
    margin: -4px 4px -4px -8px
}

.ss-dropdown-rtl .ss-table-filter-dropdown .ss-checkbox-wrapper+span,.ss-dropdown-rtl .ss-table-filter-dropdown-submenu .ss-checkbox-wrapper+span,.ss-dropdown-menu-submenu-rtl.ss-table-filter-dropdown .ss-checkbox-wrapper+span,.ss-dropdown-menu-submenu-rtl.ss-table-filter-dropdown-submenu .ss-checkbox-wrapper+span {
    padding-right: 8px;
    padding-left: 0
}

.ss-table-wrapper-rtl .ss-table-selection {
    text-align: center
}

.ss-table-wrapper-rtl .ss-table-row-indent,.ss-table-wrapper-rtl .ss-table-row-expand-icon {
    float: right
}

.ss-table-wrapper-rtl .ss-table-row-indent+.ss-table-row-expand-icon {
    margin-right: 0;
    margin-left: 8px
}

.ss-table-wrapper-rtl .ss-table-row-expand-icon:after {
    transform: rotate(-90deg)
}

.ss-table-wrapper-rtl .ss-table-row-expand-icon-collapsed:before {
    transform: rotate(180deg)
}

.ss-table-wrapper-rtl .ss-table-row-expand-icon-collapsed:after {
    transform: rotate(0)
}

.ss-tabs-small>.ss-tabs-nav .ss-tabs-tab {
    padding: 8px 0;
    font-size: 14px
}

.ss-tabs-large>.ss-tabs-nav .ss-tabs-tab {
    padding: 16px 0;
    font-size: 16px
}

.ss-tabs-card.ss-tabs-small>.ss-tabs-nav .ss-tabs-tab {
    padding: 6px 16px
}

.ss-tabs-card.ss-tabs-large>.ss-tabs-nav .ss-tabs-tab {
    padding: 7px 16px 6px
}

.ss-tabs-rtl {
    direction: rtl
}

.ss-tabs-rtl .ss-tabs-nav .ss-tabs-tab {
    margin: 0 0 0 32px
}

.ss-tabs-rtl .ss-tabs-nav .ss-tabs-tab:last-of-type {
    margin-left: 0
}

.ss-tabs-rtl .ss-tabs-nav .ss-tabs-tab .anticon {
    margin-right: 0;
    margin-left: 12px
}

.ss-tabs-rtl .ss-tabs-nav .ss-tabs-tab .ss-tabs-tab-remove {
    margin-right: 8px;
    margin-left: -4px
}

.ss-tabs-rtl .ss-tabs-nav .ss-tabs-tab .ss-tabs-tab-remove .anticon {
    margin: 0
}

.ss-tabs-rtl.ss-tabs-left>.ss-tabs-nav {
    order: 1
}

.ss-tabs-rtl.ss-tabs-left>.ss-tabs-content-holder {
    order: 0
}

.ss-tabs-rtl.ss-tabs-right>.ss-tabs-nav {
    order: 0
}

.ss-tabs-rtl.ss-tabs-right>.ss-tabs-content-holder {
    order: 1
}

.ss-tabs-rtl.ss-tabs-card.ss-tabs-top>.ss-tabs-nav .ss-tabs-tab+.ss-tabs-tab,.ss-tabs-rtl.ss-tabs-card.ss-tabs-bottom>.ss-tabs-nav .ss-tabs-tab+.ss-tabs-tab,.ss-tabs-rtl.ss-tabs-card.ss-tabs-top>div>.ss-tabs-nav .ss-tabs-tab+.ss-tabs-tab,.ss-tabs-rtl.ss-tabs-card.ss-tabs-bottom>div>.ss-tabs-nav .ss-tabs-tab+.ss-tabs-tab {
    margin-right: 2px;
    margin-left: 0
}

.ss-tabs-rtl.ss-tabs-card.ss-tabs-top>.ss-tabs-nav .ss-tabs-nav-add,.ss-tabs-rtl.ss-tabs-card.ss-tabs-bottom>.ss-tabs-nav .ss-tabs-nav-add,.ss-tabs-rtl.ss-tabs-card.ss-tabs-top>div>.ss-tabs-nav .ss-tabs-nav-add,.ss-tabs-rtl.ss-tabs-card.ss-tabs-bottom>div>.ss-tabs-nav .ss-tabs-nav-add {
    margin-right: 2px;
    margin-left: 0
}

.ss-tabs-dropdown-rtl {
    direction: rtl
}

.ss-tabs-dropdown-rtl .ss-tabs-dropdown-menu-item {
    text-align: right
}

.ss-tabs-top,.ss-tabs-bottom {
    flex-direction: column
}

.ss-tabs-top>.ss-tabs-nav,.ss-tabs-bottom>.ss-tabs-nav,.ss-tabs-top>div>.ss-tabs-nav,.ss-tabs-bottom>div>.ss-tabs-nav {
    margin: 0 0 16px
}

.ss-tabs-top>.ss-tabs-nav:before,.ss-tabs-bottom>.ss-tabs-nav:before,.ss-tabs-top>div>.ss-tabs-nav:before,.ss-tabs-bottom>div>.ss-tabs-nav:before {
    position: absolute;
    right: 0;
    left: 0;
    border-bottom: 1px solid #f0f0f0;
    content: ""
}

.ss-tabs-top>.ss-tabs-nav .ss-tabs-ink-bar,.ss-tabs-bottom>.ss-tabs-nav .ss-tabs-ink-bar,.ss-tabs-top>div>.ss-tabs-nav .ss-tabs-ink-bar,.ss-tabs-bottom>div>.ss-tabs-nav .ss-tabs-ink-bar {
    height: 2px
}

.ss-tabs-top>.ss-tabs-nav .ss-tabs-ink-bar-animated,.ss-tabs-bottom>.ss-tabs-nav .ss-tabs-ink-bar-animated,.ss-tabs-top>div>.ss-tabs-nav .ss-tabs-ink-bar-animated,.ss-tabs-bottom>div>.ss-tabs-nav .ss-tabs-ink-bar-animated {
    transition: width .3s,left .3s,right .3s
}

.ss-tabs-top>.ss-tabs-nav .ss-tabs-nav-wrap:before,.ss-tabs-bottom>.ss-tabs-nav .ss-tabs-nav-wrap:before,.ss-tabs-top>div>.ss-tabs-nav .ss-tabs-nav-wrap:before,.ss-tabs-bottom>div>.ss-tabs-nav .ss-tabs-nav-wrap:before,.ss-tabs-top>.ss-tabs-nav .ss-tabs-nav-wrap:after,.ss-tabs-bottom>.ss-tabs-nav .ss-tabs-nav-wrap:after,.ss-tabs-top>div>.ss-tabs-nav .ss-tabs-nav-wrap:after,.ss-tabs-bottom>div>.ss-tabs-nav .ss-tabs-nav-wrap:after {
    top: 0;
    bottom: 0;
    width: 30px
}

.ss-tabs-top>.ss-tabs-nav .ss-tabs-nav-wrap:before,.ss-tabs-bottom>.ss-tabs-nav .ss-tabs-nav-wrap:before,.ss-tabs-top>div>.ss-tabs-nav .ss-tabs-nav-wrap:before,.ss-tabs-bottom>div>.ss-tabs-nav .ss-tabs-nav-wrap:before {
    left: 0;
    box-shadow: inset 10px 0 8px -8px #00000014
}

.ss-tabs-top>.ss-tabs-nav .ss-tabs-nav-wrap:after,.ss-tabs-bottom>.ss-tabs-nav .ss-tabs-nav-wrap:after,.ss-tabs-top>div>.ss-tabs-nav .ss-tabs-nav-wrap:after,.ss-tabs-bottom>div>.ss-tabs-nav .ss-tabs-nav-wrap:after {
    right: 0;
    box-shadow: inset -10px 0 8px -8px #00000014
}

.ss-tabs-top>.ss-tabs-nav .ss-tabs-nav-wrap.ss-tabs-nav-wrap-ping-left:before,.ss-tabs-bottom>.ss-tabs-nav .ss-tabs-nav-wrap.ss-tabs-nav-wrap-ping-left:before,.ss-tabs-top>div>.ss-tabs-nav .ss-tabs-nav-wrap.ss-tabs-nav-wrap-ping-left:before,.ss-tabs-bottom>div>.ss-tabs-nav .ss-tabs-nav-wrap.ss-tabs-nav-wrap-ping-left:before {
    opacity: 1
}

.ss-tabs-top>.ss-tabs-nav .ss-tabs-nav-wrap.ss-tabs-nav-wrap-ping-right:after,.ss-tabs-bottom>.ss-tabs-nav .ss-tabs-nav-wrap.ss-tabs-nav-wrap-ping-right:after,.ss-tabs-top>div>.ss-tabs-nav .ss-tabs-nav-wrap.ss-tabs-nav-wrap-ping-right:after,.ss-tabs-bottom>div>.ss-tabs-nav .ss-tabs-nav-wrap.ss-tabs-nav-wrap-ping-right:after {
    opacity: 1
}

.ss-tabs-top>.ss-tabs-nav:before,.ss-tabs-top>div>.ss-tabs-nav:before {
    bottom: 0
}

.ss-tabs-top>.ss-tabs-nav .ss-tabs-ink-bar,.ss-tabs-top>div>.ss-tabs-nav .ss-tabs-ink-bar {
    bottom: 0
}

.ss-tabs-bottom>.ss-tabs-nav,.ss-tabs-bottom>div>.ss-tabs-nav {
    order: 1;
    margin-top: 16px;
    margin-bottom: 0
}

.ss-tabs-bottom>.ss-tabs-nav:before,.ss-tabs-bottom>div>.ss-tabs-nav:before {
    top: 0
}

.ss-tabs-bottom>.ss-tabs-nav .ss-tabs-ink-bar,.ss-tabs-bottom>div>.ss-tabs-nav .ss-tabs-ink-bar {
    top: 0
}

.ss-tabs-bottom>.ss-tabs-content-holder,.ss-tabs-bottom>div>.ss-tabs-content-holder {
    order: 0
}

.ss-tabs-left>.ss-tabs-nav,.ss-tabs-right>.ss-tabs-nav,.ss-tabs-left>div>.ss-tabs-nav,.ss-tabs-right>div>.ss-tabs-nav {
    flex-direction: column;
    min-width: 50px
}

.ss-tabs-left>.ss-tabs-nav .ss-tabs-tab,.ss-tabs-right>.ss-tabs-nav .ss-tabs-tab,.ss-tabs-left>div>.ss-tabs-nav .ss-tabs-tab,.ss-tabs-right>div>.ss-tabs-nav .ss-tabs-tab {
    padding: 8px 24px;
    text-align: center
}

.ss-tabs-left>.ss-tabs-nav .ss-tabs-tab+.ss-tabs-tab,.ss-tabs-right>.ss-tabs-nav .ss-tabs-tab+.ss-tabs-tab,.ss-tabs-left>div>.ss-tabs-nav .ss-tabs-tab+.ss-tabs-tab,.ss-tabs-right>div>.ss-tabs-nav .ss-tabs-tab+.ss-tabs-tab {
    margin: 16px 0 0
}

.ss-tabs-left>.ss-tabs-nav .ss-tabs-nav-wrap,.ss-tabs-right>.ss-tabs-nav .ss-tabs-nav-wrap,.ss-tabs-left>div>.ss-tabs-nav .ss-tabs-nav-wrap,.ss-tabs-right>div>.ss-tabs-nav .ss-tabs-nav-wrap {
    flex-direction: column
}

.ss-tabs-left>.ss-tabs-nav .ss-tabs-nav-wrap:before,.ss-tabs-right>.ss-tabs-nav .ss-tabs-nav-wrap:before,.ss-tabs-left>div>.ss-tabs-nav .ss-tabs-nav-wrap:before,.ss-tabs-right>div>.ss-tabs-nav .ss-tabs-nav-wrap:before,.ss-tabs-left>.ss-tabs-nav .ss-tabs-nav-wrap:after,.ss-tabs-right>.ss-tabs-nav .ss-tabs-nav-wrap:after,.ss-tabs-left>div>.ss-tabs-nav .ss-tabs-nav-wrap:after,.ss-tabs-right>div>.ss-tabs-nav .ss-tabs-nav-wrap:after {
    right: 0;
    left: 0;
    height: 30px
}

.ss-tabs-left>.ss-tabs-nav .ss-tabs-nav-wrap:before,.ss-tabs-right>.ss-tabs-nav .ss-tabs-nav-wrap:before,.ss-tabs-left>div>.ss-tabs-nav .ss-tabs-nav-wrap:before,.ss-tabs-right>div>.ss-tabs-nav .ss-tabs-nav-wrap:before {
    top: 0;
    box-shadow: inset 0 10px 8px -8px #00000014
}

.ss-tabs-left>.ss-tabs-nav .ss-tabs-nav-wrap:after,.ss-tabs-right>.ss-tabs-nav .ss-tabs-nav-wrap:after,.ss-tabs-left>div>.ss-tabs-nav .ss-tabs-nav-wrap:after,.ss-tabs-right>div>.ss-tabs-nav .ss-tabs-nav-wrap:after {
    bottom: 0;
    box-shadow: inset 0 -10px 8px -8px #00000014
}

.ss-tabs-left>.ss-tabs-nav .ss-tabs-nav-wrap.ss-tabs-nav-wrap-ping-top:before,.ss-tabs-right>.ss-tabs-nav .ss-tabs-nav-wrap.ss-tabs-nav-wrap-ping-top:before,.ss-tabs-left>div>.ss-tabs-nav .ss-tabs-nav-wrap.ss-tabs-nav-wrap-ping-top:before,.ss-tabs-right>div>.ss-tabs-nav .ss-tabs-nav-wrap.ss-tabs-nav-wrap-ping-top:before {
    opacity: 1
}

.ss-tabs-left>.ss-tabs-nav .ss-tabs-nav-wrap.ss-tabs-nav-wrap-ping-bottom:after,.ss-tabs-right>.ss-tabs-nav .ss-tabs-nav-wrap.ss-tabs-nav-wrap-ping-bottom:after,.ss-tabs-left>div>.ss-tabs-nav .ss-tabs-nav-wrap.ss-tabs-nav-wrap-ping-bottom:after,.ss-tabs-right>div>.ss-tabs-nav .ss-tabs-nav-wrap.ss-tabs-nav-wrap-ping-bottom:after {
    opacity: 1
}

.ss-tabs-left>.ss-tabs-nav .ss-tabs-ink-bar,.ss-tabs-right>.ss-tabs-nav .ss-tabs-ink-bar,.ss-tabs-left>div>.ss-tabs-nav .ss-tabs-ink-bar,.ss-tabs-right>div>.ss-tabs-nav .ss-tabs-ink-bar {
    width: 2px
}

.ss-tabs-left>.ss-tabs-nav .ss-tabs-ink-bar-animated,.ss-tabs-right>.ss-tabs-nav .ss-tabs-ink-bar-animated,.ss-tabs-left>div>.ss-tabs-nav .ss-tabs-ink-bar-animated,.ss-tabs-right>div>.ss-tabs-nav .ss-tabs-ink-bar-animated {
    transition: height .3s,top .3s
}

.ss-tabs-left>.ss-tabs-nav .ss-tabs-nav-list,.ss-tabs-right>.ss-tabs-nav .ss-tabs-nav-list,.ss-tabs-left>div>.ss-tabs-nav .ss-tabs-nav-list,.ss-tabs-right>div>.ss-tabs-nav .ss-tabs-nav-list,.ss-tabs-left>.ss-tabs-nav .ss-tabs-nav-operations,.ss-tabs-right>.ss-tabs-nav .ss-tabs-nav-operations,.ss-tabs-left>div>.ss-tabs-nav .ss-tabs-nav-operations,.ss-tabs-right>div>.ss-tabs-nav .ss-tabs-nav-operations {
    flex: 1 0 auto;
    flex-direction: column
}

.ss-tabs-left>.ss-tabs-nav .ss-tabs-ink-bar,.ss-tabs-left>div>.ss-tabs-nav .ss-tabs-ink-bar {
    right: 0
}

.ss-tabs-left>.ss-tabs-content-holder,.ss-tabs-left>div>.ss-tabs-content-holder {
    margin-left: -1px;
    border-left: 1px solid #f0f0f0
}

.ss-tabs-left>.ss-tabs-content-holder>.ss-tabs-content>.ss-tabs-tabpane,.ss-tabs-left>div>.ss-tabs-content-holder>.ss-tabs-content>.ss-tabs-tabpane {
    padding-left: 24px
}

.ss-tabs-right>.ss-tabs-nav,.ss-tabs-right>div>.ss-tabs-nav {
    order: 1
}

.ss-tabs-right>.ss-tabs-nav .ss-tabs-ink-bar,.ss-tabs-right>div>.ss-tabs-nav .ss-tabs-ink-bar {
    left: 0
}

.ss-tabs-right>.ss-tabs-content-holder,.ss-tabs-right>div>.ss-tabs-content-holder {
    order: 0;
    margin-right: -1px;
    border-right: 1px solid #f0f0f0
}

.ss-tabs-right>.ss-tabs-content-holder>.ss-tabs-content>.ss-tabs-tabpane,.ss-tabs-right>div>.ss-tabs-content-holder>.ss-tabs-content>.ss-tabs-tabpane {
    padding-right: 24px
}

.ss-tabs-dropdown {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    display: block
}

.ss-tabs-dropdown-hidden {
    display: none
}

.ss-tabs-dropdown-menu {
    max-height: 200px;
    margin: 0;
    padding: 4px 0;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left;
    list-style-type: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 2px;
    outline: none;
    box-shadow: 0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d
}

.ss-tabs-dropdown-menu-item {
    display: flex;
    align-items: center;
    min-width: 120px;
    margin: 0;
    padding: 5px 12px;
    overflow: hidden;
    color: #000000d9;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: all .3s
}

.ss-tabs-dropdown-menu-item>span {
    flex: 1;
    white-space: nowrap
}

.ss-tabs-dropdown-menu-item-remove {
    flex: none;
    margin-left: 12px;
    color: #00000073;
    font-size: 12px;
    background: transparent;
    border: 0;
    cursor: pointer
}

.ss-tabs-dropdown-menu-item-remove:hover {
    color: var(--ss-primary-5)
}

.ss-tabs-dropdown-menu-item:hover {
    background: #f5f5f5
}

.ss-tabs-dropdown-menu-item-disabled,.ss-tabs-dropdown-menu-item-disabled:hover {
    color: #00000040;
    background: transparent;
    cursor: not-allowed
}

.ss-tabs-card>.ss-tabs-nav .ss-tabs-tab,.ss-tabs-card>div>.ss-tabs-nav .ss-tabs-tab {
    margin: 0;
    padding: 8px 16px;
    background: #fafafa;
    border: 1px solid #f0f0f0;
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.ss-tabs-card>.ss-tabs-nav .ss-tabs-tab-active,.ss-tabs-card>div>.ss-tabs-nav .ss-tabs-tab-active {
    color: var(--ss-primary-color);
    background: #fff
}

.ss-tabs-card>.ss-tabs-nav .ss-tabs-ink-bar,.ss-tabs-card>div>.ss-tabs-nav .ss-tabs-ink-bar {
    visibility: hidden
}

.ss-tabs-card.ss-tabs-top>.ss-tabs-nav .ss-tabs-tab+.ss-tabs-tab,.ss-tabs-card.ss-tabs-bottom>.ss-tabs-nav .ss-tabs-tab+.ss-tabs-tab,.ss-tabs-card.ss-tabs-top>div>.ss-tabs-nav .ss-tabs-tab+.ss-tabs-tab,.ss-tabs-card.ss-tabs-bottom>div>.ss-tabs-nav .ss-tabs-tab+.ss-tabs-tab {
    margin-left: 2px
}

.ss-tabs-card.ss-tabs-top>.ss-tabs-nav .ss-tabs-tab,.ss-tabs-card.ss-tabs-top>div>.ss-tabs-nav .ss-tabs-tab {
    border-radius: 2px 2px 0 0
}

.ss-tabs-card.ss-tabs-top>.ss-tabs-nav .ss-tabs-tab-active,.ss-tabs-card.ss-tabs-top>div>.ss-tabs-nav .ss-tabs-tab-active {
    border-bottom-color: #fff
}

.ss-tabs-card.ss-tabs-bottom>.ss-tabs-nav .ss-tabs-tab,.ss-tabs-card.ss-tabs-bottom>div>.ss-tabs-nav .ss-tabs-tab {
    border-radius: 0 0 2px 2px
}

.ss-tabs-card.ss-tabs-bottom>.ss-tabs-nav .ss-tabs-tab-active,.ss-tabs-card.ss-tabs-bottom>div>.ss-tabs-nav .ss-tabs-tab-active {
    border-top-color: #fff
}

.ss-tabs-card.ss-tabs-left>.ss-tabs-nav .ss-tabs-tab+.ss-tabs-tab,.ss-tabs-card.ss-tabs-right>.ss-tabs-nav .ss-tabs-tab+.ss-tabs-tab,.ss-tabs-card.ss-tabs-left>div>.ss-tabs-nav .ss-tabs-tab+.ss-tabs-tab,.ss-tabs-card.ss-tabs-right>div>.ss-tabs-nav .ss-tabs-tab+.ss-tabs-tab {
    margin-top: 2px
}

.ss-tabs-card.ss-tabs-left>.ss-tabs-nav .ss-tabs-tab,.ss-tabs-card.ss-tabs-left>div>.ss-tabs-nav .ss-tabs-tab {
    border-radius: 2px 0 0 2px
}

.ss-tabs-card.ss-tabs-left>.ss-tabs-nav .ss-tabs-tab-active,.ss-tabs-card.ss-tabs-left>div>.ss-tabs-nav .ss-tabs-tab-active {
    border-right-color: #fff
}

.ss-tabs-card.ss-tabs-right>.ss-tabs-nav .ss-tabs-tab,.ss-tabs-card.ss-tabs-right>div>.ss-tabs-nav .ss-tabs-tab {
    border-radius: 0 2px 2px 0
}

.ss-tabs-card.ss-tabs-right>.ss-tabs-nav .ss-tabs-tab-active,.ss-tabs-card.ss-tabs-right>div>.ss-tabs-nav .ss-tabs-tab-active {
    border-left-color: #fff
}

.ss-tabs {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: flex;
    overflow: hidden
}

.ss-tabs>.ss-tabs-nav,.ss-tabs>div>.ss-tabs-nav {
    position: relative;
    display: flex;
    flex: none;
    align-items: center
}

.ss-tabs>.ss-tabs-nav .ss-tabs-nav-wrap,.ss-tabs>div>.ss-tabs-nav .ss-tabs-nav-wrap {
    position: relative;
    display: inline-block;
    display: flex;
    flex: auto;
    align-self: stretch;
    overflow: hidden;
    white-space: nowrap;
    transform: translate(0)
}

.ss-tabs>.ss-tabs-nav .ss-tabs-nav-wrap:before,.ss-tabs>div>.ss-tabs-nav .ss-tabs-nav-wrap:before,.ss-tabs>.ss-tabs-nav .ss-tabs-nav-wrap:after,.ss-tabs>div>.ss-tabs-nav .ss-tabs-nav-wrap:after {
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity .3s;
    content: "";
    pointer-events: none
}

.ss-tabs>.ss-tabs-nav .ss-tabs-nav-list,.ss-tabs>div>.ss-tabs-nav .ss-tabs-nav-list {
    position: relative;
    display: flex;
    transition: transform .3s
}

.ss-tabs>.ss-tabs-nav .ss-tabs-nav-operations,.ss-tabs>div>.ss-tabs-nav .ss-tabs-nav-operations {
    display: flex;
    align-self: stretch
}

.ss-tabs>.ss-tabs-nav .ss-tabs-nav-operations-hidden,.ss-tabs>div>.ss-tabs-nav .ss-tabs-nav-operations-hidden {
    position: absolute;
    visibility: hidden;
    pointer-events: none
}

.ss-tabs>.ss-tabs-nav .ss-tabs-nav-more,.ss-tabs>div>.ss-tabs-nav .ss-tabs-nav-more {
    position: relative;
    padding: 8px 16px;
    background: transparent;
    border: 0
}

.ss-tabs>.ss-tabs-nav .ss-tabs-nav-more:after,.ss-tabs>div>.ss-tabs-nav .ss-tabs-nav-more:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 5px;
    transform: translateY(100%);
    content: ""
}

.ss-tabs>.ss-tabs-nav .ss-tabs-nav-add,.ss-tabs>div>.ss-tabs-nav .ss-tabs-nav-add {
    min-width: 40px;
    margin-left: 2px;
    padding: 0 8px;
    background: #fafafa;
    border: 1px solid #f0f0f0;
    border-radius: 2px 2px 0 0;
    outline: none;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.ss-tabs>.ss-tabs-nav .ss-tabs-nav-add:hover,.ss-tabs>div>.ss-tabs-nav .ss-tabs-nav-add:hover {
    color: var(--ss-primary-5)
}

.ss-tabs>.ss-tabs-nav .ss-tabs-nav-add:active,.ss-tabs>div>.ss-tabs-nav .ss-tabs-nav-add:active,.ss-tabs>.ss-tabs-nav .ss-tabs-nav-add:focus,.ss-tabs>div>.ss-tabs-nav .ss-tabs-nav-add:focus {
    color: var(--ss-primary-7)
}

.ss-tabs-extra-content {
    flex: none
}

.ss-tabs-centered>.ss-tabs-nav .ss-tabs-nav-wrap:not([class*=ss-tabs-nav-wrap-ping]),.ss-tabs-centered>div>.ss-tabs-nav .ss-tabs-nav-wrap:not([class*=ss-tabs-nav-wrap-ping]) {
    justify-content: center
}

.ss-tabs-ink-bar {
    position: absolute;
    background: var(--ss-primary-color);
    pointer-events: none
}

.ss-tabs-tab {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 12px 0;
    font-size: 14px;
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer
}

.ss-tabs-tab-btn:focus,.ss-tabs-tab-remove:focus,.ss-tabs-tab-btn:active,.ss-tabs-tab-remove:active {
    color: var(--ss-primary-7)
}

.ss-tabs-tab-btn {
    outline: none;
    transition: all .3s
}

.ss-tabs-tab-remove {
    flex: none;
    margin-right: -4px;
    margin-left: 8px;
    color: #00000073;
    font-size: 12px;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    transition: all .3s
}

.ss-tabs-tab-remove:hover {
    color: #000000d9
}

.ss-tabs-tab:hover {
    color: var(--ss-primary-5)
}

.ss-tabs-tab.ss-tabs-tab-active .ss-tabs-tab-btn {
    color: var(--ss-primary-color);
    text-shadow: 0 0 .25px currentcolor
}

.ss-tabs-tab.ss-tabs-tab-disabled {
    color: #00000040;
    cursor: not-allowed
}

.ss-tabs-tab.ss-tabs-tab-disabled .ss-tabs-tab-btn:focus,.ss-tabs-tab.ss-tabs-tab-disabled .ss-tabs-tab-remove:focus,.ss-tabs-tab.ss-tabs-tab-disabled .ss-tabs-tab-btn:active,.ss-tabs-tab.ss-tabs-tab-disabled .ss-tabs-tab-remove:active {
    color: #00000040
}

.ss-tabs-tab .ss-tabs-tab-remove .anticon {
    margin: 0
}

.ss-tabs-tab .anticon {
    margin-right: 12px
}

.ss-tabs-tab+.ss-tabs-tab {
    margin: 0 0 0 32px
}

.ss-tabs-content {
    display: flex;
    width: 100%
}

.ss-tabs-content-holder {
    flex: auto;
    min-width: 0;
    min-height: 0
}

.ss-tabs-content-animated {
    transition: margin .3s
}

.ss-tabs-tabpane {
    flex: none;
    width: 100%;
    outline: none
}

.ss-tag {
    box-sizing: border-box;
    margin: 0 8px 0 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block;
    height: auto;
    padding: 0 7px;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    background: #fafafa;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    opacity: 1;
    transition: all .3s
}

.ss-tag,.ss-tag a,.ss-tag a:hover {
    color: #000000d9
}

.ss-tag>a:first-child:last-child {
    display: inline-block;
    margin: 0 -8px;
    padding: 0 8px
}

.ss-tag-close-icon {
    margin-left: 3px;
    color: #00000073;
    font-size: 10px;
    cursor: pointer;
    transition: all .3s
}

.ss-tag-close-icon:hover {
    color: #000000d9
}

.ss-tag-has-color {
    border-color: transparent
}

.ss-tag-has-color,.ss-tag-has-color a,.ss-tag-has-color a:hover,.ss-tag-has-color .anticon-close,.ss-tag-has-color .anticon-close:hover {
    color: #fff
}

.ss-tag-checkable {
    background-color: transparent;
    border-color: transparent;
    cursor: pointer
}

.ss-tag-checkable:not(.ss-tag-checkable-checked):hover {
    color: var(--ss-primary-color)
}

.ss-tag-checkable:active,.ss-tag-checkable-checked {
    color: #fff
}

.ss-tag-checkable-checked {
    background-color: var(--ss-primary-6)
}

.ss-tag-checkable:active {
    background-color: var(--ss-primary-7)
}

.ss-tag-hidden {
    display: none
}

.ss-tag-pink {
    color: #c41d7f;
    background: #fff0f6;
    border-color: #ffadd2
}

.ss-tag-pink-inverse {
    color: #fff;
    background: #eb2f96;
    border-color: #eb2f96
}

.ss-tag-magenta {
    color: #c41d7f;
    background: #fff0f6;
    border-color: #ffadd2
}

.ss-tag-magenta-inverse {
    color: #fff;
    background: #eb2f96;
    border-color: #eb2f96
}

.ss-tag-red {
    color: #cf1322;
    background: #fff1f0;
    border-color: #ffa39e
}

.ss-tag-red-inverse {
    color: #fff;
    background: #f5222d;
    border-color: #f5222d
}

.ss-tag-volcano {
    color: #d4380d;
    background: #fff2e8;
    border-color: #ffbb96
}

.ss-tag-volcano-inverse {
    color: #fff;
    background: #fa541c;
    border-color: #fa541c
}

.ss-tag-orange {
    color: #2776fc;
    background: #d8e5ff;
    border-color: #4b88ff
}

.ss-tag-orange-inverse {
    color: #fff;
    background: #fa8c16;
    border-color: #fa8c16
}

.ss-tag-yellow {
    color: #d4b106;
    background: #feffe6;
    border-color: #fffb8f
}

.ss-tag-yellow-inverse {
    color: #fff;
    background: #fadb14;
    border-color: #fadb14
}

.ss-tag-gold {
    color: #d48806;
    background: #fffbe6;
    border-color: #ffe58f
}

.ss-tag-gold-inverse {
    color: #fff;
    background: #faad14;
    border-color: #faad14
}

.ss-tag-cyan {
    color: #08979c;
    background: #e6fffb;
    border-color: #87e8de
}

.ss-tag-cyan-inverse {
    color: #fff;
    background: #13c2c2;
    border-color: #13c2c2
}

.ss-tag-lime {
    color: #7cb305;
    background: #fcffe6;
    border-color: #eaff8f
}

.ss-tag-lime-inverse {
    color: #fff;
    background: #a0d911;
    border-color: #a0d911
}

.ss-tag-green {
    color: #389e0d;
    background: #f6ffed;
    border-color: #b7eb8f
}

.ss-tag-green-inverse {
    color: #fff;
    background: #52c41a;
    border-color: #52c41a
}

.ss-tag-blue {
    color: #096dd9;
    background: #e6f7ff;
    border-color: #91d5ff
}

.ss-tag-blue-inverse {
    color: #fff;
    background: #1890ff;
    border-color: #1890ff
}

.ss-tag-geekblue {
    color: #1d39c4;
    background: #f0f5ff;
    border-color: #adc6ff
}

.ss-tag-geekblue-inverse {
    color: #fff;
    background: #2f54eb;
    border-color: #2f54eb
}

.ss-tag-purple {
    color: #531dab;
    background: #f9f0ff;
    border-color: #d3adf7
}

.ss-tag-purple-inverse {
    color: #fff;
    background: #722ed1;
    border-color: #722ed1
}

.ss-tag-success {
    color: var(--ss-success-color);
    background: var(--ss-success-color-deprecated-bg);
    border-color: var(--ss-success-color-deprecated-border)
}

.ss-tag-processing {
    color: var(--ss-info-color);
    background: var(--ss-info-color-deprecated-bg);
    border-color: var(--ss-info-color-deprecated-border)
}

.ss-tag-error {
    color: #2776fc;
    background: #d8e5ff;
    border-color: #4b88ff
}

.ss-tag-warning {
    color: var(--ss-warning-color);
    background: var(--ss-warning-color-deprecated-bg);
    border-color: var(--ss-warning-color-deprecated-border)
}

.ss-tag>.anticon+span,.ss-tag>span+.anticon {
    margin-left: 7px
}

.ss-tag.ss-tag-rtl {
    margin-right: 0;
    margin-left: 8px;
    direction: rtl;
    text-align: right
}

.ss-tag-rtl .ss-tag-close-icon {
    margin-right: 3px;
    margin-left: 0
}

.ss-tag-rtl.ss-tag>.anticon+span,.ss-tag-rtl.ss-tag>span+.anticon {
    margin-right: 7px;
    margin-left: 0
}

.ss-timeline {
    box-sizing: border-box;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    font-feature-settings: "tnum";
    margin: 0;
    padding: 0;
    list-style: none
}

.ss-timeline-item {
    position: relative;
    margin: 0;
    padding-bottom: 20px;
    font-size: 14px;
    list-style: none
}

.ss-timeline-item-tail {
    position: absolute;
    top: 10px;
    left: 4px;
    height: calc(100% - 10px);
    border-left: 2px solid #f0f0f0
}

.ss-timeline-item-pending .ss-timeline-item-head {
    font-size: 12px;
    background-color: transparent
}

.ss-timeline-item-pending .ss-timeline-item-tail {
    display: none
}

.ss-timeline-item-head {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 2px solid transparent;
    border-radius: 100px
}

.ss-timeline-item-head-blue {
    color: var(--ss-primary-color);
    border-color: var(--ss-primary-color)
}

.ss-timeline-item-head-red {
    color: var(--ss-error-color);
    border-color: var(--ss-error-color)
}

.ss-timeline-item-head-green {
    color: var(--ss-success-color);
    border-color: var(--ss-success-color)
}

.ss-timeline-item-head-gray {
    color: #00000040;
    border-color: #00000040
}

.ss-timeline-item-head-custom {
    position: absolute;
    top: 5.5px;
    left: 5px;
    width: auto;
    height: auto;
    margin-top: 0;
    padding: 3px 1px;
    line-height: 1;
    text-align: center;
    border: 0;
    border-radius: 0;
    transform: translate(-50%,-50%)
}

.ss-timeline-item-content {
    position: relative;
    top: -7.001px;
    margin: 0 0 0 26px;
    word-break: break-word
}

.ss-timeline-item-last>.ss-timeline-item-tail {
    display: none
}

.ss-timeline-item-last>.ss-timeline-item-content {
    min-height: 48px
}

.ss-timeline.ss-timeline-alternate .ss-timeline-item-tail,.ss-timeline.ss-timeline-right .ss-timeline-item-tail,.ss-timeline.ss-timeline-label .ss-timeline-item-tail,.ss-timeline.ss-timeline-alternate .ss-timeline-item-head,.ss-timeline.ss-timeline-right .ss-timeline-item-head,.ss-timeline.ss-timeline-label .ss-timeline-item-head,.ss-timeline.ss-timeline-alternate .ss-timeline-item-head-custom,.ss-timeline.ss-timeline-right .ss-timeline-item-head-custom,.ss-timeline.ss-timeline-label .ss-timeline-item-head-custom {
    left: 50%
}

.ss-timeline.ss-timeline-alternate .ss-timeline-item-head,.ss-timeline.ss-timeline-right .ss-timeline-item-head,.ss-timeline.ss-timeline-label .ss-timeline-item-head {
    margin-left: -4px
}

.ss-timeline.ss-timeline-alternate .ss-timeline-item-head-custom,.ss-timeline.ss-timeline-right .ss-timeline-item-head-custom,.ss-timeline.ss-timeline-label .ss-timeline-item-head-custom {
    margin-left: 1px
}

.ss-timeline.ss-timeline-alternate .ss-timeline-item-left .ss-timeline-item-content,.ss-timeline.ss-timeline-right .ss-timeline-item-left .ss-timeline-item-content,.ss-timeline.ss-timeline-label .ss-timeline-item-left .ss-timeline-item-content {
    left: calc(50% - 4px);
    width: calc(50% - 14px);
    text-align: left
}

.ss-timeline.ss-timeline-alternate .ss-timeline-item-right .ss-timeline-item-content,.ss-timeline.ss-timeline-right .ss-timeline-item-right .ss-timeline-item-content,.ss-timeline.ss-timeline-label .ss-timeline-item-right .ss-timeline-item-content {
    width: calc(50% - 12px);
    margin: 0;
    text-align: right
}

.ss-timeline.ss-timeline-right .ss-timeline-item-right .ss-timeline-item-tail,.ss-timeline.ss-timeline-right .ss-timeline-item-right .ss-timeline-item-head,.ss-timeline.ss-timeline-right .ss-timeline-item-right .ss-timeline-item-head-custom {
    left: calc(100% - 6px)
}

.ss-timeline.ss-timeline-right .ss-timeline-item-right .ss-timeline-item-content {
    width: calc(100% - 18px)
}

.ss-timeline.ss-timeline-pending .ss-timeline-item-last .ss-timeline-item-tail {
    display: block;
    height: calc(100% - 14px);
    border-left: 2px dotted #f0f0f0
}

.ss-timeline.ss-timeline-reverse .ss-timeline-item-last .ss-timeline-item-tail {
    display: none
}

.ss-timeline.ss-timeline-reverse .ss-timeline-item-pending .ss-timeline-item-tail {
    top: 15px;
    display: block;
    height: calc(100% - 15px);
    border-left: 2px dotted #f0f0f0
}

.ss-timeline.ss-timeline-reverse .ss-timeline-item-pending .ss-timeline-item-content {
    min-height: 48px
}

.ss-timeline.ss-timeline-label .ss-timeline-item-label {
    position: absolute;
    top: -7.001px;
    width: calc(50% - 12px);
    text-align: right
}

.ss-timeline.ss-timeline-label .ss-timeline-item-right .ss-timeline-item-label {
    left: calc(50% + 14px);
    width: calc(50% - 14px);
    text-align: left
}

.ss-timeline-rtl {
    direction: rtl
}

.ss-timeline-rtl .ss-timeline-item-tail {
    right: 4px;
    left: auto;
    border-right: 2px solid #f0f0f0;
    border-left: none
}

.ss-timeline-rtl .ss-timeline-item-head-custom {
    right: 5px;
    left: auto;
    transform: translate(50%,-50%)
}

.ss-timeline-rtl .ss-timeline-item-content {
    margin: 0 18px 0 0
}

.ss-timeline-rtl.ss-timeline.ss-timeline-alternate .ss-timeline-item-tail,.ss-timeline-rtl.ss-timeline.ss-timeline-right .ss-timeline-item-tail,.ss-timeline-rtl.ss-timeline.ss-timeline-label .ss-timeline-item-tail,.ss-timeline-rtl.ss-timeline.ss-timeline-alternate .ss-timeline-item-head,.ss-timeline-rtl.ss-timeline.ss-timeline-right .ss-timeline-item-head,.ss-timeline-rtl.ss-timeline.ss-timeline-label .ss-timeline-item-head,.ss-timeline-rtl.ss-timeline.ss-timeline-alternate .ss-timeline-item-head-custom,.ss-timeline-rtl.ss-timeline.ss-timeline-right .ss-timeline-item-head-custom,.ss-timeline-rtl.ss-timeline.ss-timeline-label .ss-timeline-item-head-custom {
    right: 50%;
    left: auto
}

.ss-timeline-rtl.ss-timeline.ss-timeline-alternate .ss-timeline-item-head,.ss-timeline-rtl.ss-timeline.ss-timeline-right .ss-timeline-item-head,.ss-timeline-rtl.ss-timeline.ss-timeline-label .ss-timeline-item-head {
    margin-right: -4px;
    margin-left: 0
}

.ss-timeline-rtl.ss-timeline.ss-timeline-alternate .ss-timeline-item-head-custom,.ss-timeline-rtl.ss-timeline.ss-timeline-right .ss-timeline-item-head-custom,.ss-timeline-rtl.ss-timeline.ss-timeline-label .ss-timeline-item-head-custom {
    margin-right: 1px;
    margin-left: 0
}

.ss-timeline-rtl.ss-timeline.ss-timeline-alternate .ss-timeline-item-left .ss-timeline-item-content,.ss-timeline-rtl.ss-timeline.ss-timeline-right .ss-timeline-item-left .ss-timeline-item-content,.ss-timeline-rtl.ss-timeline.ss-timeline-label .ss-timeline-item-left .ss-timeline-item-content {
    right: calc(50% - 4px);
    left: auto;
    text-align: right
}

.ss-timeline-rtl.ss-timeline.ss-timeline-alternate .ss-timeline-item-right .ss-timeline-item-content,.ss-timeline-rtl.ss-timeline.ss-timeline-right .ss-timeline-item-right .ss-timeline-item-content,.ss-timeline-rtl.ss-timeline.ss-timeline-label .ss-timeline-item-right .ss-timeline-item-content {
    text-align: left
}

.ss-timeline-rtl.ss-timeline.ss-timeline-right .ss-timeline-item-right .ss-timeline-item-tail,.ss-timeline-rtl.ss-timeline.ss-timeline-right .ss-timeline-item-right .ss-timeline-item-head,.ss-timeline-rtl.ss-timeline.ss-timeline-right .ss-timeline-item-right .ss-timeline-item-head-custom {
    right: 0;
    left: auto
}

.ss-timeline-rtl.ss-timeline.ss-timeline-right .ss-timeline-item-right .ss-timeline-item-content {
    width: 100%;
    margin-right: 18px;
    text-align: right
}

.ss-timeline-rtl.ss-timeline.ss-timeline-pending .ss-timeline-item-last .ss-timeline-item-tail,.ss-timeline-rtl.ss-timeline.ss-timeline-reverse .ss-timeline-item-pending .ss-timeline-item-tail {
    border-right: 2px dotted #f0f0f0;
    border-left: none
}

.ss-timeline-rtl.ss-timeline.ss-timeline-label .ss-timeline-item-label {
    text-align: left
}

.ss-timeline-rtl.ss-timeline.ss-timeline-label .ss-timeline-item-right .ss-timeline-item-label {
    right: calc(50% + 14px);
    text-align: right
}

.ss-tooltip {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    z-index: 1070;
    display: block;
    width: max-content;
    max-width: 250px;
    visibility: visible
}

.ss-tooltip-hidden {
    display: none
}

.ss-tooltip-placement-top,.ss-tooltip-placement-topLeft,.ss-tooltip-placement-topRight {
    padding-bottom: 8px
}

.ss-tooltip-placement-right,.ss-tooltip-placement-rightTop,.ss-tooltip-placement-rightBottom {
    padding-left: 8px
}

.ss-tooltip-placement-bottom,.ss-tooltip-placement-bottomLeft,.ss-tooltip-placement-bottomRight {
    padding-top: 8px
}

.ss-tooltip-placement-left,.ss-tooltip-placement-leftTop,.ss-tooltip-placement-leftBottom {
    padding-right: 8px
}

.ss-tooltip-inner {
    min-width: 30px;
    min-height: 32px;
    padding: 6px 8px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    word-wrap: break-word;
    background-color: #000000bf;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d
}

.ss-tooltip-arrow {
    position: absolute;
    display: block;
    width: 13.07106781px;
    height: 13.07106781px;
    overflow: hidden;
    background: transparent;
    pointer-events: none
}

.ss-tooltip-arrow-content {
    position: absolute;
    inset: 0;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    background-color: #000000bf;
    content: "";
    pointer-events: auto
}

.ss-tooltip-placement-top .ss-tooltip-arrow,.ss-tooltip-placement-topLeft .ss-tooltip-arrow,.ss-tooltip-placement-topRight .ss-tooltip-arrow {
    bottom: -5.07106781px
}

.ss-tooltip-placement-top .ss-tooltip-arrow-content,.ss-tooltip-placement-topLeft .ss-tooltip-arrow-content,.ss-tooltip-placement-topRight .ss-tooltip-arrow-content {
    box-shadow: 3px 3px 7px #00000012;
    transform: translateY(-6.53553391px) rotate(45deg)
}

.ss-tooltip-placement-top .ss-tooltip-arrow {
    left: 50%;
    transform: translate(-50%)
}

.ss-tooltip-placement-topLeft .ss-tooltip-arrow {
    left: 13px
}

.ss-tooltip-placement-topRight .ss-tooltip-arrow {
    right: 13px
}

.ss-tooltip-placement-right .ss-tooltip-arrow,.ss-tooltip-placement-rightTop .ss-tooltip-arrow,.ss-tooltip-placement-rightBottom .ss-tooltip-arrow {
    left: -5.07106781px
}

.ss-tooltip-placement-right .ss-tooltip-arrow-content,.ss-tooltip-placement-rightTop .ss-tooltip-arrow-content,.ss-tooltip-placement-rightBottom .ss-tooltip-arrow-content {
    box-shadow: -3px 3px 7px #00000012;
    transform: translate(6.53553391px) rotate(45deg)
}

.ss-tooltip-placement-right .ss-tooltip-arrow {
    top: 50%;
    transform: translateY(-50%)
}

.ss-tooltip-placement-rightTop .ss-tooltip-arrow {
    top: 5px
}

.ss-tooltip-placement-rightBottom .ss-tooltip-arrow {
    bottom: 5px
}

.ss-tooltip-placement-left .ss-tooltip-arrow,.ss-tooltip-placement-leftTop .ss-tooltip-arrow,.ss-tooltip-placement-leftBottom .ss-tooltip-arrow {
    right: -5.07106781px
}

.ss-tooltip-placement-left .ss-tooltip-arrow-content,.ss-tooltip-placement-leftTop .ss-tooltip-arrow-content,.ss-tooltip-placement-leftBottom .ss-tooltip-arrow-content {
    box-shadow: 3px -3px 7px #00000012;
    transform: translate(-6.53553391px) rotate(45deg)
}

.ss-tooltip-placement-left .ss-tooltip-arrow {
    top: 50%;
    transform: translateY(-50%)
}

.ss-tooltip-placement-leftTop .ss-tooltip-arrow {
    top: 5px
}

.ss-tooltip-placement-leftBottom .ss-tooltip-arrow {
    bottom: 5px
}

.ss-tooltip-placement-bottom .ss-tooltip-arrow,.ss-tooltip-placement-bottomLeft .ss-tooltip-arrow,.ss-tooltip-placement-bottomRight .ss-tooltip-arrow {
    top: -5.07106781px
}

.ss-tooltip-placement-bottom .ss-tooltip-arrow-content,.ss-tooltip-placement-bottomLeft .ss-tooltip-arrow-content,.ss-tooltip-placement-bottomRight .ss-tooltip-arrow-content {
    box-shadow: -3px -3px 7px #00000012;
    transform: translateY(6.53553391px) rotate(45deg)
}

.ss-tooltip-placement-bottom .ss-tooltip-arrow {
    left: 50%;
    transform: translate(-50%)
}

.ss-tooltip-placement-bottomLeft .ss-tooltip-arrow {
    left: 13px
}

.ss-tooltip-placement-bottomRight .ss-tooltip-arrow {
    right: 13px
}

.ss-tooltip-pink .ss-tooltip-inner,.ss-tooltip-pink .ss-tooltip-arrow-content,.ss-tooltip-magenta .ss-tooltip-inner,.ss-tooltip-magenta .ss-tooltip-arrow-content {
    background-color: #eb2f96
}

.ss-tooltip-red .ss-tooltip-inner,.ss-tooltip-red .ss-tooltip-arrow-content {
    background-color: #f5222d
}

.ss-tooltip-volcano .ss-tooltip-inner,.ss-tooltip-volcano .ss-tooltip-arrow-content {
    background-color: #fa541c
}

.ss-tooltip-orange .ss-tooltip-inner,.ss-tooltip-orange .ss-tooltip-arrow-content {
    background-color: #fa8c16
}

.ss-tooltip-yellow .ss-tooltip-inner,.ss-tooltip-yellow .ss-tooltip-arrow-content {
    background-color: #fadb14
}

.ss-tooltip-gold .ss-tooltip-inner,.ss-tooltip-gold .ss-tooltip-arrow-content {
    background-color: #faad14
}

.ss-tooltip-cyan .ss-tooltip-inner,.ss-tooltip-cyan .ss-tooltip-arrow-content {
    background-color: #13c2c2
}

.ss-tooltip-lime .ss-tooltip-inner,.ss-tooltip-lime .ss-tooltip-arrow-content {
    background-color: #a0d911
}

.ss-tooltip-green .ss-tooltip-inner,.ss-tooltip-green .ss-tooltip-arrow-content {
    background-color: #52c41a
}

.ss-tooltip-blue .ss-tooltip-inner,.ss-tooltip-blue .ss-tooltip-arrow-content {
    background-color: #1890ff
}

.ss-tooltip-geekblue .ss-tooltip-inner,.ss-tooltip-geekblue .ss-tooltip-arrow-content {
    background-color: #2f54eb
}

.ss-tooltip-purple .ss-tooltip-inner,.ss-tooltip-purple .ss-tooltip-arrow-content {
    background-color: #722ed1
}

.ss-tooltip-rtl {
    direction: rtl
}

.ss-tooltip-rtl .ss-tooltip-inner {
    text-align: right
}

.ss-transfer-customize-list .ss-transfer-list {
    flex: 1 1 50%;
    width: auto;
    height: auto;
    min-height: 200px
}

.ss-transfer-customize-list .ss-table-wrapper .ss-table-small {
    border: 0;
    border-radius: 0
}

.ss-transfer-customize-list .ss-table-wrapper .ss-table-small .ss-table-selection-column {
    width: 40px;
    min-width: 40px
}

.ss-transfer-customize-list .ss-table-wrapper .ss-table-small>.ss-table-content>.ss-table-body>table>.ss-table-thead>tr>th {
    background: #fafafa
}

.ss-transfer-customize-list .ss-table-wrapper .ss-table-small>.ss-table-content .ss-table-row:last-child td {
    border-bottom: 1px solid #f0f0f0
}

.ss-transfer-customize-list .ss-table-wrapper .ss-table-small .ss-table-body {
    margin: 0
}

.ss-transfer-customize-list .ss-table-wrapper .ss-table-pagination.ss-pagination {
    margin: 16px 0 4px
}

.ss-transfer-customize-list .ss-input[disabled] {
    background-color: transparent
}

.ss-transfer {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: flex;
    align-items: stretch
}

.ss-transfer-disabled .ss-transfer-list {
    background: #f5f5f5
}

.ss-transfer-list {
    display: flex;
    flex-direction: column;
    width: 180px;
    height: 200px;
    border: 1px solid #d9d9d9;
    border-radius: 2px
}

.ss-transfer-list-with-pagination {
    width: 250px;
    height: auto
}

.ss-transfer-list-search .anticon-search {
    color: #00000040
}

.ss-transfer-list-header {
    display: flex;
    flex: none;
    align-items: center;
    height: 40px;
    padding: 8px 12px 9px;
    color: #000000d9;
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 2px 2px 0 0
}

.ss-transfer-list-header>*:not(:last-child) {
    margin-right: 4px
}

.ss-transfer-list-header>* {
    flex: none
}

.ss-transfer-list-header-title {
    flex: auto;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
    text-overflow: ellipsis
}

.ss-transfer-list-header-dropdown {
    font-size: 10px;
    transform: translateY(10%);
    cursor: pointer
}

.ss-transfer-list-header-dropdown[disabled] {
    cursor: not-allowed
}

.ss-transfer-list-body {
    display: flex;
    flex: auto;
    flex-direction: column;
    overflow: hidden;
    font-size: 14px
}

.ss-transfer-list-body-search-wrapper {
    position: relative;
    flex: none;
    padding: 12px
}

.ss-transfer-list-content {
    flex: auto;
    margin: 0;
    padding: 0;
    overflow: auto;
    list-style: none
}

.ss-transfer-list-content-item {
    display: flex;
    align-items: center;
    min-height: 32px;
    padding: 6px 12px;
    line-height: 20px;
    transition: all .3s
}

.ss-transfer-list-content-item>*:not(:last-child) {
    margin-right: 8px
}

.ss-transfer-list-content-item>* {
    flex: none
}

.ss-transfer-list-content-item-text {
    flex: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ss-transfer-list-content-item-remove {
    color: var(--ss-primary-color);
    text-decoration: none;
    outline: none;
    cursor: pointer;
    transition: color .3s;
    position: relative;
    color: #d9d9d9
}

.ss-transfer-list-content-item-remove:focus,.ss-transfer-list-content-item-remove:hover {
    color: var(--ss-primary-color-hover)
}

.ss-transfer-list-content-item-remove:active {
    color: var(--ss-primary-color-active)
}

.ss-transfer-list-content-item-remove:after {
    position: absolute;
    inset: -6px -50%;
    content: ""
}

.ss-transfer-list-content-item-remove:hover {
    color: var(--ss-primary-color-hover)
}

.ss-transfer-list-content-item:not(.ss-transfer-list-content-item-disabled):hover {
    background-color: #f5f5f5;
    cursor: pointer
}

.ss-transfer-list-content-item:not(.ss-transfer-list-content-item-disabled).ss-transfer-list-content-item-checked:hover {
    background-color: var(--ss-primary-color-active-deprecated-d-02)
}

.ss-transfer-list-content-show-remove .ss-transfer-list-content-item:not(.ss-transfer-list-content-item-disabled):hover {
    background: transparent;
    cursor: default
}

.ss-transfer-list-content-item-checked {
    background-color: #f0f8ff
}

.ss-transfer-list-content-item-disabled {
    color: #00000040;
    cursor: not-allowed
}

.ss-transfer-list-pagination {
    padding: 8px 0;
    text-align: right;
    border-top: 1px solid #f0f0f0
}

.ss-transfer-list-body-not-found {
    flex: none;
    width: 100%;
    margin: auto 0;
    color: #00000040;
    text-align: center
}

.ss-transfer-list-footer {
    border-top: 1px solid #f0f0f0
}

.ss-transfer-operation {
    display: flex;
    flex: none;
    flex-direction: column;
    align-self: center;
    margin: 0 8px;
    vertical-align: middle
}

.ss-transfer-operation .ss-btn {
    display: block
}

.ss-transfer-operation .ss-btn:first-child {
    margin-bottom: 4px
}

.ss-transfer-operation .ss-btn .anticon {
    font-size: 12px
}

.ss-transfer .ss-empty-image {
    max-height: -2px
}

.ss-transfer-rtl {
    direction: rtl
}

.ss-transfer-rtl .ss-transfer-list-search {
    padding-right: 8px;
    padding-left: 24px
}

.ss-transfer-rtl .ss-transfer-list-search-action {
    right: auto;
    left: 12px
}

.ss-transfer-rtl .ss-transfer-list-header>*:not(:last-child) {
    margin-right: 0;
    margin-left: 4px
}

.ss-transfer-rtl .ss-transfer-list-header {
    right: 0;
    left: auto
}

.ss-transfer-rtl .ss-transfer-list-header-title {
    text-align: left
}

.ss-transfer-rtl .ss-transfer-list-content-item>*:not(:last-child) {
    margin-right: 0;
    margin-left: 8px
}

.ss-transfer-rtl .ss-transfer-list-pagination {
    text-align: left
}

.ss-transfer-rtl .ss-transfer-list-footer {
    right: 0;
    left: auto
}

@keyframes ant-tree-node-fx-do-not-use {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.ss-tree.ss-tree-directory .ss-tree-treenode {
    position: relative
}

.ss-tree.ss-tree-directory .ss-tree-treenode:before {
    position: absolute;
    inset: 0 0 4px;
    transition: background-color .3s;
    content: "";
    pointer-events: none
}

.ss-tree.ss-tree-directory .ss-tree-treenode:hover:before {
    background: #f5f5f5
}

.ss-tree.ss-tree-directory .ss-tree-treenode>* {
    z-index: 1
}

.ss-tree.ss-tree-directory .ss-tree-treenode .ss-tree-switcher {
    transition: color .3s
}

.ss-tree.ss-tree-directory .ss-tree-treenode .ss-tree-node-content-wrapper {
    border-radius: 0;
    user-select: none
}

.ss-tree.ss-tree-directory .ss-tree-treenode .ss-tree-node-content-wrapper:hover {
    background: transparent
}

.ss-tree.ss-tree-directory .ss-tree-treenode .ss-tree-node-content-wrapper.ss-tree-node-selected {
    color: #fff;
    background: transparent
}

.ss-tree.ss-tree-directory .ss-tree-treenode-selected:hover:before,.ss-tree.ss-tree-directory .ss-tree-treenode-selected:before {
    background: var(--ss-primary-color)
}

.ss-tree.ss-tree-directory .ss-tree-treenode-selected .ss-tree-switcher {
    color: #fff
}

.ss-tree.ss-tree-directory .ss-tree-treenode-selected .ss-tree-node-content-wrapper {
    color: #fff;
    background: transparent
}

.ss-tree-checkbox {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    top: .2em;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer
}

.ss-tree-checkbox-wrapper:hover .ss-tree-checkbox-inner,.ss-tree-checkbox:hover .ss-tree-checkbox-inner,.ss-tree-checkbox-input:focus+.ss-tree-checkbox-inner {
    border-color: var(--ss-primary-color)
}

.ss-tree-checkbox-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--ss-primary-color);
    border-radius: 2px;
    visibility: hidden;
    animation: antCheckboxEffect .36s ease-in-out;
    animation-fill-mode: backwards;
    content: ""
}

.ss-tree-checkbox:hover:after,.ss-tree-checkbox-wrapper:hover .ss-tree-checkbox:after {
    visibility: visible
}

.ss-tree-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    direction: ltr;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    border-collapse: separate;
    transition: all .3s
}

.ss-tree-checkbox-inner:after {
    position: absolute;
    top: 50%;
    left: 21.5%;
    display: table;
    width: 5.71428571px;
    height: 9.14285714px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(0) translate(-50%,-50%);
    opacity: 0;
    transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
    content: " "
}

.ss-tree-checkbox-input {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.ss-tree-checkbox-checked .ss-tree-checkbox-inner:after {
    position: absolute;
    display: table;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(1) translate(-50%,-50%);
    opacity: 1;
    transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
    content: " "
}

.ss-tree-checkbox-checked .ss-tree-checkbox-inner {
    background-color: var(--ss-primary-color);
    border-color: var(--ss-primary-color)
}

.ss-tree-checkbox-disabled {
    cursor: not-allowed
}

.ss-tree-checkbox-disabled.ss-tree-checkbox-checked .ss-tree-checkbox-inner:after {
    border-color: #00000040;
    animation-name: none
}

.ss-tree-checkbox-disabled .ss-tree-checkbox-input {
    cursor: not-allowed;
    pointer-events: none
}

.ss-tree-checkbox-disabled .ss-tree-checkbox-inner {
    background-color: #f5f5f5;
    border-color: #d9d9d9!important
}

.ss-tree-checkbox-disabled .ss-tree-checkbox-inner:after {
    border-color: #f5f5f5;
    border-collapse: separate;
    animation-name: none
}

.ss-tree-checkbox-disabled+span {
    color: #00000040;
    cursor: not-allowed
}

.ss-tree-checkbox-disabled:hover:after,.ss-tree-checkbox-wrapper:hover .ss-tree-checkbox-disabled:after {
    visibility: hidden
}

.ss-tree-checkbox-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-flex;
    align-items: baseline;
    line-height: unset;
    cursor: pointer
}

.ss-tree-checkbox-wrapper:after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: " "
}

.ss-tree-checkbox-wrapper.ss-tree-checkbox-wrapper-disabled {
    cursor: not-allowed
}

.ss-tree-checkbox-wrapper+.ss-tree-checkbox-wrapper {
    margin-left: 8px
}

.ss-tree-checkbox+span {
    padding-right: 8px;
    padding-left: 8px
}

.ss-tree-checkbox-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block
}

.ss-tree-checkbox-group-item {
    margin-right: 8px
}

.ss-tree-checkbox-group-item:last-child {
    margin-right: 0
}

.ss-tree-checkbox-group-item+.ss-tree-checkbox-group-item {
    margin-left: 0
}

.ss-tree-checkbox-indeterminate .ss-tree-checkbox-inner {
    background-color: #fff;
    border-color: #d9d9d9
}

.ss-tree-checkbox-indeterminate .ss-tree-checkbox-inner:after {
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: var(--ss-primary-color);
    border: 0;
    transform: translate(-50%,-50%) scale(1);
    opacity: 1;
    content: " "
}

.ss-tree-checkbox-indeterminate.ss-tree-checkbox-disabled .ss-tree-checkbox-inner:after {
    background-color: #00000040;
    border-color: #00000040
}

.ss-tree-checkbox-rtl {
    direction: rtl
}

.ss-tree-checkbox-group-rtl .ss-tree-checkbox-group-item {
    margin-right: 0;
    margin-left: 8px
}

.ss-tree-checkbox-group-rtl .ss-tree-checkbox-group-item:last-child {
    margin-left: 0!important
}

.ss-tree-checkbox-group-rtl .ss-tree-checkbox-group-item+.ss-tree-checkbox-group-item {
    margin-left: 8px
}

.ss-tree {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    border-radius: 2px;
    transition: background-color .3s
}

.ss-tree-focused:not(:hover):not(.ss-tree-active-focused) {
    background: #f0f8ff
}

.ss-tree-list-holder-inner {
    align-items: flex-start
}

.ss-tree.ss-tree-block-node .ss-tree-list-holder-inner {
    align-items: stretch
}

.ss-tree.ss-tree-block-node .ss-tree-list-holder-inner .ss-tree-node-content-wrapper {
    flex: auto
}

.ss-tree.ss-tree-block-node .ss-tree-list-holder-inner .ss-tree-treenode.dragging {
    position: relative
}

.ss-tree.ss-tree-block-node .ss-tree-list-holder-inner .ss-tree-treenode.dragging:after {
    position: absolute;
    inset: 0 0 4px;
    border: 1px solid var(--ss-primary-color);
    opacity: 0;
    animation: ant-tree-node-fx-do-not-use .3s;
    animation-play-state: running;
    animation-fill-mode: forwards;
    content: "";
    pointer-events: none
}

.ss-tree .ss-tree-treenode {
    display: flex;
    align-items: flex-start;
    padding: 0 0 4px;
    outline: none
}

.ss-tree .ss-tree-treenode-disabled .ss-tree-node-content-wrapper {
    color: #00000040;
    cursor: not-allowed
}

.ss-tree .ss-tree-treenode-disabled .ss-tree-node-content-wrapper:hover {
    background: transparent
}

.ss-tree .ss-tree-treenode-active .ss-tree-node-content-wrapper {
    background: #f5f5f5
}

.ss-tree .ss-tree-treenode:not(.ss-tree .ss-tree-treenode-disabled).filter-node .ss-tree-title {
    color: inherit;
    font-weight: 500
}

.ss-tree-indent {
    align-self: stretch;
    white-space: nowrap;
    user-select: none
}

.ss-tree-indent-unit {
    display: inline-block;
    width: 24px
}

.ss-tree-draggable-icon {
    width: 24px;
    line-height: 24px;
    text-align: center;
    opacity: .2;
    transition: opacity .3s
}

.ss-tree-treenode:hover .ss-tree-draggable-icon {
    opacity: .45
}

.ss-tree-switcher {
    position: relative;
    flex: none;
    align-self: stretch;
    width: 24px;
    margin: 0;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    user-select: none
}

.ss-tree-switcher .ss-tree-switcher-icon,.ss-tree-switcher .ss-select-tree-switcher-icon {
    display: inline-block;
    font-size: 10px;
    vertical-align: baseline
}

.ss-tree-switcher .ss-tree-switcher-icon svg,.ss-tree-switcher .ss-select-tree-switcher-icon svg {
    transition: transform .3s
}

.ss-tree-switcher-noop {
    cursor: default
}

.ss-tree-switcher_close .ss-tree-switcher-icon svg {
    transform: rotate(-90deg)
}

.ss-tree-switcher-loading-icon {
    color: var(--ss-primary-color)
}

.ss-tree-switcher-leaf-line {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    height: 100%
}

.ss-tree-switcher-leaf-line:before {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: -4px;
    margin-left: -1px;
    border-right: 1px solid #d9d9d9;
    content: " "
}

.ss-tree-switcher-leaf-line:after {
    position: absolute;
    width: 10px;
    height: 14px;
    border-bottom: 1px solid #d9d9d9;
    content: " "
}

.ss-tree-checkbox {
    top: initial;
    margin: 4px 8px 0 0
}

.ss-tree .ss-tree-node-content-wrapper {
    position: relative;
    z-index: auto;
    min-height: 24px;
    margin: 0;
    padding: 0 4px;
    color: inherit;
    line-height: 24px;
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s,border 0s,line-height 0s,box-shadow 0s
}

.ss-tree .ss-tree-node-content-wrapper.ss-tree-node-selected {
    background-color: var(--ss-primary-2)
}

.ss-tree .ss-tree-node-content-wrapper .ss-tree-iconEle {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: top
}

.ss-tree .ss-tree-node-content-wrapper .ss-tree-iconEle:empty {
    display: none
}

.ss-tree-unselectable .ss-tree-node-content-wrapper:hover {
    background-color: transparent
}

.ss-tree-node-content-wrapper {
    line-height: 24px;
    user-select: none
}

.ss-tree-node-content-wrapper .ss-tree-drop-indicator {
    position: absolute;
    z-index: 1;
    height: 2px;
    background-color: var(--ss-primary-color);
    border-radius: 1px;
    pointer-events: none
}

.ss-tree-node-content-wrapper .ss-tree-drop-indicator:after {
    position: absolute;
    top: -3px;
    left: -6px;
    width: 8px;
    height: 8px;
    background-color: transparent;
    border: 2px solid var(--ss-primary-color);
    border-radius: 50%;
    content: ""
}

.ss-tree .ss-tree-treenode.drop-container>[draggable] {
    box-shadow: 0 0 0 2px var(--ss-primary-color)
}

.ss-tree-show-line .ss-tree-indent-unit {
    position: relative;
    height: 100%
}

.ss-tree-show-line .ss-tree-indent-unit:before {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: -4px;
    border-right: 1px solid #d9d9d9;
    content: ""
}

.ss-tree-show-line .ss-tree-indent-unit-end:before {
    display: none
}

.ss-tree-show-line .ss-tree-switcher {
    background: #fff
}

.ss-tree-show-line .ss-tree-switcher-line-icon {
    vertical-align: -.15em
}

.ss-tree .ss-tree-treenode-leaf-last .ss-tree-switcher-leaf-line:before {
    top: auto!important;
    bottom: auto!important;
    height: 14px!important
}

.ss-tree-rtl {
    direction: rtl
}

.ss-tree-rtl .ss-tree-node-content-wrapper[draggable=true] .ss-tree-drop-indicator:after {
    right: -6px;
    left: unset
}

.ss-tree .ss-tree-treenode-rtl {
    direction: rtl
}

.ss-tree-rtl .ss-tree-switcher_close .ss-tree-switcher-icon svg {
    transform: rotate(90deg)
}

.ss-tree-rtl.ss-tree-show-line .ss-tree-indent-unit:before {
    right: auto;
    left: -13px;
    border-right: none;
    border-left: 1px solid #d9d9d9
}

.ss-tree-rtl.ss-tree-checkbox,.ss-tree-select-dropdown-rtl .ss-select-tree-checkbox {
    margin: 4px 0 0 8px
}

.ss-select-tree-checkbox {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    top: .2em;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer
}

.ss-select-tree-checkbox-wrapper:hover .ss-select-tree-checkbox-inner,.ss-select-tree-checkbox:hover .ss-select-tree-checkbox-inner,.ss-select-tree-checkbox-input:focus+.ss-select-tree-checkbox-inner {
    border-color: var(--ss-primary-color)
}

.ss-select-tree-checkbox-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--ss-primary-color);
    border-radius: 2px;
    visibility: hidden;
    animation: antCheckboxEffect .36s ease-in-out;
    animation-fill-mode: backwards;
    content: ""
}

.ss-select-tree-checkbox:hover:after,.ss-select-tree-checkbox-wrapper:hover .ss-select-tree-checkbox:after {
    visibility: visible
}

.ss-select-tree-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    direction: ltr;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    border-collapse: separate;
    transition: all .3s
}

.ss-select-tree-checkbox-inner:after {
    position: absolute;
    top: 50%;
    left: 21.5%;
    display: table;
    width: 5.71428571px;
    height: 9.14285714px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(0) translate(-50%,-50%);
    opacity: 0;
    transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
    content: " "
}

.ss-select-tree-checkbox-input {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.ss-select-tree-checkbox-checked .ss-select-tree-checkbox-inner:after {
    position: absolute;
    display: table;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(1) translate(-50%,-50%);
    opacity: 1;
    transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
    content: " "
}

.ss-select-tree-checkbox-checked .ss-select-tree-checkbox-inner {
    background-color: var(--ss-primary-color);
    border-color: var(--ss-primary-color)
}

.ss-select-tree-checkbox-disabled {
    cursor: not-allowed
}

.ss-select-tree-checkbox-disabled.ss-select-tree-checkbox-checked .ss-select-tree-checkbox-inner:after {
    border-color: #00000040;
    animation-name: none
}

.ss-select-tree-checkbox-disabled .ss-select-tree-checkbox-input {
    cursor: not-allowed;
    pointer-events: none
}

.ss-select-tree-checkbox-disabled .ss-select-tree-checkbox-inner {
    background-color: #f5f5f5;
    border-color: #d9d9d9!important
}

.ss-select-tree-checkbox-disabled .ss-select-tree-checkbox-inner:after {
    border-color: #f5f5f5;
    border-collapse: separate;
    animation-name: none
}

.ss-select-tree-checkbox-disabled+span {
    color: #00000040;
    cursor: not-allowed
}

.ss-select-tree-checkbox-disabled:hover:after,.ss-select-tree-checkbox-wrapper:hover .ss-select-tree-checkbox-disabled:after {
    visibility: hidden
}

.ss-select-tree-checkbox-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-flex;
    align-items: baseline;
    line-height: unset;
    cursor: pointer
}

.ss-select-tree-checkbox-wrapper:after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: " "
}

.ss-select-tree-checkbox-wrapper.ss-select-tree-checkbox-wrapper-disabled {
    cursor: not-allowed
}

.ss-select-tree-checkbox-wrapper+.ss-select-tree-checkbox-wrapper {
    margin-left: 8px
}

.ss-select-tree-checkbox+span {
    padding-right: 8px;
    padding-left: 8px
}

.ss-select-tree-checkbox-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block
}

.ss-select-tree-checkbox-group-item {
    margin-right: 8px
}

.ss-select-tree-checkbox-group-item:last-child {
    margin-right: 0
}

.ss-select-tree-checkbox-group-item+.ss-select-tree-checkbox-group-item {
    margin-left: 0
}

.ss-select-tree-checkbox-indeterminate .ss-select-tree-checkbox-inner {
    background-color: #fff;
    border-color: #d9d9d9
}

.ss-select-tree-checkbox-indeterminate .ss-select-tree-checkbox-inner:after {
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: var(--ss-primary-color);
    border: 0;
    transform: translate(-50%,-50%) scale(1);
    opacity: 1;
    content: " "
}

.ss-select-tree-checkbox-indeterminate.ss-select-tree-checkbox-disabled .ss-select-tree-checkbox-inner:after {
    background-color: #00000040;
    border-color: #00000040
}

.ss-select-tree-checkbox-rtl {
    direction: rtl
}

.ss-select-tree-checkbox-group-rtl .ss-select-tree-checkbox-group-item {
    margin-right: 0;
    margin-left: 8px
}

.ss-select-tree-checkbox-group-rtl .ss-select-tree-checkbox-group-item:last-child {
    margin-left: 0!important
}

.ss-select-tree-checkbox-group-rtl .ss-select-tree-checkbox-group-item+.ss-select-tree-checkbox-group-item {
    margin-left: 8px
}

.ss-tree-select-dropdown {
    padding: 8px 4px
}

.ss-tree-select-dropdown-rtl {
    direction: rtl
}

.ss-tree-select-dropdown .ss-select-tree {
    border-radius: 0
}

.ss-tree-select-dropdown .ss-select-tree-list-holder-inner {
    align-items: stretch
}

.ss-tree-select-dropdown .ss-select-tree-list-holder-inner .ss-select-tree-treenode .ss-select-tree-node-content-wrapper {
    flex: auto
}

.ss-select-tree {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    background: #fff;
    border-radius: 2px;
    transition: background-color .3s
}

.ss-select-tree-focused:not(:hover):not(.ss-select-tree-active-focused) {
    background: #f0f8ff
}

.ss-select-tree-list-holder-inner {
    align-items: flex-start
}

.ss-select-tree.ss-select-tree-block-node .ss-select-tree-list-holder-inner {
    align-items: stretch
}

.ss-select-tree.ss-select-tree-block-node .ss-select-tree-list-holder-inner .ss-select-tree-node-content-wrapper {
    flex: auto
}

.ss-select-tree.ss-select-tree-block-node .ss-select-tree-list-holder-inner .ss-select-tree-treenode.dragging {
    position: relative
}

.ss-select-tree.ss-select-tree-block-node .ss-select-tree-list-holder-inner .ss-select-tree-treenode.dragging:after {
    position: absolute;
    inset: 0 0 4px;
    border: 1px solid var(--ss-primary-color);
    opacity: 0;
    animation: ant-tree-node-fx-do-not-use .3s;
    animation-play-state: running;
    animation-fill-mode: forwards;
    content: "";
    pointer-events: none
}

.ss-select-tree .ss-select-tree-treenode {
    display: flex;
    align-items: flex-start;
    padding: 0 0 4px;
    outline: none
}

.ss-select-tree .ss-select-tree-treenode-disabled .ss-select-tree-node-content-wrapper {
    color: #00000040;
    cursor: not-allowed
}

.ss-select-tree .ss-select-tree-treenode-disabled .ss-select-tree-node-content-wrapper:hover {
    background: transparent
}

.ss-select-tree .ss-select-tree-treenode-active .ss-select-tree-node-content-wrapper {
    background: #f5f5f5
}

.ss-select-tree .ss-select-tree-treenode:not(.ss-select-tree .ss-select-tree-treenode-disabled).filter-node .ss-select-tree-title {
    color: inherit;
    font-weight: 500
}

.ss-select-tree-indent {
    align-self: stretch;
    white-space: nowrap;
    user-select: none
}

.ss-select-tree-indent-unit {
    display: inline-block;
    width: 24px
}

.ss-select-tree-draggable-icon {
    width: 24px;
    line-height: 24px;
    text-align: center;
    opacity: .2;
    transition: opacity .3s
}

.ss-select-tree-treenode:hover .ss-select-tree-draggable-icon {
    opacity: .45
}

.ss-select-tree-switcher {
    position: relative;
    flex: none;
    align-self: stretch;
    width: 24px;
    margin: 0;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    user-select: none
}

.ss-select-tree-switcher .ss-tree-switcher-icon,.ss-select-tree-switcher .ss-select-tree-switcher-icon {
    display: inline-block;
    font-size: 10px;
    vertical-align: baseline
}

.ss-select-tree-switcher .ss-tree-switcher-icon svg,.ss-select-tree-switcher .ss-select-tree-switcher-icon svg {
    transition: transform .3s
}

.ss-select-tree-switcher-noop {
    cursor: default
}

.ss-select-tree-switcher_close .ss-select-tree-switcher-icon svg {
    transform: rotate(-90deg)
}

.ss-select-tree-switcher-loading-icon {
    color: var(--ss-primary-color)
}

.ss-select-tree-switcher-leaf-line {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    height: 100%
}

.ss-select-tree-switcher-leaf-line:before {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: -4px;
    margin-left: -1px;
    border-right: 1px solid #d9d9d9;
    content: " "
}

.ss-select-tree-switcher-leaf-line:after {
    position: absolute;
    width: 10px;
    height: 14px;
    border-bottom: 1px solid #d9d9d9;
    content: " "
}

.ss-select-tree-checkbox {
    top: initial;
    margin: 4px 8px 0 0
}

.ss-select-tree .ss-select-tree-node-content-wrapper {
    position: relative;
    z-index: auto;
    min-height: 24px;
    margin: 0;
    padding: 0 4px;
    color: inherit;
    line-height: 24px;
    background: transparent;
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s,border 0s,line-height 0s,box-shadow 0s
}

.ss-select-tree .ss-select-tree-node-content-wrapper:hover {
    background-color: #f5f5f5
}

.ss-select-tree .ss-select-tree-node-content-wrapper.ss-select-tree-node-selected {
    background-color: var(--ss-primary-2)
}

.ss-select-tree .ss-select-tree-node-content-wrapper .ss-select-tree-iconEle {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: top
}

.ss-select-tree .ss-select-tree-node-content-wrapper .ss-select-tree-iconEle:empty {
    display: none
}

.ss-select-tree-unselectable .ss-select-tree-node-content-wrapper:hover {
    background-color: transparent
}

.ss-select-tree-node-content-wrapper {
    line-height: 24px;
    user-select: none
}

.ss-select-tree-node-content-wrapper .ss-tree-drop-indicator {
    position: absolute;
    z-index: 1;
    height: 2px;
    background-color: var(--ss-primary-color);
    border-radius: 1px;
    pointer-events: none
}

.ss-select-tree-node-content-wrapper .ss-tree-drop-indicator:after {
    position: absolute;
    top: -3px;
    left: -6px;
    width: 8px;
    height: 8px;
    background-color: transparent;
    border: 2px solid var(--ss-primary-color);
    border-radius: 50%;
    content: ""
}

.ss-select-tree .ss-select-tree-treenode.drop-container>[draggable] {
    box-shadow: 0 0 0 2px var(--ss-primary-color)
}

.ss-select-tree-show-line .ss-select-tree-indent-unit {
    position: relative;
    height: 100%
}

.ss-select-tree-show-line .ss-select-tree-indent-unit:before {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: -4px;
    border-right: 1px solid #d9d9d9;
    content: ""
}

.ss-select-tree-show-line .ss-select-tree-indent-unit-end:before {
    display: none
}

.ss-select-tree-show-line .ss-select-tree-switcher {
    background: #fff
}

.ss-select-tree-show-line .ss-select-tree-switcher-line-icon {
    vertical-align: -.15em
}

.ss-select-tree .ss-select-tree-treenode-leaf-last .ss-select-tree-switcher-leaf-line:before {
    top: auto!important;
    bottom: auto!important;
    height: 14px!important
}

.ss-tree-select-dropdown-rtl .ss-select-tree .ss-select-tree-switcher_close .ss-select-tree-switcher-icon svg {
    transform: rotate(90deg)
}

.ss-tree-select-dropdown-rtl .ss-select-tree .ss-select-tree-switcher-loading-icon {
    transform: scaleY(-1)
}

.ss-typography {
    color: #000000d9;
    overflow-wrap: break-word
}

.ss-typography.ss-typography-secondary {
    color: #00000073
}

.ss-typography.ss-typography-success {
    color: var(--ss-success-color)
}

.ss-typography.ss-typography-warning {
    color: var(--ss-warning-color)
}

.ss-typography.ss-typography-danger {
    color: var(--ss-error-color)
}

a.ss-typography.ss-typography-danger:active,a.ss-typography.ss-typography-danger:focus,a.ss-typography.ss-typography-danger:hover {
    color: #0d0c0c
}

.ss-typography.ss-typography-disabled {
    color: #00000040;
    cursor: not-allowed;
    user-select: none
}

div.ss-typography,.ss-typography p {
    margin-bottom: 1em
}

h1.ss-typography,.ss-typography h1 {
    margin-bottom: .5em;
    color: #000000d9;
    font-weight: 600;
    font-size: 38px;
    line-height: 1.23
}

h2.ss-typography,.ss-typography h2 {
    margin-bottom: .5em;
    color: #000000d9;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.35
}

h3.ss-typography,.ss-typography h3 {
    margin-bottom: .5em;
    color: #000000d9;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.35
}

h4.ss-typography,.ss-typography h4 {
    margin-bottom: .5em;
    color: #000000d9;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.4
}

h5.ss-typography,.ss-typography h5 {
    margin-bottom: .5em;
    color: #000000d9;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5
}

.ss-typography+h1.ss-typography,.ss-typography+h2.ss-typography,.ss-typography+h3.ss-typography,.ss-typography+h4.ss-typography,.ss-typography+h5.ss-typography {
    margin-top: 1.2em
}

.ss-typography div+h1,.ss-typography ul+h1,.ss-typography li+h1,.ss-typography p+h1,.ss-typography h1+h1,.ss-typography h2+h1,.ss-typography h3+h1,.ss-typography h4+h1,.ss-typography h5+h1,.ss-typography div+h2,.ss-typography ul+h2,.ss-typography li+h2,.ss-typography p+h2,.ss-typography h1+h2,.ss-typography h2+h2,.ss-typography h3+h2,.ss-typography h4+h2,.ss-typography h5+h2,.ss-typography div+h3,.ss-typography ul+h3,.ss-typography li+h3,.ss-typography p+h3,.ss-typography h1+h3,.ss-typography h2+h3,.ss-typography h3+h3,.ss-typography h4+h3,.ss-typography h5+h3,.ss-typography div+h4,.ss-typography ul+h4,.ss-typography li+h4,.ss-typography p+h4,.ss-typography h1+h4,.ss-typography h2+h4,.ss-typography h3+h4,.ss-typography h4+h4,.ss-typography h5+h4,.ss-typography div+h5,.ss-typography ul+h5,.ss-typography li+h5,.ss-typography p+h5,.ss-typography h1+h5,.ss-typography h2+h5,.ss-typography h3+h5,.ss-typography h4+h5,.ss-typography h5+h5 {
    margin-top: 1.2em
}

a.ss-typography-ellipsis,span.ss-typography-ellipsis {
    display: inline-block;
    max-width: 100%
}

a.ss-typography,.ss-typography a {
    color: var(--ss-primary-color);
    outline: none;
    cursor: pointer;
    transition: color .3s;
    text-decoration: none
}

a.ss-typography:focus,.ss-typography a:focus,a.ss-typography:hover,.ss-typography a:hover {
    color: var(--ss-primary-color-hover)
}

a.ss-typography:active,.ss-typography a:active {
    color: var(--ss-primary-color-active)
}

a.ss-typography:active,.ss-typography a:active,a.ss-typography:hover,.ss-typography a:hover {
    text-decoration: none
}

a.ss-typography[disabled],.ss-typography a[disabled],a.ss-typography.ss-typography-disabled,.ss-typography a.ss-typography-disabled {
    color: #00000040;
    cursor: not-allowed
}

a.ss-typography[disabled]:active,.ss-typography a[disabled]:active,a.ss-typography.ss-typography-disabled:active,.ss-typography a.ss-typography-disabled:active,a.ss-typography[disabled]:hover,.ss-typography a[disabled]:hover,a.ss-typography.ss-typography-disabled:hover,.ss-typography a.ss-typography-disabled:hover {
    color: #00000040
}

a.ss-typography[disabled]:active,.ss-typography a[disabled]:active,a.ss-typography.ss-typography-disabled:active,.ss-typography a.ss-typography-disabled:active {
    pointer-events: none
}

.ss-typography code {
    margin: 0 .2em;
    padding: .2em .4em .1em;
    font-size: 85%;
    background: #9696961a;
    border: 1px solid rgba(100,100,100,.2);
    border-radius: 3px
}

.ss-typography kbd {
    margin: 0 .2em;
    padding: .15em .4em .1em;
    font-size: 90%;
    background: #9696960f;
    border: 1px solid rgba(100,100,100,.2);
    border-bottom-width: 2px;
    border-radius: 3px
}

.ss-typography mark {
    padding: 0;
    background-color: #ffe58f
}

.ss-typography u,.ss-typography ins {
    text-decoration: underline;
    text-decoration-skip-ink: auto
}

.ss-typography s,.ss-typography del {
    text-decoration: line-through
}

.ss-typography strong {
    font-weight: 600
}

.ss-typography-expand,.ss-typography-edit,.ss-typography-copy {
    color: var(--ss-primary-color);
    text-decoration: none;
    outline: none;
    cursor: pointer;
    transition: color .3s;
    margin-left: 4px
}

.ss-typography-expand:focus,.ss-typography-edit:focus,.ss-typography-copy:focus,.ss-typography-expand:hover,.ss-typography-edit:hover,.ss-typography-copy:hover {
    color: var(--ss-primary-color-hover)
}

.ss-typography-expand:active,.ss-typography-edit:active,.ss-typography-copy:active {
    color: var(--ss-primary-color-active)
}

.ss-typography-copy-success,.ss-typography-copy-success:hover,.ss-typography-copy-success:focus {
    color: var(--ss-success-color)
}

.ss-typography-edit-content {
    position: relative
}

div.ss-typography-edit-content {
    left: -12px;
    margin-top: -5px;
    margin-bottom: calc(1em - 5px)
}

.ss-typography-edit-content-confirm {
    position: absolute;
    right: 10px;
    bottom: 8px;
    color: #00000073;
    pointer-events: none
}

.ss-typography-edit-content textarea {
    -moz-transition: none
}

.ss-typography ul,.ss-typography ol {
    margin: 0 0 1em;
    padding: 0
}

.ss-typography ul li,.ss-typography ol li {
    margin: 0 0 0 20px;
    padding: 0 0 0 4px
}

.ss-typography ul {
    list-style-type: circle
}

.ss-typography ul ul {
    list-style-type: disc
}

.ss-typography ol {
    list-style-type: decimal
}

.ss-typography pre,.ss-typography blockquote {
    margin: 1em 0
}

.ss-typography pre {
    padding: .4em .6em;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: #9696961a;
    border: 1px solid rgba(100,100,100,.2);
    border-radius: 3px
}

.ss-typography pre code {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    background: transparent;
    border: 0
}

.ss-typography blockquote {
    padding: 0 0 0 .6em;
    border-left: 4px solid rgba(100,100,100,.2);
    opacity: .85
}

.ss-typography-single-line {
    white-space: nowrap
}

.ss-typography-ellipsis-single-line {
    overflow: hidden;
    text-overflow: ellipsis
}

a.ss-typography-ellipsis-single-line,span.ss-typography-ellipsis-single-line {
    vertical-align: bottom
}

.ss-typography-ellipsis-multiple-line {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.ss-typography-rtl {
    direction: rtl
}

.ss-typography-rtl .ss-typography-expand,.ss-typography-rtl .ss-typography-edit,.ss-typography-rtl .ss-typography-copy {
    margin-right: 4px;
    margin-left: 0
}

.ss-typography-rtl .ss-typography-expand {
    float: left
}

div.ss-typography-edit-content.ss-typography-rtl {
    right: -12px;
    left: auto
}

.ss-typography-rtl .ss-typography-edit-content-confirm {
    right: auto;
    left: 10px
}

.ss-typography-rtl.ss-typography ul li,.ss-typography-rtl.ss-typography ol li {
    margin: 0 20px 0 0;
    padding: 0 4px 0 0
}

.ss-upload {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    outline: 0
}

.ss-upload p {
    margin: 0
}

.ss-upload-btn {
    display: block;
    width: 100%;
    outline: none
}

.ss-upload input[type=file] {
    cursor: pointer
}

.ss-upload.ss-upload-select {
    display: inline-block
}

.ss-upload.ss-upload-disabled {
    cursor: not-allowed
}

.ss-upload.ss-upload-select-picture-card {
    width: 104px;
    height: 104px;
    margin-right: 8px;
    margin-bottom: 8px;
    text-align: center;
    vertical-align: top;
    background-color: #fafafa;
    border: 1px dashed #d9d9d9;
    border-radius: 2px;
    cursor: pointer;
    transition: border-color .3s
}

.ss-upload.ss-upload-select-picture-card>.ss-upload {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center
}

.ss-upload.ss-upload-select-picture-card:hover {
    border-color: var(--ss-primary-color)
}

.ss-upload-disabled.ss-upload.ss-upload-select-picture-card:hover {
    border-color: #d9d9d9
}

.ss-upload.ss-upload-drag {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #fafafa;
    border: 1px dashed #d9d9d9;
    border-radius: 2px;
    cursor: pointer;
    transition: border-color .3s
}

.ss-upload.ss-upload-drag .ss-upload {
    padding: 16px 0
}

.ss-upload.ss-upload-drag.ss-upload-drag-hover:not(.ss-upload-disabled) {
    border-color: var(--ss-primary-7)
}

.ss-upload.ss-upload-drag.ss-upload-disabled {
    cursor: not-allowed
}

.ss-upload.ss-upload-drag .ss-upload-btn {
    display: table;
    height: 100%
}

.ss-upload.ss-upload-drag .ss-upload-drag-container {
    display: table-cell;
    vertical-align: middle
}

.ss-upload.ss-upload-drag:not(.ss-upload-disabled):hover {
    border-color: var(--ss-primary-5)
}

.ss-upload.ss-upload-drag p.ss-upload-drag-icon {
    margin-bottom: 20px
}

.ss-upload.ss-upload-drag p.ss-upload-drag-icon .anticon {
    color: var(--ss-primary-5);
    font-size: 48px
}

.ss-upload.ss-upload-drag p.ss-upload-text {
    margin: 0 0 4px;
    color: #000000d9;
    font-size: 16px
}

.ss-upload.ss-upload-drag p.ss-upload-hint {
    color: #00000073;
    font-size: 14px
}

.ss-upload.ss-upload-drag .anticon-plus {
    color: #00000040;
    font-size: 30px;
    transition: all .3s
}

.ss-upload.ss-upload-drag .anticon-plus:hover,.ss-upload.ss-upload-drag:hover .anticon-plus {
    color: #00000073
}

.ss-upload-picture-card-wrapper {
    display: inline-block;
    width: 100%
}

.ss-upload-picture-card-wrapper:before {
    display: table;
    content: ""
}

.ss-upload-picture-card-wrapper:after {
    display: table;
    clear: both;
    content: ""
}

.ss-upload-list {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum";
    line-height: 1.5715
}

.ss-upload-list:before {
    display: table;
    content: ""
}

.ss-upload-list:after {
    display: table;
    clear: both;
    content: ""
}

.ss-upload-list-item {
    position: relative;
    height: 22.001px;
    margin-top: 8px;
    font-size: 14px
}

.ss-upload-list-item-name {
    display: inline-block;
    width: 100%;
    padding-left: 22px;
    overflow: hidden;
    line-height: 1.5715;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ss-upload-list-item-card-actions {
    position: absolute;
    right: 0
}

.ss-upload-list-item-card-actions-btn {
    opacity: 0
}

.ss-upload-list-item-card-actions-btn.ss-btn-sm {
    height: 20px;
    line-height: 1
}

.ss-upload-list-item-card-actions.picture {
    top: 22px;
    line-height: 0
}

.ss-upload-list-item-card-actions-btn:focus,.ss-upload-list-item-card-actions.picture .ss-upload-list-item-card-actions-btn {
    opacity: 1
}

.ss-upload-list-item-card-actions .anticon {
    color: #00000073
}

.ss-upload-list-item-info {
    height: 100%;
    padding: 0 4px;
    transition: background-color .3s
}

.ss-upload-list-item-info>span {
    display: block;
    width: 100%;
    height: 100%
}

.ss-upload-list-item-info .anticon-loading .anticon,.ss-upload-list-item-info .ss-upload-text-icon .anticon {
    position: absolute;
    top: 5px;
    color: #00000073;
    font-size: 14px
}

.ss-upload-list-item .anticon-close {
    position: absolute;
    top: 6px;
    right: 4px;
    color: #00000073;
    font-size: 10px;
    line-height: 0;
    cursor: pointer;
    opacity: 0;
    transition: all .3s
}

.ss-upload-list-item .anticon-close:hover {
    color: #000000d9
}

.ss-upload-list-item:hover .ss-upload-list-item-info {
    background-color: #f5f5f5
}

.ss-upload-list-item:hover .anticon-close,.ss-upload-list-item:hover .ss-upload-list-item-card-actions-btn {
    opacity: 1
}

.ss-upload-list-item-error,.ss-upload-list-item-error .ss-upload-text-icon>.anticon,.ss-upload-list-item-error .ss-upload-list-item-name {
    color: var(--ss-error-color)
}

.ss-upload-list-item-error .ss-upload-list-item-card-actions .anticon {
    color: var(--ss-error-color)
}

.ss-upload-list-item-error .ss-upload-list-item-card-actions-btn {
    opacity: 1
}

.ss-upload-list-item-progress {
    position: absolute;
    bottom: -12px;
    width: 100%;
    padding-left: 26px;
    font-size: 14px;
    line-height: 0
}

.ss-upload-list-picture .ss-upload-list-item,.ss-upload-list-picture-card .ss-upload-list-item {
    position: relative;
    height: 66px;
    padding: 8px;
    border: 1px solid #d9d9d9;
    border-radius: 2px
}

.ss-upload-list-picture .ss-upload-list-item:hover,.ss-upload-list-picture-card .ss-upload-list-item:hover {
    background: transparent
}

.ss-upload-list-picture .ss-upload-list-item-error,.ss-upload-list-picture-card .ss-upload-list-item-error {
    border-color: var(--ss-error-color)
}

.ss-upload-list-picture .ss-upload-list-item:hover .ss-upload-list-item-info,.ss-upload-list-picture-card .ss-upload-list-item:hover .ss-upload-list-item-info {
    background: transparent
}

.ss-upload-list-picture .ss-upload-list-item-uploading,.ss-upload-list-picture-card .ss-upload-list-item-uploading {
    border-style: dashed
}

.ss-upload-list-picture .ss-upload-list-item-thumbnail,.ss-upload-list-picture-card .ss-upload-list-item-thumbnail {
    width: 48px;
    height: 48px;
    line-height: 60px;
    text-align: center;
    opacity: .8
}

.ss-upload-list-picture .ss-upload-list-item-thumbnail .anticon,.ss-upload-list-picture-card .ss-upload-list-item-thumbnail .anticon {
    font-size: 26px
}

.ss-upload-list-picture .ss-upload-list-item-error .ss-upload-list-item-thumbnail .anticon svg path[fill="#e6f7ff"],.ss-upload-list-picture-card .ss-upload-list-item-error .ss-upload-list-item-thumbnail .anticon svg path[fill="#e6f7ff"] {
    fill: var(--ss-error-color-deprecated-bg)
}

.ss-upload-list-picture .ss-upload-list-item-error .ss-upload-list-item-thumbnail .anticon svg path[fill="#1890ff"],.ss-upload-list-picture-card .ss-upload-list-item-error .ss-upload-list-item-thumbnail .anticon svg path[fill="#1890ff"] {
    fill: var(--ss-error-color)
}

.ss-upload-list-picture .ss-upload-list-item-icon,.ss-upload-list-picture-card .ss-upload-list-item-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 26px;
    transform: translate(-50%,-50%)
}

.ss-upload-list-picture .ss-upload-list-item-icon .anticon,.ss-upload-list-picture-card .ss-upload-list-item-icon .anticon {
    font-size: 26px
}

.ss-upload-list-picture .ss-upload-list-item-image,.ss-upload-list-picture-card .ss-upload-list-item-image {
    max-width: 100%
}

.ss-upload-list-picture .ss-upload-list-item-thumbnail img,.ss-upload-list-picture-card .ss-upload-list-item-thumbnail img {
    display: block;
    width: 48px;
    height: 48px;
    overflow: hidden
}

.ss-upload-list-picture .ss-upload-list-item-name,.ss-upload-list-picture-card .ss-upload-list-item-name {
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    margin: 0 0 0 8px;
    padding-right: 8px;
    padding-left: 48px;
    overflow: hidden;
    line-height: 44px;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .3s
}

.ss-upload-list-picture .ss-upload-list-item-uploading .ss-upload-list-item-name,.ss-upload-list-picture-card .ss-upload-list-item-uploading .ss-upload-list-item-name {
    margin-bottom: 12px
}

.ss-upload-list-picture .ss-upload-list-item-progress,.ss-upload-list-picture-card .ss-upload-list-item-progress {
    bottom: 14px;
    width: calc(100% - 24px);
    margin-top: 0;
    padding-left: 56px
}

.ss-upload-list-picture .anticon-close,.ss-upload-list-picture-card .anticon-close {
    position: absolute;
    top: 8px;
    right: 8px;
    line-height: 1;
    opacity: 1
}

.ss-upload-list-picture-card-container {
    display: inline-block;
    width: 104px;
    height: 104px;
    margin: 0 8px 8px 0;
    vertical-align: top
}

.ss-upload-list-picture-card.ss-upload-list:after {
    display: none
}

.ss-upload-list-picture-card .ss-upload-list-item {
    height: 100%;
    margin: 0
}

.ss-upload-list-picture-card .ss-upload-list-item-info {
    position: relative;
    height: 100%;
    overflow: hidden
}

.ss-upload-list-picture-card .ss-upload-list-item-info:before {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    opacity: 0;
    transition: all .3s;
    content: " "
}

.ss-upload-list-picture-card .ss-upload-list-item:hover .ss-upload-list-item-info:before {
    opacity: 1
}

.ss-upload-list-picture-card .ss-upload-list-item-actions {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    white-space: nowrap;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: all .3s
}

.ss-upload-list-picture-card .ss-upload-list-item-actions .anticon-eye,.ss-upload-list-picture-card .ss-upload-list-item-actions .anticon-download,.ss-upload-list-picture-card .ss-upload-list-item-actions .anticon-delete {
    z-index: 10;
    width: 16px;
    margin: 0 4px;
    color: #ffffffd9;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s
}

.ss-upload-list-picture-card .ss-upload-list-item-actions .anticon-eye:hover,.ss-upload-list-picture-card .ss-upload-list-item-actions .anticon-download:hover,.ss-upload-list-picture-card .ss-upload-list-item-actions .anticon-delete:hover {
    color: #fff
}

.ss-upload-list-picture-card .ss-upload-list-item-info:hover+.ss-upload-list-item-actions,.ss-upload-list-picture-card .ss-upload-list-item-actions:hover {
    opacity: 1
}

.ss-upload-list-picture-card .ss-upload-list-item-thumbnail,.ss-upload-list-picture-card .ss-upload-list-item-thumbnail img {
    position: static;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.ss-upload-list-picture-card .ss-upload-list-item-name {
    display: none;
    margin: 8px 0 0;
    padding: 0;
    line-height: 1.5715;
    text-align: center
}

.ss-upload-list-picture-card .ss-upload-list-item-file+.ss-upload-list-item-name {
    position: absolute;
    bottom: 10px;
    display: block
}

.ss-upload-list-picture-card .ss-upload-list-item-uploading.ss-upload-list-item {
    background-color: #fafafa
}

.ss-upload-list-picture-card .ss-upload-list-item-uploading .ss-upload-list-item-info {
    height: auto
}

.ss-upload-list-picture-card .ss-upload-list-item-uploading .ss-upload-list-item-info:before,.ss-upload-list-picture-card .ss-upload-list-item-uploading .ss-upload-list-item-info .anticon-eye,.ss-upload-list-picture-card .ss-upload-list-item-uploading .ss-upload-list-item-info .anticon-delete {
    display: none
}

.ss-upload-list-picture-card .ss-upload-list-item-progress {
    bottom: 32px;
    width: calc(100% - 14px);
    padding-left: 0
}

.ss-upload-list-text-container,.ss-upload-list-picture-container {
    transition: opacity .3s,height .3s
}

.ss-upload-list-text-container:before,.ss-upload-list-picture-container:before {
    display: table;
    width: 0;
    height: 0;
    content: ""
}

.ss-upload-list-text-container .ss-upload-span,.ss-upload-list-picture-container .ss-upload-span {
    display: block;
    flex: auto
}

.ss-upload-list-text .ss-upload-span,.ss-upload-list-picture .ss-upload-span {
    display: flex;
    align-items: center
}

.ss-upload-list-text .ss-upload-span>*,.ss-upload-list-picture .ss-upload-span>* {
    flex: none
}

.ss-upload-list-text .ss-upload-list-item-name,.ss-upload-list-picture .ss-upload-list-item-name {
    flex: auto;
    margin: 0;
    padding: 0 8px
}

.ss-upload-list-text .ss-upload-list-item-card-actions,.ss-upload-list-picture .ss-upload-list-item-card-actions,.ss-upload-list-text .ss-upload-text-icon .anticon {
    position: static
}

.ss-upload-list .ss-upload-animate-inline-appear,.ss-upload-list .ss-upload-animate-inline-enter,.ss-upload-list .ss-upload-animate-inline-leave {
    animation-duration: .3s;
    animation-fill-mode: cubic-bezier(.78,.14,.15,.86)
}

.ss-upload-list .ss-upload-animate-inline-appear,.ss-upload-list .ss-upload-animate-inline-enter {
    animation-name: uploadAnimateInlineIn
}

.ss-upload-list .ss-upload-animate-inline-leave {
    animation-name: uploadAnimateInlineOut
}

@keyframes uploadAnimateInlineIn {
    0% {
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        opacity: 0
    }
}

@keyframes uploadAnimateInlineOut {
    to {
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        opacity: 0
    }
}

.ss-upload-rtl {
    direction: rtl
}

.ss-upload-rtl.ss-upload.ss-upload-select-picture-card {
    margin-right: auto;
    margin-left: 8px
}

.ss-upload-list-rtl {
    direction: rtl
}

.ss-upload-list-rtl .ss-upload-list-item-list-type-text:hover .ss-upload-list-item-name-icon-count-1 {
    padding-right: 22px;
    padding-left: 14px
}

.ss-upload-list-rtl .ss-upload-list-item-list-type-text:hover .ss-upload-list-item-name-icon-count-2 {
    padding-right: 22px;
    padding-left: 28px
}

.ss-upload-list-rtl .ss-upload-list-item-name {
    padding-right: 22px;
    padding-left: 0
}

.ss-upload-list-rtl .ss-upload-list-item-name-icon-count-1 {
    padding-left: 14px
}

.ss-upload-list-rtl .ss-upload-list-item-card-actions {
    right: auto;
    left: 0
}

.ss-upload-list-rtl .ss-upload-list-item-card-actions .anticon {
    padding-right: 0;
    padding-left: 5px
}

.ss-upload-list-rtl .ss-upload-list-item-info {
    padding: 0 4px 0 12px
}

.ss-upload-list-rtl .ss-upload-list-item .anticon-close {
    right: auto;
    left: 4px
}

.ss-upload-list-rtl .ss-upload-list-item-error .ss-upload-list-item-card-actions .anticon {
    padding-right: 0;
    padding-left: 5px
}

.ss-upload-list-rtl .ss-upload-list-item-progress {
    padding-right: 26px;
    padding-left: 0
}

.ss-upload-list-picture .ss-upload-list-item-info,.ss-upload-list-picture-card .ss-upload-list-item-info {
    padding: 0
}

.ss-upload-list-rtl.ss-upload-list-picture .ss-upload-list-item-thumbnail,.ss-upload-list-rtl.ss-upload-list-picture-card .ss-upload-list-item-thumbnail {
    right: 8px;
    left: auto
}

.ss-upload-list-rtl.ss-upload-list-picture .ss-upload-list-item-icon,.ss-upload-list-rtl.ss-upload-list-picture-card .ss-upload-list-item-icon {
    right: 50%;
    left: auto;
    transform: translate(50%,-50%)
}

.ss-upload-list-rtl.ss-upload-list-picture .ss-upload-list-item-name,.ss-upload-list-rtl.ss-upload-list-picture-card .ss-upload-list-item-name {
    margin: 0 8px 0 0;
    padding-right: 48px;
    padding-left: 8px
}

.ss-upload-list-rtl.ss-upload-list-picture .ss-upload-list-item-name-icon-count-1,.ss-upload-list-rtl.ss-upload-list-picture-card .ss-upload-list-item-name-icon-count-1 {
    padding-right: 48px;
    padding-left: 18px
}

.ss-upload-list-rtl.ss-upload-list-picture .ss-upload-list-item-name-icon-count-2,.ss-upload-list-rtl.ss-upload-list-picture-card .ss-upload-list-item-name-icon-count-2 {
    padding-right: 48px;
    padding-left: 36px
}

.ss-upload-list-rtl.ss-upload-list-picture .ss-upload-list-item-progress,.ss-upload-list-rtl.ss-upload-list-picture-card .ss-upload-list-item-progress {
    padding-right: 0;
    padding-left: 0
}

.ss-upload-list-rtl.ss-upload-list-picture .anticon-close,.ss-upload-list-rtl.ss-upload-list-picture-card .anticon-close {
    right: auto;
    left: 8px
}

.ss-upload-list-rtl .ss-upload-list-picture-card-container {
    margin: 0 0 8px 8px
}

.ss-upload-list-rtl.ss-upload-list-picture-card .ss-upload-list-item-actions {
    right: 50%;
    left: auto;
    transform: translate(50%,-50%)
}

.ss-upload-list-rtl.ss-upload-list-picture-card .ss-upload-list-item-file+.ss-upload-list-item-name {
    margin: 8px 0 0;
    padding: 0
}

.active_height {
    max-height: 122px
}

:deep(.ss-menu-title-content) {
    font-size: 14px;
    color: #000!important
}

.primary-color-text[data-v-0b132785] {
    color: #2878ff
}

.success-color-text[data-v-0b132785] {
    color: #52c41a
}

.error-color-text[data-v-0b132785] {
    color: #f5222d
}

.menu-title[data-v-0b132785] {
    font-weight: 400;
    font-size: 14px;
    color: #838383
}

.ml-2[data-v-0b132785] {
    font-weight: 400;
    font-size: 14px
}

.menuInfo_icon[data-v-0b132785] {
    font-size: 22px;
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.primary-color-text[data-v-d0ac9474] {
    color: #2878ff
}

.success-color-text[data-v-d0ac9474] {
    color: #52c41a
}

.error-color-text[data-v-d0ac9474] {
    color: #f5222d
}

.team-slider .team-list[data-v-d0ac9474] {
    overflow-y: auto
}

.team-slider .team-item[data-v-d0ac9474] {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer
}

.team-slider .team-item[data-v-d0ac9474]:hover {
    background-color: #f5f5f5
}

.team-slider .team-item[data-v-d0ac9474]:last-child {
    margin-bottom: 0
}

.team-slider .team-item .team-avatar[data-v-d0ac9474] {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 10px
}

.team-slider .team-item .team-avatar-box[data-v-d0ac9474] {
    width: 36px;
    height: 36px;
    background-color: #1890ff;
    border-radius: 50%;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px
}

.primary-color-text[data-v-01ccacf1] {
    color: #2878ff
}

.success-color-text[data-v-01ccacf1] {
    color: #52c41a
}

.error-color-text[data-v-01ccacf1] {
    color: #f5222d
}

.password_tips[data-v-01ccacf1] {
    padding: 5px 10px
}

.password_tips .cryptographic_strength .bottom_tips_box[data-v-01ccacf1] {
    display: flex;
    gap: 5px
}

.password_tips .cryptographic_strength .bottom_tips_box .is_tips[data-v-01ccacf1] {
    color: var(--ss-error-color);
    font-size: 14px
}

.password_tips .cryptographic_strength .svg_box[data-v-01ccacf1] {
    display: flex;
    align-items: center
}

.password_tips .cryptographic_strength .svg_box .passwor_show_box[data-v-01ccacf1] {
    display: flex;
    gap: 5px
}

.password_tips .cryptographic_strength .svg_box .passwor_show_box .passwor_show_box_item[data-v-01ccacf1] {
    width: 40px;
    height: 8px;
    background-color: pink;
    border: .5px solid #c9c9c9
}

.password_tips .cryptographic_strength .svg_box .cryptographic_strength_text[data-v-01ccacf1] {
    font-size: 14px;
    margin-left: 10px;
    margin-right: 5px;
    color: #727272
}

.login_modal .ss-modal-content {
    box-shadow: none;
    background: transparent
}

.primary-color-text[data-v-2298caa1] {
    color: #2878ff
}

.success-color-text[data-v-2298caa1] {
    color: #52c41a
}

.error-color-text[data-v-2298caa1] {
    color: #f5222d
}

.modal-content[data-v-2298caa1] {
    padding: 62px 38px 34px;
    position: relative;
    background: #fff;
    background-size: 100% 100%;
    border-radius: 8px
}

.modal-content .login_type[data-v-2298caa1] {
    width: 100%;
    display: flex;
    justify-content: flex-start
}

.modal-content .login_type>div[data-v-2298caa1] {
    border: 1px solid #d4d4d5;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin-right: 20px;
    cursor: pointer;
    padding: 0 15px;
    transition: .3s ease
}

.modal-content .login_type>div[data-v-2298caa1]:hover {
    border: 1px solid var(--ss-primary-color);
    color: var(--ss-primary-color)
}

.modal-content .info[data-v-2298caa1] {
    margin-top: 30px;
    font-size: 16px;
    color: #999
}

.modal-content .header-title[data-v-2298caa1] {
    font-family: Source Han Sans,Source Han Sans;
    font-weight: 500;
    font-size: 18px;
    color: #333;
    text-align: left;
    font-style: normal;
    text-transform: none
}

.modal-content .header-qrdesc[data-v-2298caa1] {
    font-family: Source Han Sans,Source Han Sans;
    font-weight: 400;
    font-size: 14px;
    color: #666;
    font-style: normal;
    text-transform: none
}

.modal-content .header-sub-title[data-v-2298caa1] {
    margin-top: 5px;
    color: #999
}

.modal-content .scan-header[data-v-2298caa1] {
    width: 100%
}

.modal-content .login-qrcode[data-v-2298caa1] {
    width: 100%;
    height: 100%
}

.modal-content .switch-type[data-v-2298caa1] {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
    cursor: pointer;
    overflow: hidden
}

.modal-content .switch-type .switch-type-img[data-v-2298caa1] {
    width: 70px;
    height: 70px;
    object-fit: cover;
    position: absolute
}

.modal-content .switch-type .switch-type-tip[data-v-2298caa1] {
    background-color: #2878ff;
    color: #fff;
    border-radius: 4px;
    width: 150px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -45px;
    right: 0
}

.modal-content .switch-type .switch-type-tip[data-v-2298caa1]:after {
    content: "";
    position: absolute;
    bottom: -4px;
    right: 15px;
    transform: translate(-50%) rotate(45deg);
    border: 1px solid #2878ff;
    background: #2878ff;
    width: 7.8px;
    height: 7.8px;
    border-left: 0;
    border-bottom: 0
}

.modal-content .switch-type .mask[data-v-2298caa1] {
    position: absolute;
    z-index: 2;
    top: 0;
    background: #fff;
    clip-path: polygon(0 0,100% 100%,100% 100%,0 100%)
}

.modal-content .phone-input-wrap[data-v-2298caa1] {
    width: 360px;
    height: 55px;
    border: 1px solid #e0e0e6;
    border-radius: 10px;
    margin: 15px auto 0;
    transition: .3s ease
}

.modal-content .phone-input-wrap[data-v-2298caa1]:hover {
    border: 1px solid var(--ss-primary-color);
    z-index: 999
}

.modal-content .code-input-wrap[data-v-2298caa1] {
    width: 360px;
    height: 55px;
    border: 1px solid #e0e0e6;
    border-radius: 10px;
    margin: 15px auto 0;
    transition: .3s ease
}

.modal-content .code-input-wrap[data-v-2298caa1]:hover {
    border: 1px solid var(--ss-primary-color);
    z-index: 999
}

.modal-content[data-v-2298caa1] .phone-input,.modal-content[data-v-2298caa1] .code-input {
    height: 100%;
    border-radius: 10px
}

#captchaModal[data-v-2298caa1] {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    width: 100%;
    height: 100%
}

.imageVerify-modal-wrap[data-v-2298caa1] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00000080
}

.imageVerify-modal-wrap .imageVerify-modal[data-v-2298caa1] {
    width: 444px;
    height: 230px;
    background-color: #fff;
    border-radius: 4px;
    padding: 60px 30px 30px;
    position: relative
}

.imageVerify-modal-wrap .imageVerify-modal .imageVerify-modal-close[data-v-2298caa1] {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    font-size: 18px;
    padding: 15px
}

.imageVerify-modal-wrap .imageVerify-modal .imageVerify-input-wrap[data-v-2298caa1] {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px
}

.imageVerify-modal-wrap .imageVerify-modal .imageVerify-input-wrap[data-v-2298caa1] .imageVerify-input {
    flex: 1;
    border: none;
    box-shadow: none;
    border-radius: 0
}

.imageVerify-modal-wrap .imageVerify-modal .imageVerify-input-wrap .imageVerify-img[data-v-2298caa1] {
    width: 117px;
    height: 36px;
    margin-left: 10px;
    border: 2px solid #f1f1f1
}

.imageVerify-modal-wrap .imageVerify-modal .imageVerify-input-wrap .imageVerify-img-refresh[data-v-2298caa1] {
    padding: 0 6px;
    margin-left: 5px;
    font-size: 16px;
    cursor: pointer
}

.imageVerify-modal-wrap .imageVerify-modal .imageVerify-btn[data-v-2298caa1] {
    margin-top: 40px;
    width: 100%
}

.rich-text-wrapper[data-v-2298caa1] {
    width: 100%;
    height: 600px;
    overflow-y: auto;
    padding: 20px
}

.rich-text-wrapper[data-v-2298caa1]::-webkit-scrollbar {
    width: 8px;
    height: 10px
}

.rich-text-wrapper[data-v-2298caa1]::-webkit-scrollbar-thumb {
    background: #eee;
    border-radius: 10px
}

.code-safe[data-v-2298caa1] {
    position: absolute;
    inset: 0;
    background-color: #000000e6;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

.Verificode_btn[data-v-2298caa1] {
    width: 360px;
    height: 55px;
    border-radius: 10px;
    margin: 20px 0 15px;
    border: none;
    font-size: 20px
}

[data-v-2298caa1] .ant-checkbox+span {
    padding-right: 0!important
}

.primary-color-text[data-v-5d2626c3] {
    color: #2878ff
}

.success-color-text[data-v-5d2626c3] {
    color: #52c41a
}

.error-color-text[data-v-5d2626c3] {
    color: #f5222d
}

[data-v-5d2626c3] .ant-modal-content {
    border-radius: 10px
}

.activate_member_ship[data-v-5d2626c3] {
    width: 100%;
    background-color: #fff
}

.activate_member_ship .top_bar[data-v-5d2626c3] {
    width: 100%;
    height: 70px;
    background-color: #292d42;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.activate_member_ship .top_bar .close-button[data-v-5d2626c3] {
    position: absolute;
    top: 18px;
    right: 20px;
    color: #fff;
    font-size: 20px;
    cursor: pointer
}

.activate_member_ship .top_bar .close-button[data-v-5d2626c3]:hover {
    color: #2878ff
}

.activate_member_ship .top_bar .left_team_con[data-v-5d2626c3] {
    display: flex;
    align-items: center;
    margin-left: 20px
}

.activate_member_ship .top_bar .left_team_con .left_avatar[data-v-5d2626c3] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--ss-primary-color);
    color: #fff
}

.activate_member_ship .top_bar .left_team_con .left_avatar img[data-v-5d2626c3] {
    width: 36px;
    height: 36px;
    border-radius: 50%
}

.activate_member_ship .top_bar .left_team_con .team-avatar-box[data-v-5d2626c3] {
    width: 36px;
    height: 36px;
    background-color: #1890ff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px
}

.activate_member_ship .top_bar .left_team_con .right_name[data-v-5d2626c3] {
    margin-left: 10px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #fff
}

.activate_member_ship .top_bar .left_team_con .right_name .top_user[data-v-5d2626c3] {
    display: flex;
    align-items: center
}

.activate_member_ship .top_bar .right_tips[data-v-5d2626c3] {
    font-size: 15px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #e6e6e6;
    margin-right: 200px
}

.activate_member_ship .tab_con[data-v-5d2626c3] {
    width: 100%;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #292d42
}

.activate_member_ship .tab_con .tab_item[data-v-5d2626c3] {
    width: 33.3%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: PingFang SC;
    color: #fff;
    font-weight: 700;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #64677c;
    font-size: 16px;
    cursor: pointer;
    margin-left: 2px
}

.activate_member_ship .tab_con .tab_item.active[data-v-5d2626c3] {
    background-color: #7a46fc
}

.activate_member_ship .tab_con .tab_item[data-v-5d2626c3]:nth-child(1) {
    margin-left: 0
}

.activate_member_ship .tab_main[data-v-5d2626c3] {
    width: 100%;
    background-color: #f2f2f2;
    padding: 20px;
    display: flex;
    justify-content: flex-start;
    border-radius: 10px;
    overflow: hidden
}

.activate_member_ship .tab_main .pay_con[data-v-5d2626c3] {
    padding: 20px;
    width: 100%;
    height: 131px;
    background: #f9f9fa;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 20px;
    margin-bottom: 20px
}

.activate_member_ship .tab_main .pay_con .left_ercode_2[data-v-5d2626c3] {
    width: 106px;
    height: 104px
}

.activate_member_ship .tab_main .pay_con .right_choose_pay[data-v-5d2626c3] {
    padding-left: 20px;
    width: calc(100% - 200px)
}

.activate_member_ship .tab_main .pay_con .right_choose_pay .pay_methods .methods_tab[data-v-5d2626c3] {
    display: flex;
    align-items: center
}

.activate_member_ship .tab_main .pay_con .right_choose_pay .pay_methods .methods_tab .pay_title[data-v-5d2626c3] {
    color: #999
}

.activate_member_ship .tab_main .pay_con .right_choose_pay .pay_methods .methods_tab .methods_item[data-v-5d2626c3] {
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    cursor: pointer
}

.activate_member_ship .tab_main .pay_con .right_choose_pay .pay_methods .methods_tab .methods_item[data-v-5d2626c3]:nth-child(1) {
    margin-left: 0
}

.activate_member_ship .tab_main .pay_con .right_choose_pay .pay_methods .methods_tab .methods_item.pay_active[data-v-5d2626c3] {
    border: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOgAAABECAMAAAC8qYnfAAAAGFBMVEVHcEx4RP15Rfx6Rvx5Rfx6Rvx5Rfx5RPwZd4OWAAAACHRSTlMAJWR/4P+sTaC9xdUAAAEfSURBVHja7dsxdsQwDANRSuDI979xis2zZaXI1iCnYf17Iu7GlF1zxNFQYlnqZRXGKe4WQC7ZtRJg7c68wrIrH6kAhWEHb9xOY+n43AzrEvQ5V1h3QUYMyDAvYcSEFeYtmCFQmCdQQxva0IY2tKENbWhDG9rQhja0oQ1taEO/SUWgogZU1ICKGlBRAypqQEUNqKgBFTWgogZU1ICKGlBRAypqQEUNqKgBFTWgogD0dKZyh/o6R1w71Nh5QJ2dO9TZeUBtnZZQwbzycBpCBSti5Oa0hOqXN/Jx7tAJy8R5Sw8nC6bLY7LgkR5OEobJq7lgk8bbCaTJeEDwkp5O5DEHEXv518mwGPiId7k4ksVkS/zXqjXC859V1hrKlpk+/wDbbS2vrJpBggAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.activate_member_ship .tab_main .pay_con .right_choose_pay .pay_total[data-v-5d2626c3] {
    display: flex;
    align-items: center
}

.activate_member_ship .tab_main .pay_con .right_choose_pay .pay_total .pay_title[data-v-5d2626c3] {
    font-size: 13px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #999
}

.activate_member_ship .tab_main .pay_con .right_choose_pay .pay_total .pay_value[data-v-5d2626c3] {
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #f2372e;
    margin-left: 10px
}

.activate_member_ship .tab_main .pay_con .right_choose_pay .pay_total .pay_tips[data-v-5d2626c3] {
    background: #f2372e1a;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #f2372e;
    padding: 0 10px;
    margin-left: 10px
}

.activate_member_ship .tab_main .pay_con .right_choose_pay .bottom_box[data-v-5d2626c3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px
}

.activate_member_ship .tab_main .pay_con .right_choose_pay .bottom_box .left_agree[data-v-5d2626c3],.activate_member_ship .tab_main .pay_con .right_choose_pay .bottom_box .right_cutdown[data-v-5d2626c3] {
    font-size: 13px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #999
}

.vip-pay-modal .ss-modal-content {
    padding: 0!important
}

.primary-color-text[data-v-ac2a5679] {
    color: #2878ff
}

.success-color-text[data-v-ac2a5679] {
    color: #52c41a
}

.error-color-text[data-v-ac2a5679] {
    color: #f5222d
}

.package-list[data-v-ac2a5679] {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    margin-top: 20px;
    height: 220px;
    overflow-x: auto
}

.package-item[data-v-ac2a5679] {
    width: 170px;
    height: 205px;
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    cursor: pointer
}

.item-content[data-v-ac2a5679] {
    flex: 1
}

.point[data-v-ac2a5679] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ss-primary-color);
    margin-top: 20px;
    font-size: 16px
}

.point-icon[data-v-ac2a5679] {
    color: #72c23d;
    margin-right: 2px;
    margin-top: 4px
}

.money-icon[data-v-ac2a5679] {
    font-size: 14px
}

.price[data-v-ac2a5679] {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    margin-top: 50px
}

.item-bottom[data-v-ac2a5679] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 20px;
    background-color: #f7f8fc;
    border-radius: 0 0 10px 10px;
    color: #333
}

.active[data-v-ac2a5679] {
    border: 2px solid var(--ss-primary-color)
}

.active .item-bottom[data-v-ac2a5679] {
    background-color: var(--ss-primary-color);
    color: #fff;
    border-radius: 0 0 7px 7px
}

.give-item-icon[data-v-ac2a5679] {
    background-color: #fcdcdd;
    color: #e75767;
    font-size: 14px;
    margin-right: 10px;
    padding: 0 2px;
    border-radius: 2px
}

.pay-area[data-v-ac2a5679] {
    display: flex;
    gap: 10px;
    margin-top: 22px;
    padding: 34px 20px;
    background-color: #f9f9fa;
    border-radius: 20px
}

.pay-area .pay-qr-code img[data-v-ac2a5679] {
    width: 110px;
    height: 110px
}

.pay-area .pay-content-area[data-v-ac2a5679] {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.pay-area .pay-content-area .methods_tab[data-v-ac2a5679] {
    display: flex;
    align-items: center;
    font-size: 14px
}

.pay-area .pay-content-area .methods_tab .methods_item[data-v-ac2a5679] {
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    cursor: pointer
}

.pay-area .pay-content-area .methods_tab .methods_item[data-v-ac2a5679]:nth-child(1) {
    margin-left: 0
}

.pay-area .pay-content-area .methods_tab .methods_item.pay_active[data-v-ac2a5679] {
    border: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOgAAABECAMAAAC8qYnfAAAAGFBMVEVHcEx4RP15Rfx6Rvx5Rfx6Rvx5Rfx5RPwZd4OWAAAACHRSTlMAJWR/4P+sTaC9xdUAAAEfSURBVHja7dsxdsQwDANRSuDI979xis2zZaXI1iCnYf17Iu7GlF1zxNFQYlnqZRXGKe4WQC7ZtRJg7c68wrIrH6kAhWEHb9xOY+n43AzrEvQ5V1h3QUYMyDAvYcSEFeYtmCFQmCdQQxva0IY2tKENbWhDG9rQhja0oQ1taEO/SUWgogZU1ICKGlBRAypqQEUNqKgBFTWgogZU1ICKGlBRAypqQEUNqKgBFTWgogD0dKZyh/o6R1w71Nh5QJ2dO9TZeUBtnZZQwbzycBpCBSti5Oa0hOqXN/Jx7tAJy8R5Sw8nC6bLY7LgkR5OEobJq7lgk8bbCaTJeEDwkp5O5DEHEXv518mwGPiId7k4ksVkS/zXqjXC859V1hrKlpk+/wDbbS2vrJpBggAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.pay-area .pay-content-area .pay-moneny-area[data-v-ac2a5679] {
    display: flex;
    align-items: center
}

.pay-area .pay-content-area .pay-moneny-area .momey-label[data-v-ac2a5679] {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #999
}

.pay-area .pay-content-area .pay-moneny-area .momey-value[data-v-ac2a5679] {
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #f2372e
}

.pay-area .pay-content-area .pay-moneny-area .discount[data-v-ac2a5679] {
    background-color: #f9e6e6;
    color: #f2372e;
    padding: 2px 10px;
    border-radius: 2px;
    font-size: 14px;
    margin-left: 10px
}

.pay-area .pay-content-area .pay-tip[data-v-ac2a5679] {
    color: #f2372e
}

.pay-area .pay-content-area .pay-bottom[data-v-ac2a5679] {
    display: flex;
    cursor: pointer
}

.pay-area .pay-content-area .pay-bottom .user-agreement[data-v-ac2a5679] {
    color: var(--ss-primary-color)
}

.pay-area .pay-content-area .pay-bottom .user-link[data-v-ac2a5679] {
    color: orange
}

.primary-color-text[data-v-3e2e65b0] {
    color: #2878ff
}

.success-color-text[data-v-3e2e65b0] {
    color: #52c41a
}

.error-color-text[data-v-3e2e65b0] {
    color: #f5222d
}

.title[data-v-3e2e65b0] {
    display: flex;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px
}

.table-content[data-v-3e2e65b0] {
    height: 600px;
    overflow: hidden auto
}

.primary-color-text[data-v-74daf40a] {
    color: #2878ff
}

.success-color-text[data-v-74daf40a] {
    color: #52c41a
}

.error-color-text[data-v-74daf40a] {
    color: #f5222d
}

[data-v-74daf40a] .ss-modal-header {
    border-bottom: none!important
}

[data-v-74daf40a] .ss-modal-body {
    padding-top: 0
}

[data-v-74daf40a] .ss-modal-footer {
    border-top: none!important;
    padding: 10px 16px 22px
}

.baseModel[data-v-74daf40a] .ss-modal-content {
    border-radius: 10px;
    overflow: hidden
}

.primary-color-text[data-v-7aa0eb09] {
    color: #2878ff
}

.success-color-text[data-v-7aa0eb09] {
    color: #52c41a
}

.error-color-text[data-v-7aa0eb09] {
    color: #f5222d
}

.content[data-v-7aa0eb09] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 20px
}

.content .title[data-v-7aa0eb09] {
    font-size: 18px;
    font-weight: 600
}

.content .img_box[data-v-7aa0eb09] {
    width: 100%;
    padding: 25px 40px
}

.content .img_box img[data-v-7aa0eb09] {
    object-fit: cover;
    width: 100%
}

.content .bottom_tips[data-v-7aa0eb09] {
    color: #666;
    font-size: 12px
}

.primary-color-text[data-v-3eb02ed5] {
    color: #2878ff
}

.success-color-text[data-v-3eb02ed5] {
    color: #52c41a
}

.error-color-text[data-v-3eb02ed5] {
    color: #f5222d
}

.vip-modal[data-v-3eb02ed5] .ant-modal-content {
    padding: 0!important;
    border-radius: 30px!important
}

.vip-main[data-v-3eb02ed5] {
    height: 702px;
    background-color: #fff
}

.vip-header[data-v-3eb02ed5] {
    width: 100%;
    background-color: #292d42;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    color: #fff;
    padding: 30px 20px 80px;
    background-image: url(/assets/png/header-banner-LdcwKb_v.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.header-left[data-v-3eb02ed5] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    margin: 0 20px
}

.header-right[data-v-3eb02ed5] {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    font-size: 15px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #e6e6e6;
    padding-left: 150px;
    align-self: flex-start;
    transform: translateY(-40px)
}

.team-tip[data-v-3eb02ed5] {
    font-size: 12px;
    margin-top: 2px
}

.avatar-icon[data-v-3eb02ed5] {
    width: 50px;
    height: 50px;
    background-color: var(--ss-primary-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px
}

.avatar-icon img[data-v-3eb02ed5] {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.close-icon[data-v-3eb02ed5] {
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    margin: 20px 10px 20px 20px
}

.tab-list[data-v-3eb02ed5] {
    width: 100%;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #292d42
}

.tab-item[data-v-3eb02ed5] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: PingFang SC;
    color: #fff;
    font-weight: 700;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #9b9daa;
    font-size: 16px;
    cursor: pointer;
    flex: 1;
    margin-left: 2px;
    height: 100%
}

.tab-item[data-v-3eb02ed5]:first-child {
    margin-left: 0
}

.vip-content[data-v-3eb02ed5] {
    width: 100%;
    padding: 0 20px 0 0;
    height: calc(100% - 160px);
    display: flex;
    justify-content: flex-start;
    overflow: hidden
}

.vip-left-content[data-v-3eb02ed5] {
    width: 22%;
    height: 100%;
    padding: 30px 20px 10px;
    background-color: #f7f9fa;
    position: relative;
    border-radius: 0 10px 10px 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.vip-left-content .package_content_box[data-v-3eb02ed5] {
    flex: 1;
    overflow-y: auto;
    padding-bottom: 20px
}

.vip-left-content .package_content_box[data-v-3eb02ed5]::-webkit-scrollbar {
    width: 0;
    height: 0
}

.vip-left-content .package_content_box .view_more_box[data-v-3eb02ed5] {
    text-align: center;
    cursor: pointer;
    color: var(--ss-primary-color)
}

.vip-left-content .package_content_box .view_more_box[data-v-3eb02ed5]:hover {
    color: var(--ss-primary-color-hover)
}

.vip-left-content .package_content_box .view_more_box .view_more[data-v-3eb02ed5] {
    font-size: 12px
}

.vip-right-content[data-v-3eb02ed5] {
    position: relative;
    width: 78%;
    height: 100%;
    padding: 10px 0
}

.vip-right-content .package_list_container[data-v-3eb02ed5] {
    height: 100%;
    overflow-y: auto;
    background-color: #f9f9fa00;
    padding: 0 10px
}

.active-tab[data-v-3eb02ed5] {
    background-color: #5893f7!important
}

.left-title[data-v-3eb02ed5] {
    font-weight: 700;
    font-size: 20px;
    color: #000
}

.left-desc[data-v-3eb02ed5] {
    margin-top: 10px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #666;
    white-space: pre-wrap
}

.package_list[data-v-3eb02ed5] {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 0 2px;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-behavior: smooth
}

.package_list[data-v-3eb02ed5]::-webkit-scrollbar {
    width: 0;
    height: 0
}

.package_list .package_item[data-v-3eb02ed5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 287px;
    min-height: 150px;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    flex-shrink: 0;
    cursor: pointer;
    border: 2px solid #e9edf2;
    position: relative;
    overflow: hidden;
    padding: 10px
}

.package_list .package_item .subscript[data-v-3eb02ed5] {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 20px;
    background-color: #87ceeb;
    border-radius: 0 0 0 10px;
    color: #fff;
    font-size: 12px
}

.package_list .package_item .package_item-con[data-v-3eb02ed5] {
    display: flex;
    flex-direction: column
}

.package_list .package_item .package_price[data-v-3eb02ed5] {
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #f2372e
}

.package_list .package_item .package_price .pay-money[data-v-3eb02ed5] {
    font-size: 36px
}

.package_list .package_item .package_name[data-v-3eb02ed5] {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #333;
    padding-top: 10px
}

.package_list .package_item .package_props_con[data-v-3eb02ed5] {
    min-height: 104px;
    padding-bottom: 20px
}

.package_list .package_item .package_props_con .package_props_item[data-v-3eb02ed5] {
    font-size: 14px;
    font-family: PingFang SC;
    white-space: pre-wrap;
    letter-spacing: 1px;
    margin-top: 4px
}

.package_list .package_item .package_props_con .font-bod[data-v-3eb02ed5] {
    font-weight: 700
}

.package_list .active-package[data-v-3eb02ed5] {
    border: 2px solid var(--ss-primary-color);
    border-radius: 10px
}

.package_list .active-package .give-item[data-v-3eb02ed5] {
    background-color: var(--ss-primary-color)
}

.package_list .active-package .give-item-text[data-v-3eb02ed5] {
    color: #fff
}

.pay-content[data-v-3eb02ed5] {
    padding: 20px;
    width: 100%;
    height: 180px;
    background: #f9f9fa;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 30px
}

.methods_tab[data-v-3eb02ed5] {
    display: flex
}

.methods_tab .momey-label[data-v-3eb02ed5] {
    color: #999
}

.methods_tab_item[data-v-3eb02ed5] {
    width: 116px;
    height: 34px;
    border: 2px solid #dfdfdf;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    cursor: pointer
}

.status_btn[data-v-3eb02ed5] {
    margin-top: 10px;
    width: 189px;
    height: 44px;
    background: linear-gradient(90deg,#ff574a,#fdb63b);
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 800;
    color: #fff;
    cursor: pointer
}

.status_btn_disabled[data-v-3eb02ed5] {
    margin-top: 10px;
    width: 189px;
    height: 44px;
    background: linear-gradient(90deg,#ff574a,#fdb63b);
    opacity: .43;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 800;
    color: #fff;
    cursor: pointer
}

.right-arrow[data-v-3eb02ed5] {
    position: absolute;
    top: 50%;
    right: -10px;
    z-index: 11;
    transform: translateY(-280%);
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #fff;
    color: var(--ss-primary-color);
    font-size: 20px;
    box-shadow: 0 0 18px var(--ss-primary-2);
    border-radius: 50%;
    cursor: pointer;
    display: none;
    transition: .3s ease
}

.left-arrow[data-v-3eb02ed5] {
    position: absolute;
    top: 50%;
    left: -10px;
    z-index: 11;
    transform: translateY(-280%);
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #fff;
    color: var(--ss-primary-color);
    font-size: 20px;
    box-shadow: 0 0 18px var(--ss-primary-2);
    border-radius: 50%;
    cursor: pointer;
    display: none;
    transition: .3s ease
}

.btn-disabled[data-v-3eb02ed5] {
    opacity: .5!important;
    cursor: not-allowed!important
}

.vip-right-content:hover .right-arrow[data-v-3eb02ed5],.vip-right-content:hover .left-arrow[data-v-3eb02ed5] {
    display: block
}

.line[data-v-3eb02ed5] {
    height: 1px;
    border: 0;
    width: 100%;
    background-color: #d4d3d3;
    filter: drop-shadow(1px 1px 2px 2px #333);
    margin: 10px 0
}

.package_content[data-v-3eb02ed5] {
    font-family: PingFang SC;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 12px
}

.package_content .point[data-v-3eb02ed5] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 10px;
    background-color: #666;
    flex-shrink: 0
}

.bottom_con[data-v-3eb02ed5] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #fff;
    height: 88px;
    padding: 0 10px;
    margin-top: 50px
}

.bottom_con .left_ercode_1[data-v-3eb02ed5] {
    width: 70px;
    height: 70px
}

.bottom_con .right_text[data-v-3eb02ed5] {
    font-size: 13px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #999;
    margin-left: 15px
}

.text-36[data-v-3eb02ed5] {
    font-size: 36px
}

.top_bar[data-v-3eb02ed5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 80px;
    border-radius: 10px 10px 0 0
}

.top_bar .benefits_name[data-v-3eb02ed5] {
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 800;
    color: #333;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: auto;
    overflow: hidden
}

.top_bar .benefits_desc[data-v-3eb02ed5] {
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 800;
    color: #fe7b42;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: auto
}

.horizantal_line[data-v-3eb02ed5] {
    width: calc(100% - 40px);
    height: 2px;
    background: #eee;
    margin: 30px 0
}

.create_fun[data-v-3eb02ed5] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 50px
}

.create_fun .fun_name[data-v-3eb02ed5] {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #000
}

.create_fun .fun_item[data-v-3eb02ed5] {
    width: 100%;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.create_fun .fun_item .left_label[data-v-3eb02ed5] {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #000;
    width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.team-info[data-v-3eb02ed5] {
    display: flex;
    flex-direction: column
}

.team-name[data-v-3eb02ed5] {
    font-weight: 700
}

.tabs[data-v-3eb02ed5] {
    font-size: 18px;
    z-index: 200;
    margin-top: -50px;
    position: relative
}

.tabs .tabs-container[data-v-3eb02ed5] {
    background: #385bdc80;
    height: 50px;
    border-radius: 20px 20px 0 0
}

.tabs .tabs-container .tabs-list[data-v-3eb02ed5] {
    height: 100%;
    display: flex
}

.tabs .tabs-container .tabs-list .tabs-list-item[data-v-3eb02ed5] {
    display: flex;
    width: 50%;
    position: relative;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.tabs .tabs-container .tabs-list .tabs-list-item .tabs-list-item-img[data-v-3eb02ed5] {
    position: absolute;
    width: 100%;
    height: 60px;
    top: -10px
}

.tabs .tabs-container .tabs-list .tabs-list-item .tabs-list-item-text[data-v-3eb02ed5] {
    z-index: 100;
    line-height: 24px;
    font-weight: 700;
    transform: translate(-115px)
}

.tabs .tabs-container .tabs-list .tabs-list-item .tabs-list-item-text .title_content_text[data-v-3eb02ed5] {
    font-size: 18px
}

.tabs .tabs-container .tabs-list .tabs-list-item .tabs-list-item-text .title_tips[data-v-3eb02ed5] {
    font-size: 12px;
    color: #999;
    margin-left: 10px
}

.tabs .tabs-container .tabs-list .tabs-list-item .active-text[data-v-3eb02ed5] {
    color: #202123
}

.give-item[data-v-3eb02ed5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 36px;
    background-color: #eff3fc;
    border-radius: 10px;
    margin-top: 2px
}

.give-item .give-item-text[data-v-3eb02ed5] {
    color: #333
}

.give-item .give-item-icon[data-v-3eb02ed5] {
    background-color: #fcdcdd;
    color: #e75767;
    font-size: 14px;
    margin-right: 10px;
    padding: 0 2px;
    border-radius: 2px
}

.pay-area[data-v-3eb02ed5] {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    padding: 18px 20px;
    background-color: #f9f9fa;
    border-radius: 20px
}

.pay-area .pay-qr-code img[data-v-3eb02ed5] {
    width: 110px;
    height: 110px
}

.pay-area .pay-content-area .methods_tab[data-v-3eb02ed5] {
    display: flex;
    align-items: center;
    font-size: 14px
}

.pay-area .pay-content-area .methods_tab .methods_item[data-v-3eb02ed5] {
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    cursor: pointer
}

.pay-area .pay-content-area .methods_tab .methods_item[data-v-3eb02ed5]:nth-child(1) {
    margin-left: 0
}

.pay-area .pay-content-area .methods_tab .methods_item.pay_active[data-v-3eb02ed5] {
    border: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOgAAABECAMAAAC8qYnfAAAAGFBMVEVHcEx4RP15Rfx6Rvx5Rfx6Rvx5Rfx5RPwZd4OWAAAACHRSTlMAJWR/4P+sTaC9xdUAAAEfSURBVHja7dsxdsQwDANRSuDI979xis2zZaXI1iCnYf17Iu7GlF1zxNFQYlnqZRXGKe4WQC7ZtRJg7c68wrIrH6kAhWEHb9xOY+n43AzrEvQ5V1h3QUYMyDAvYcSEFeYtmCFQmCdQQxva0IY2tKENbWhDG9rQhja0oQ1taEO/SUWgogZU1ICKGlBRAypqQEUNqKgBFTWgogZU1ICKGlBRAypqQEUNqKgBFTWgogD0dKZyh/o6R1w71Nh5QJ2dO9TZeUBtnZZQwbzycBpCBSti5Oa0hOqXN/Jx7tAJy8R5Sw8nC6bLY7LgkR5OEobJq7lgk8bbCaTJeEDwkp5O5DEHEXv518mwGPiId7k4ksVkS/zXqjXC859V1hrKlpk+/wDbbS2vrJpBggAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.pay-area .pay-content-area .pay-type[data-v-3eb02ed5] {
    margin: 5px 0 0
}

.pay-area .pay-content-area .pay-tip[data-v-3eb02ed5] {
    color: #f2372e
}

.pay-area .pay-content-area .pay-moneny-area[data-v-3eb02ed5] {
    display: flex;
    align-items: center
}

.pay-area .pay-content-area .pay-moneny-area .momey-label[data-v-3eb02ed5] {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #999
}

.pay-area .pay-content-area .pay-moneny-area .momey-value[data-v-3eb02ed5] {
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #f2372e
}

.pay-area .pay-content-area .pay-moneny-area .discount[data-v-3eb02ed5] {
    background-color: #f9e6e6;
    color: #f2372e;
    padding: 2px 10px;
    border-radius: 2px;
    font-size: 14px;
    margin-left: 10px
}

.pay-area .pay-content-area .pay-bottom[data-v-3eb02ed5] {
    display: flex;
    cursor: pointer
}

.pay-area .pay-content-area .pay-bottom .user-agreement[data-v-3eb02ed5] {
    color: var(--ss-primary-color)
}

.pay-area .pay-content-area .pay-bottom .user-link[data-v-3eb02ed5] {
    color: orange
}

.team-rule[data-v-3eb02ed5] {
    margin-left: 20px;
    text-decoration: underline;
    cursor: pointer
}

.team-num[data-v-3eb02ed5] {
    margin-left: 20px
}

.vip-modal .ss-modal-content {
    padding: 0!important;
    border-radius: 30px!important
}

.primary-color-text[data-v-ad7a152b] {
    color: #2878ff
}

.success-color-text[data-v-ad7a152b] {
    color: #52c41a
}

.error-color-text[data-v-ad7a152b] {
    color: #f5222d
}

.modal-content[data-v-ad7a152b] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.app-item[data-v-ad7a152b] {
    cursor: pointer
}

.app-item-img[data-v-ad7a152b] {
    display: flex;
    width: 50px;
    height: 50px
}

.app-img[data-v-ad7a152b] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 5px
}

.app-item-txt[data-v-ad7a152b] {
    display: flex;
    justify-content: center;
    line-height: 40px
}

.account-modal .ss-modal-body {
    padding: 0
}

.account-modal .ss-modal-content,.account-modal .ss-modal-content .ss-modal-body {
    height: 100%
}

.download-modal .down-list {
    display: flex;
    flex-flow: row;
    justify-content: space-around;
    height: 148px;
    width: 100%;
    margin-top: 20px;
    padding: 0 20px
}

.download-modal .down-list .down-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    box-shadow: 0 2px 16px #1c4cba14;
    text-align: center;
    width: 148px;
    height: 148px;
    border-radius: 4px
}

.download-modal .down-list .down-item>a {
    width: 100%;
    height: 100%;
    padding: 24px 0;
    display: inline-block
}

.download-modal .down-list .down-item div {
    padding-bottom: 12px
}

.primary-color-text[data-v-a447cd24] {
    color: #2878ff
}

.success-color-text[data-v-a447cd24] {
    color: #52c41a
}

.error-color-text[data-v-a447cd24] {
    color: #f5222d
}

.layout-box[data-v-a447cd24] {
    width: 100%;
    height: 100%
}

.layout-box .logo[data-v-a447cd24] {
    width: 168px;
    height: 45px
}

.layout-box .trigger[data-v-a447cd24] {
    font-size: 18px
}

.layout-box .trigger-bg[data-v-a447cd24] {
    color: #2878ff
}

.layout-box .side-menu[data-v-a447cd24] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.layout-box .side-menu .title[data-v-a447cd24] {
    height: 60px;
    padding: 10px 20px;
    display: flex;
    align-items: center
}

.layout-box .side-menu .title .icon[data-v-a447cd24] {
    font-size: 38px
}

.layout-box .side-menu .title .title-txt[data-v-a447cd24] {
    margin-left: 10px;
    font-size: 18px;
    font-weight: 600
}

.layout-box .side-menu .menu[data-v-a447cd24] {
    flex: 1;
    overflow: hidden auto;
    border-top: 1px solid #f4f4f4
}

.layout-box .side-menu .menu .selectMenu[data-v-a447cd24] {
    background: #2878ff
}

.layout-box .side-menu .menu[data-v-a447cd24] .ss-menu-inline .ss-menu-item {
    padding-left: 10px!important
}

.layout-box .side-menu .menu[data-v-a447cd24] .ss-menu-inline .ss-menu-submenu {
    border-radius: 10px
}

.layout-box .side-menu .menu[data-v-a447cd24] .ss-menu-inline .ss-menu-submenu .ss-menu-item {
    padding-left: 16px!important
}

.layout-box .side-menu .menu[data-v-a447cd24] .ss-menu-inline .ss-menu-submenu .ss-menu-submenu-title {
    padding-left: 10px!important
}

.layout-box .route-layout[data-v-a447cd24] {
    width: 100%;
    height: 100%;
    overflow: hidden auto;
    border-radius: 4px;
    background: #f6f7f9;
    padding: 10px;
    position: relative
}

.layout-box .layout-header[data-v-a447cd24] {
    width: 100%;
    background: #fff;
    padding: 0 20px;
    display: flex
}

.layout-box .layout-header .layout-header-one[data-v-a447cd24] {
    display: flex
}

.layout-box .layout-header .Novice-guide[data-v-a447cd24] {
    width: 275px;
    height: 41px;
    line-height: 27px;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    margin: 15px 0 0 20px;
    padding: 5px 10px;
    box-shadow: 0 0 8px #0000004d
}

.layout-box .layout-header .Novice-guide .Novice-guide-text[data-v-a447cd24] {
    margin-left: 3px
}

.layout-box .layout-header .Novice-guide .red-text[data-v-a447cd24] {
    color: #45a1ff;
    font-weight: 700
}

.custom-title-blue[data-v-a447cd24] {
    font-size: 12px;
    color: #45a1ff;
    margin-left: 10px
}

.custom-box[data-v-a447cd24] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.custom-box .custom-box-left[data-v-a447cd24] {
    display: flex
}

.custom-box .custom-box-left .custom-box-left-text[data-v-a447cd24] {
    margin-left: 5px
}

.custom-box .custom-box-left .custom-box-left-text .one-title[data-v-a447cd24] {
    font-size: 14px;
    font-weight: 700
}

.custom-box .custom-box-left .custom-box-left-text .two-url[data-v-a447cd24] {
    color: #45a1ff;
    border-bottom: 1px solid #45a1ff
}

[data-v-a447cd24] .ss-menu-title-content {
    font-size: 14px!important;
    font-weight: 500
}

[data-v-a447cd24] .ss-menu-inline .ss-menu-item-selected:after {
    opacity: 0
}

[data-v-a447cd24] .layout-box .side-menu .menu {
    border-top: 1px solid #45a1ff!important
}

[data-v-a447cd24] .ss-menu-submenu-selected {
    border-radius: 10px
}

[data-v-a447cd24] .ss-menu-submenu-open.ss-menu-submenu-selected {
    border-radius: 10px 10px 0 0
}

[data-v-a447cd24] .ss-menu-sub.ss-menu-inline {
    background-color: #fff;
    border-radius: 0 0 10px 10px
}

[data-v-a447cd24] .ss-menu-sub.ss-menu-inline:hover {
    color: #000
}

[data-v-a447cd24] .ss-menu-submenu-title .anticon {
    display: none!important
}

[data-v-a447cd24] .ss-menu-inline-collapsed .ss-menu-item {
    padding: 5px 10px!important
}

[data-v-a447cd24] .ss-menu-inline-collapsed .ss-menu-item>span:nth-child(1) {
    display: flex;
    align-items: center;
    height: 100%
}

[data-v-a447cd24] .ss-menu-inline-collapsed .ss-menu-submenu-title {
    padding: 0 16px!important;
    margin-bottom: 0!important
}

[data-v-a447cd24] .ss-menu-inline-collapsed .ss-menu-submenu-title>span:nth-child(1) {
    display: flex;
    align-items: center;
    height: 100%
}

[data-v-a447cd24] .ss-menu-inline-collapsed .ss-menu-submenu-selected {
    border-radius: 10px
}

[data-v-a447cd24] .ss-menu-inline-collapsed .ss-menu-submenu-selected:hover,[data-v-a447cd24] .ss-menu-inline-collapsed .ss-menu-submenu-selected .ss-menu-item-icon {
    color: #2878ff
}

[data-v-a447cd24] .ss-menu-inline-collapsed .ss-menu-item-selected {
    border-radius: 10px!important
}

[data-v-a447cd24] .ss-menu-inline-collapsed .ss-menu-item-selected .ss-menu-item-icon,[data-v-a447cd24] .ss-menu-inline-collapsed .ss-menu-item-selected:hover {
    color: #2878ff
}

[data-v-a447cd24] .ss-menu-item,[data-v-a447cd24] .ss-menu-submenu-title {
    height: 40px!important
}

[data-v-a447cd24] .ss-menu-item-selected {
    border-radius: 10px;
    background-color: #f0f8ff
}

[data-v-a447cd24] .ss-menu-item-selected:hover,[data-v-a447cd24] .ss-menu-item-selected .ss-menu-title-content .ml-2,[data-v-a447cd24] .ss-menu-item-selected .ss-menu-item-icon,[data-v-a447cd24] .ss-menu-submenu-selected,[data-v-a447cd24] .ss-menu-submenu-selected:hover {
    color: #2878ff
}

[data-v-a447cd24] .ss-menu-submenu-selected .ss-menu-submenu-title .ss-menu-item-icon {
    color: #2878ff;
    background: #fff!important
}

[data-v-a447cd24] .ss-menu.ss-menu-inline-collapsed>.ss-menu-submenu>.ss-menu-submenu-title {
    left: -6px!important;
    top: 5px
}

.selectMen[data-v-a447cd24] .ss-menu-inline.ss-menu-root .ss-menu-submenu-title {
    border-radius: 10px 10px 0 0;
    margin-bottom: 0
}

.selectMen[data-v-a447cd24] .ss-menu-inline.ss-menu-root .ss-menu-submenu-title:hover {
    color: #000
}

[data-v-a447cd24] .ss-menu-light .ss-menu-submenu:hover .ss-menu-submenu-title .ss-menu-item-icon {
    color: #2878ff!important
}

[data-v-a447cd24] .ss-menu-item .ss-menu-submenu-selected {
    background: #eef7ff!important
}

.ss-menu-inline.ss-menu-root .ss-menu-item>.ss-menu-title-content[data-v-a447cd24] {
    color: #2878ff!important
}

.ss-menu-inline.ss-menu-root .ss-menu-submenu-title>.ss-menu-title-content>.ml-2[data-v-a447cd24] {
    color: #2878ff!important
}

[data-v-a447cd24] .ss-menu-light .ss-menu-item:hover {
    color: #2878ff;
    background: #eef7ff;
    border-radius: 10px!important
}

[data-v-a447cd24] .ss-menu-light .ss-menu-item:hover .ss-menu-item-icon {
    color: #2878ff!important
}

.ss-btn[data-v-a447cd24],.ss-input-wrapper[data-v-a447cd24],.ss-select-selector[data-v-a447cd24],.ss-card[data-v-a447cd24] {
    border-radius: 5px
}

.avatar-box[data-v-a447cd24] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.avatar-box .img[data-v-a447cd24] {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.ml-2[data-v-a447cd24] {
    font-weight: 500;
    font-size: 14px
}

.all-box[data-v-a447cd24] {
    margin: 0 auto
}

.zixun-box[data-v-a447cd24] {
    width: 150px;
    height: 120px;
    position: relative;
    overflow: hidden
}

.zixun-code[data-v-a447cd24] {
    width: 100%;
    height: 80%;
    object-fit: contain;
    object-position: center
}

.zixun[data-v-a447cd24] {
    font-size: 12px;
    color: #999;
    display: flex;
    justify-content: center;
    margin-top: 5px
}

.more-product[data-v-a447cd24] {
    height: 32px;
    padding: 0 8px 0 6px;
    box-sizing: border-box;
    border-radius: 8px;
    background: var(--light, #e6f1fe);
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.more-product-icon[data-v-a447cd24] {
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Imljb24iPgo8ZyBpZD0iR3JvdXAgMTE4MCI+CjxwYXRoIGlkPSJSZWN0YW5nbGUgMTMwNSIgZD0iTTE0IDYuMTIzODhDMTQgNC42OTA2NSAxMi41MzY4IDMuNzIxODUgMTEuMjE3NyA0LjI4MjQ1TDUuMjE3NzIgNi44MzI0NUM0LjQ3OTM4IDcuMTQ2MjQgNCA3Ljg3MDg1IDQgOC42NzMxMVYxOC4xQzQgMTkuMjA0NSA0Ljg5NTQzIDIwLjEgNiAyMC4xSDE0QzE0IDE0LjkyNjIgMTQgMTAuOTA3OCAxNCA2LjEyMzg4WiIgc3Ryb2tlPSIjMDc3M0ZDIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8cGF0aCBpZD0iUmVjdGFuZ2xlIDEzMDYiIGQ9Ik0xNCA4LjA5OTk4TDE4LjY4MzUgOS44MDMwNkMxOS40NzM5IDEwLjA5MDUgMjAgMTAuODQxNiAyMCAxMS42ODI2VjE4LjFDMjAgMTkuMjA0NSAxOS4xMDQ2IDIwLjEgMTggMjAuMUgxNEMxNCAxMy43MDk2IDE0IDE0LjQ5MDQgMTQgOC4wOTk5OFoiIHN0cm9rZT0iIzA3NzNGQyIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPHJlY3QgaWQ9IlJlY3RhbmdsZSAxMzA3IiB4PSI2Ljg2NjY0IiB5PSI5LjY5OTk1IiB3aWR0aD0iNC42NjY2NyIgaGVpZ2h0PSIxLjQiIHJ4PSIwLjciIGZpbGw9IiMwNzczRkMiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.product-item[data-v-a447cd24] {
    display: flex;
    align-items: center;
    gap: 10px;
    box-sizing: border-box;
    padding: 5px
}

.product-item:hover .product-title[data-v-a447cd24] {
    color: var(--ss-primary-color)
}

.product-item:hover .arrow-right-icon[data-v-a447cd24] {
    visibility: visible;
    right: 0
}

.product-img[data-v-a447cd24] {
    width: 45px;
    height: 45px
}

.product-info[data-v-a447cd24] {
    display: flex;
    flex-direction: column;
    flex: 1
}

.product-title[data-v-a447cd24] {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #1b2337
}

.product-desc[data-v-a447cd24] {
    color: #8693ab;
    font-size: 12px
}

.arrow-right-icon[data-v-a447cd24] {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 18px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyYW1lIDQ3MzA4Ij4KPHBhdGggaWQ9IlJlY3RhbmdsZSAxODQxIiBkPSJNMTUuMDI3OSAxMC4wMjc5TDE1LjU1ODIgMTAuNTU4MkMxNS44NTExIDEwLjI2NTMgMTUuODUxMSA5Ljc5MDQyIDE1LjU1ODIgOS40OTc1M0wxNS4wMjc5IDEwLjAyNzlaTTQuOTcyMTQgOS4yNzc4NkM0LjU1NzkzIDkuMjc3ODYgNC4yMjIxNCA5LjYxMzY1IDQuMjIyMTQgMTAuMDI3OUM0LjIyMjE0IDEwLjQ0MjEgNC41NTc5MyAxMC43Nzc5IDQuOTcyMTQgMTAuNzc3OUw0Ljk3MjE0IDkuMjc3ODZaTTEyLjU0MTUgNi40ODA4MkMxMi4yNDg2IDYuMTg3OTIgMTEuNzczNyA2LjE4NzkyIDExLjQ4MDggNi40ODA4MkMxMS4xODc5IDYuNzczNzEgMTEuMTg3OSA3LjI0ODU4IDExLjQ4MDggNy41NDE0OEwxMi41NDE1IDYuNDgwODJaTTExLjQ4MDggMTIuNTE0MkMxMS4xODc5IDEyLjgwNzEgMTEuMTg3OSAxMy4yODIgMTEuNDgwOCAxMy41NzQ5QzExLjc3MzcgMTMuODY3OCAxMi4yNDg2IDEzLjg2NzggMTIuNTQxNSAxMy41NzQ5TDExLjQ4MDggMTIuNTE0MlpNMTUuMDI3OSA5LjI3Nzg2SDQuOTcyMTRMNC45NzIxNCAxMC43Nzc5SDE1LjAyNzlMMTUuMDI3OSA5LjI3Nzg2Wk0xMi40ODY0IDguNTQ3MDVMMTQuNDk3NSAxMC41NTgyTDE1LjU1ODIgOS40OTc1M0wxMy41NDcgNy40ODYzOUwxMi40ODY0IDguNTQ3MDVaTTExLjQ4MDggNy41NDE0OEwxMi40ODY0IDguNTQ3MDVMMTMuNTQ3IDcuNDg2MzlMMTIuNTQxNSA2LjQ4MDgyTDExLjQ4MDggNy41NDE0OFpNMTQuNDk3NSA5LjQ5NzUzTDEyLjQ4NjQgMTEuNTA4N0wxMy41NDcgMTIuNTY5M0wxNS41NTgyIDEwLjU1ODJMMTQuNDk3NSA5LjQ5NzUzWk0xMi40ODY0IDExLjUwODdMMTEuNDgwOCAxMi41MTQyTDEyLjU0MTUgMTMuNTc0OUwxMy41NDcgMTIuNTY5M0wxMi40ODY0IDExLjUwODdaIiBmaWxsPSIjNTA1QTcxIi8+CjwvZz4KPC9zdmc+Cg==);
    visibility: hidden;
    transition: right .3s
}

.more-product-text[data-v-a447cd24] {
    color: var(--ss-primary-color);
    font-weight: 400
}

.ss-dropdown-menu-item[data-v-a447cd24]:hover {
    background-color: #f5f7fd
}

.img_box[data-v-a447cd24] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    border-radius: 16px;
    overflow: hidden
}

.img_box .product-logo[data-v-a447cd24] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.single-product[data-v-a447cd24] {
    min-width: 98px;
    display: flex
}

.upload_top[data-v-a447cd24] {
    width: 450px;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    font-weight: 700
}

.upload_content[data-v-a447cd24] {
    width: 450px;
    height: 300px;
    padding: 20px 10px;
    overflow-y: auto
}

.upload_content .upload_item[data-v-a447cd24] {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between
}

.upload_content .upload_item .up_left[data-v-a447cd24] {
    width: 90%
}

.upload_content .upload_item .up_left .up_left_top[data-v-a447cd24] {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.upload_content .upload_item .up_left .up_left_top .up_left_top_one[data-v-a447cd24] {
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px
}

.upload_content .upload_item .up_left .up_left_top .up_left_top_two[data-v-a447cd24] {
    width: 20%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    display: flex;
    justify-content: flex-end
}

.upload_content .upload_item .up_left .up_left_bottom[data-v-a447cd24] {
    width: 100%
}

.upload_content .upload_item .up_right[data-v-a447cd24] {
    margin-left: 10px;
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 20px
}

.filtration_data_title[data-v-a447cd24] .ss-popover-inner-content {
    padding: 0!important
}

.up_load_btn[data-v-a447cd24] {
    position: relative
}

.up_load_btn .up_load_num[data-v-a447cd24] {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 14px;
    left: 13px;
    font-size: 12px;
    border-radius: 10px;
    background-color: #c82547;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.version[data-v-a447cd24] {
    text-align: center;
    color: #999;
    font-size: 12px
}

.update-modal .ant-modal-content {
    border-radius: 8px;
    overflow: hidden
}

.update-modal .ant-modal-body {
    padding: 0
}

.primary-color-text[data-v-9b64536f] {
    color: #2878ff
}

.success-color-text[data-v-9b64536f] {
    color: #52c41a
}

.error-color-text[data-v-9b64536f] {
    color: #f5222d
}

.update-box[data-v-9b64536f] {
    height: 450px;
    position: relative;
    background: url(/assets/png/updater_bg-BbYJ5T3n.png) no-repeat center center;
    background-size: cover
}

.update-box .container[data-v-9b64536f] {
    width: 100%;
    position: absolute;
    right: 0;
    top: 100px;
    text-align: center;
    padding-left: 60px
}

.update-box .container .title[data-v-9b64536f] {
    font-size: 28px;
    font-weight: 500
}

.update-box .container .text[data-v-9b64536f] {
    margin-top: 30px;
    font-size: 18px
}

.update-box .container .text>div[data-v-9b64536f] {
    margin-bottom: 10px
}

.update-box .update-text[data-v-9b64536f] {
    position: absolute;
    bottom: 12px;
    text-align: center;
    width: 100%;
    color: #909090;
    font-size: 14px
}

body,#app {
    width: 100%;
    height: 100%
}

body .mask-modal,#app .mask-modal {
    position: absolute;
    top: 70px;
    right: 120px
}

body .mask-modal .triangle,#app .mask-modal .triangle {
    position: absolute;
    top: -10px;
    right: 20px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid white
}

#__qiankun_microapp_wrapper_for_work_ai__ {
    height: 100%
}

.primary-color-text {
    color: #2878ff
}

.success-color-text {
    color: #52c41a
}

.error-color-text {
    color: #f5222d
}

.text-title {
    height: 40px;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    color: #000c;
    position: relative;
    padding: 20px 10px;
    display: flex;
    align-items: center
}

.text-title:before {
    position: absolute;
    content: "";
    left: 0;
    top: 12px;
    bottom: 12px;
    width: 4px;
    background-color: #2878ff
}

.drawer-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #e9e9e9;
    background-color: #fff;
    text-align: right;
    z-index: 1;
    padding: 10px 16px
}

.ant-menu-inline .ant-menu-item:not(:last-child) {
    margin-bottom: 0!important
}

.ant-menu-inline .ant-menu-item {
    margin-top: 0!important;
    margin-bottom: 0!important;
    height: 44px!important;
    line-height: 44px!important
}

.basic-layout-side-menu {
.ant-menu-item-group {
&:last-child {
     border-bottom: none!important
 }
}
}

.hide-scroller-bar::-webkit-scrollbar {
    display: none
}

.hide-scroller-bar {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.beauty-scroller-bar::-webkit-scrollbar {
    width: 3px;
    height: 5px;
    background-color: #f5f5f5
}

.beauty-scroller-bar::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f7f7f7
}

.beauty-scroller-bar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 4px #0000001a;
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1);
    background-color: #ddd
}

.ant-menu-inline,.ant-menu-vertical,.ant-menu-vertical-left {
    border: none!important
}

.ant-btn-link {
    padding-left: 0;
    margin-right: 5px
}

.ant-steps-navigation .ant-steps-item:before {
    height: 2px
}

.ant-table-filter-dropdown .ant-dropdown-menu {
    max-height: 300px
}

.popover-menu.ant-popover .ant-popover-arrow {
    display: none
}

.ant-btn.text-left {
    text-align: left
}

.chat-message-markdown-wrap {
table {
    width: 100%!important;
    border: 1px solid #ccc
}

table td,table th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 5px 10px
}

table th {
    text-align: center;
    background: #dee8ee
}

table th: last-child {
    border-right:none
}

table td: last-child {
    border-right:none
}

table tr: last-child td {
    border-bottom:none
}

tr: nth-child(2n) {
    background:#eff3f5
}

blockquote {
    display: block;
    border-left: 8px solid #d0e5f2;
    padding: 5px 10px;
    margin: 10px 0;
    line-height: 1.4;
    font-size: 100%;
    background-color: #f1f1f1
}

ul,ol {
    margin: 10px 0 10px 20px
}

.primary-color-text[data-v-ba2c52b7] {
    color: #2878ff
}

.success-color-text[data-v-ba2c52b7] {
    color: #52c41a
}

.error-color-text[data-v-ba2c52b7] {
    color: #f5222d
}

.modal-content[data-v-ba2c52b7] {
    padding: 50px;
    position: relative
}

.modal-content .header-title[data-v-ba2c52b7] {
    font-size: 24px;
    font-weight: 500
}

.modal-content .header-sub-title[data-v-ba2c52b7] {
    margin-top: 5px;
    color: #999
}

.modal-content .scan-header[data-v-ba2c52b7] {
    width: 100%
}

.modal-content .login-qrcode[data-v-ba2c52b7] {
    width: 180px;
    height: 180px;
    margin: 67px auto;
    display: block
}

.modal-content .switch-type[data-v-ba2c52b7] {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
    cursor: pointer
}

.modal-content .switch-type .switch-type-img[data-v-ba2c52b7] {
    width: 80px;
    height: 80px;
    object-fit: cover
}

.modal-content .switch-type .switch-type-tip[data-v-ba2c52b7] {
    background-color: #2878ff;
    color: #fff;
    border-radius: 4px;
    width: 150px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -45px;
    right: 0
}

.modal-content .switch-type .switch-type-tip[data-v-ba2c52b7]:after {
    content: "";
    position: absolute;
    bottom: -4px;
    right: 15px;
    transform: translate(-50%) rotate(45deg);
    border: 1px solid #2878ff;
    background: #2878ff;
    width: 7.8px;
    height: 7.8px;
    border-left: 0;
    border-bottom: 0
}

.modal-content .phone-input-wrap[data-v-ba2c52b7] {
    margin-top: 30px;
    padding-bottom: 5px
}

.modal-content .code-input-wrap[data-v-ba2c52b7] {
    margin-top: 30px;
    padding-bottom: 5px;
    border-bottom: 1px solid #f1f1f1
}

.modal-content .code-input-wrap[data-v-ba2c52b7]:hover {
    border-bottom: 1px solid #2878ff
}

.modal-content[data-v-ba2c52b7] .phone-input {
    flex: 1;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #f1f1f1
}

.modal-content[data-v-ba2c52b7] .phone-input:focus {
    border-bottom: 1px solid #2878ff
}

.modal-content[data-v-ba2c52b7] .code-input {
    flex: 1;
    border: none;
    box-shadow: none
}

#captchaModal[data-v-ba2c52b7] {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    width: 100%;
    height: 100%
}

.imageVerify-modal-wrap[data-v-ba2c52b7] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00000080
}

.imageVerify-modal-wrap .imageVerify-modal[data-v-ba2c52b7] {
    width: 444px;
    height: 230px;
    background-color: #fff;
    border-radius: 4px;
    padding: 60px 30px 30px;
    position: relative
}

.imageVerify-modal-wrap .imageVerify-modal .imageVerify-modal-close[data-v-ba2c52b7] {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    font-size: 18px;
    padding: 15px
}

.imageVerify-modal-wrap .imageVerify-modal .imageVerify-input-wrap[data-v-ba2c52b7] {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px
}

.imageVerify-modal-wrap .imageVerify-modal .imageVerify-input-wrap[data-v-ba2c52b7] .imageVerify-input {
    flex: 1;
    border: none;
    box-shadow: none;
    border-radius: 0
}

.imageVerify-modal-wrap .imageVerify-modal .imageVerify-input-wrap .imageVerify-img[data-v-ba2c52b7] {
    width: 117px;
    height: 36px;
    margin-left: 10px;
    border: 2px solid #f1f1f1
}

.imageVerify-modal-wrap .imageVerify-modal .imageVerify-input-wrap .imageVerify-img-refresh[data-v-ba2c52b7] {
    padding: 0 6px;
    margin-left: 5px;
    font-size: 16px;
    cursor: pointer
}

.imageVerify-modal-wrap .imageVerify-modal .imageVerify-btn[data-v-ba2c52b7] {
    margin-top: 40px;
    width: 100%
}

.rich-text-wrapper[data-v-ba2c52b7] {
    width: 100%;
    height: 600px;
    overflow-y: auto;
    padding: 20px
}

.primary-color-text[data-v-62389a8e] {
    color: #2878ff
}

.success-color-text[data-v-62389a8e] {
    color: #52c41a
}

.error-color-text[data-v-62389a8e] {
    color: #f5222d
}

.router-name[data-v-62389a8e] {
    font-size: 16px;
    font-weight: 600;
    color: #101011;
    display: flex;
    align-items: center
}

.router-name .back[data-v-62389a8e] {
    color: #000;
    border: 1px solid #e0e0e6;
    margin-right: 10px;
    border-radius: 5px
}