.member-popup-window {
    width: 300px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 30px 50px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: transform 0.25s ease;
    animation: member-popup-window-fadeScaleUp 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
}
@keyframes member-popup-window-fadeScaleUp {
    from {
        opacity: 0;
        transform: scale(0.94) translateY(12px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}
.member-popup-window .profile-section {
    padding: 20px 10px 16px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.member-popup-window .profile-section .avatar-circle {
    width: 72px;
    height: 72px;
}
.member-popup-window .profile-section .avatar-circle img,
.member-popup-window .profile-section .avatar-circle svg {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    border: solid 1px #F0F0F0;
    box-shadow: 0 6px 12px #f0f0f0;
}
.member-popup-window .profile-section .user-details {
    flex: 1;
}
.member-popup-window .profile-section .user-details .username {
    font-size: 20px;
    font-weight: 700;
    color: #162b38;
    letter-spacing: -0.3px;
    line-height: 1.2;
    margin-bottom: 14px;
}
.member-popup-window .profile-section .user-details .user-badge-id {
    background: rgba(74, 109, 148, 0.12);
    padding: 6px 12px;
    border-radius: 40px;
    font-size: 12px;
    color: #808080;
    display: inline-block;
    backdrop-filter: blur(2px);
}
.member-popup-window .membership-section {
    padding: 16px 8px;
    background: #fdf7ed;
    border-bottom: 1px solid #eff3f8;
}
.member-popup-window .membership-section .member-type-card {
    padding: 4px 10px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.member-popup-window .membership-section .member-type-card .type-tag {
    padding: 4px 2px;
    border-radius: 60px;
    font-size: 16px;
    font-weight: 600;
}
.member-popup-window .membership-section .member-type-card .type-value {
    font-size: 18px;
    font-weight: 600;
    flex: 1 1;
}
.member-popup-window .membership-section .renew-button {
    background: linear-gradient(105deg, #FFA142, #FF8000);
    border: none;
    padding: 6px 12px;
    border-radius: 16px;
    color: white;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 6px 14px rgba(30, 95, 82, 0.3);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    flex-shrink: 0;
}
.member-popup-window .membership-section .renew-button:hover {
    background: linear-gradient(105deg, #FFA142, #E07000);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    font-weight: 700;
}
.member-popup-window .membership-section .renew-button svg,
.member-popup-window .membership-section .renew-button img {
    width: 16px;
    height: 16px;
}
.member-popup-window .membership-section .validity-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
    border-radius: 24px;
    padding: 4px 10px;
    flex-wrap: wrap;
}
.member-popup-window .membership-section .validity-row .validity-label {
    font-size: 12px;
    text-transform: uppercase;
}
.member-popup-window .membership-section .validity-row .days-badge {
    font-size: 12px;
    font-weight: 600;
    color: #00a65c;
    background: #e6f7ee;
    padding: 6px 16px;
    border-radius: 10px;
}
.member-popup-window .action-section {
    flex: 1;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    background: #ffffff;
}
.member-popup-window .action-section .operations-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.member-popup-window .action-section .operations-list .operation-item {
    display: flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: default;
    border: 1px solid transparent;
}
.member-popup-window .action-section .operations-list .operation-item:hover {
    background: #F0F0F0;
    transform: translateX(2px);
    border-color: #E0E0E0;
}
.member-popup-window .action-section .operations-list .operation-item .op-icon {
    width: 28px;
    height: 20px;
    text-align: center;
    font-size: 16px;
}
.member-popup-window .action-section .operations-list .operation-item .op-icon svg {
    margin-top: 2px;
    width: 16px;
    height: 16px;
}
.member-popup-window .action-section .operations-list .operation-item .op-name {
    margin-left: 4px;
    font-size: 14px;
    font-weight: 540;
    color: #2c4053;
}
.member-popup-window .action-section .logout-action {
    margin-top: 12px;
    margin-bottom: 12px;
    background: #F0F0F0;
    border: 1.5px solid #E0E0E0;
    border-radius: 6px;
    padding: 8px 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    cursor: default;
    transition: all 0.2s;
    font-weight: 800;
    font-size: 14px;
    color: #303030;
}
.member-popup-window .action-section .logout-action span {
    font-weight: 800;
    font-size: 14px;
}
.member-popup-window .action-section .logout-action:hover {
    background: #E0E0E0;
    border-color: #B0B0B0;
    transform: scale(0.98);
}
.member-popup-window .action-section .divider-light {
    height: 1px;
    background: linear-gradient(90deg, #E0E0E0, #CFCFCF, #E0E0E0);
    margin: 4px 0;
}
@media (max-width: 400px) {
    .member-popup-window {
        transform: scale(0.97);
    }
}
.ag-popup-layerout {
    overflow: hidden;
}
.ag-popup-layerout .sub-title {
    margin-top: 10px;
    margin-bottom: 5px;
    font: 16px bold;
    font-weight: 600;
    color: #454545;
    user-select: none;
}
.ag-popup-layerout .sub-title span {
    font: 16px bold;
    color: #A2A2A2;
    margin-left: 5px;
}
.ag-popup-layerout ul {
    display: flex;
    flex-direction: row;
    flex-flow: row wrap;
    padding-left: 0px;
}
.ag-popup-layerout .group li {
    width: 86px;
    height: 76px;
    margin: 4px 1px;
    line-height: 24px;
    text-align: center;
}
.ag-popup-layerout .group li img {
    width: 76px;
    height: 58px;
    margin: 0px 4px;
    padding: 6px 4px;
    border-radius: 8px;
    border: 1px solid #E7E7E7;
}
.ag-popup-layerout .group li img:hover {
    background-color: #E7F5FF;
}
.ag-popup-layerout .group .focus img {
    border: 1px solid #2878FF;
    background-color: #E7F5FF;
}
.ag-popup-layerout .content {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 20px;
    bottom: 5px;
    background-color: white;
    border: solid 1px #CCC;
}
.content textarea {
    height: 100%;
    width: 100%;
    padding: 4px;
    line-height: 24px;
    font-size: 16px;
    resize: none;
    border: none;
    outline: solid 0px #CCC;
}
.ag-search {
    position: absolute;
    top: 16px;
    right: 80px;
    z-index: 200;
    border-radius: 8px;
    color: #454545;
    user-select: none;
}
.ag-search .ag-search-container {
    min-width: 336px;
    border: 1px solid #D0D0D0;
    border-radius: 8px;
    padding: 0 12px;
    background: #FFFFFF;
    box-shadow: #D0D0D0;
    box-sizing: border-box;
}
.ag-search .ag-search-container .ag-search-content {
    display: flex;
    align-items: center;
    height: 48px;
}
.ag-search .ag-search-container .ag-search-content .find_text {
    cursor: pointer;
}
.ag-search .ag-search-container .ag-search-content .find_text,
.ag-search .ag-search-container .ag-search-content .replace_text {
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    margin-right: 4px;
    border-radius: 4px;
}
.ag-search .ag-search-container .ag-search-content .find_text span,
.ag-search .ag-search-container .ag-search-content .replace_text span {
    display: inline-block;
    white-space: nowrap;
    font-size: 14px;
    line-height: 14px;
}
.ag-search .ag-search-container .ag-search-content .find_text svg,
.ag-search .ag-search-container .ag-search-content .replace_text svg {
    margin-left: 4px;
    cursor: pointer;
}
.ag-search .ag-search-container .ag-search-content .find_input {
    display: flex;
    align-items: center;
    flex: 1;
    height: 32px;
    border-radius: 4px;
    padding: 0 4px;
    background: #FFFFFF;
    font-size: 12px;
    box-shadow: 0 0 0 1px #DCDCDC inset;
    border: solid 1px #FFFFFF00;
}
.ag-search .ag-search-container .ag-search-content .find_input:hover {
    border: solid 1px #0075FF;
}
.ag-search .ag-search-container .ag-search-content .find_input:focus-within {
    border: solid 1px #0075FF;
}
.ag-search .ag-search-container .ag-search-content .find_input input {
    flex: 1;
    width: 96px;
    height: 28px;
    outline: 0;
    border: none;
    margin-right: 4px;
    background: 0 0;
    font-size: 14px;
    text-indent: 4px;
}
.ag-search .ag-search-container .ag-search-content .find_input span:nth-of-type(1) {
    white-space: nowrap;
    margin-right: 4px;
    cursor: default;
}
.ag-search .ag-search-container .ag-search-content .find_input svg {
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 6px;
}
.ag-search .ag-search-container .ag-search-content .find_input .prompt {
    color: #5c5c5c;
}
.ag-search .ag-search-container .ag-search-content .find_input .active {
    background-color: #c5c5c5;
}
.ag-search .ag-search-container .ag-search-content .search-tools {
    margin-left: 8px;
    display: grid;
    grid-template-columns: repeat(3, 20px);
    grid-gap: 2px;
}
.ag-search .ag-search-container .ag-search-content .search-tools span {
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ag-search .ag-search-container .ag-search-content .search-tools span svg {
    padding: 2px;
    cursor: pointer;
}
.ag-search svg:hover {
    background-color: #E7E7E7;
}
.ag-search .ag-search-container .ag-replace-content .replace .ag-button {
    padding: 8px 7px;
    margin-left: 12px;
}
.ag-search .ag-search-result-container {
    width: 336px;
    padding-top: 10px;
    border: 1px solid #D0D0D0;
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: #222222;
    margin-top: 2px;
}
.ag-search .ag-search-result-container .ag-search-result {
    max-height: 200px;
    padding: 2px 2px 2px 4px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 0px;
}
.ag-search .ag-search-texts-noresult {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    min-height: 80px;
    font-size: 14px;
    list-style: none;
    text-align: center;
}
.ag-search .ag-search-result-container .ag-search-result .ag-search-result-phantom {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.ag-search .ag-search-result-container .texts-item {
    height: 40px;
    padding: 1px 0;
    list-style: none;
}
.ag-search .ag-search-result-container .texts-item:hover {
    background: rgba(0, 177, 255, 0.1);
}
.ag-search .ag-search-result-container .texts-item .inner {
    height: 38px;
    display: flex;
    align-items: center;
    padding-left: 12px;
    border-radius: 4px;
    font-size: 14px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ag-search .ag-search-result-container .selected {
    background: rgba(0, 177, 255, 0.2);
}
.ag-search .ag-search-result-container .texts-item span {
    margin-right: 12px;
}
.ag-search .ag-keyboard-prompt {
    padding: 0 10px;
    height: 42px;
}
.ag-keyboard-prompt {
    font-size: 12px;
    line-height: 12px;
    height: 36px;
    color: #CCCCCC;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #E7E7E7;
    cursor: default;
    margin-bottom: 0px;
}
.ag-keyboard-prompt li {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 3px;
}
.ag-keyboard-prompt li * {
    margin: 0 3px;
}
.ag-block-alert {
    width: 304px;
    padding: 16px;
    color: white;
    font-size: 12px;
    line-height: 16px;
    align-items: flex-start;
    border-radius: 8px;
    position: absolute;
    z-index: 9999;
}
.ag-block-alert-default {
    background: linear-gradient(90deg, #1fb8fa 4.12%, #5a82fc 95.79%);
    top: calc(100%/2 - 86px);
    left: 10px;
    color: #FFFFFF;
}
.ag-block-alert-lefttop {
    background: linear-gradient(270.16deg, rgb(243, 198, 170) 0.14%, rgb(255, 167, 21) 99.86%);
    top: 20px;
    left: 10px;
}
.ag-block-alert-leftbottom {
    background: linear-gradient(95.17deg, #15ad1a 0.12%, #63c064 95.11%);
    bottom: 60px;
    left: 10px;
}
.ag-block-alert-righttop {
    background: linear-gradient(95.17deg, #FFBFBF 0.12%, #fa9797 95.11%);
    top: 20px;
    right: 60px;
}
.ag-block-alert-rightbottom {
    background: linear-gradient(90deg, #003df3 4.12%, #35C1FF 95.79%);
    bottom: 60px;
    right: 20px;
}
.ag-block-alert span {
    display: block;
}
.ag-block-alert .desc {
    margin: 12px 0 8px;
    text-align: left;
}
.ag-block-alert .button {
    border-radius: 6px;
    background: linear-gradient(320deg, #ffdba6 0, #fff1bd 100%);
    color: #4b2603;
    border: none;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    width: 100%;
    padding: 8px 36px;
    margin-top: 16px;
    cursor: pointer;
    font-weight: 400;
}
.ag-block-alert .gold {
    color: gold;
    font-weight: 600;
    margin: 0px 5px;
}
.ag-block-alert .close-me {
    cursor: pointer;
    position: absolute;
    width: 16px;
    height: 16px;
    right: 4px;
    top: 4px;
}
.ag-upgrade-vip-content {
    display: flex;
}
.ag-upgrade-vip-content ._right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin: 48px 0px 0px;
    cursor: default;
    padding-bottom: 0px;
}
.ag-upgrade-vip-content ._right .pane {
    margin: 0px 12px;
}
.ag-upgrade-vip-content ._right .pane .vip {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: blue;
    text-align: center;
}
.ag-upgrade-vip-content ._right .pane .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color: blue;
    margin: 26px 0px 20px;
    align-items: center;
}
.ag-upgrade-vip-content ._right .pane .title>i {
    display: inline-block;
    width: 40px;
    height: 20px;
    background-image: var(--icon-aux-pro);
    background-size: 40px 20px;
    background-position: top right;
    background-repeat: no-repeat;
    margin-left: 4px;
}
.ag-upgrade-vip-content ._right .pane .desc {
    font-size: 14px;
    line-height: 160%;
    color: #222222;
    text-align: left;
}
.ag-upgrade-vip-content ._right .button {
    flex: 1;
    display: flex;
    align-items: end;
}
.ag-upgrade-vip-content ._right .btn-upgrade-vip {
    min-width: 145px;
    padding: 15px 16px;
    background: linear-gradient(270.16deg, rgb(253, 103, 12) 0.14%, rgb(255, 167, 21) 99.86%);
    box-shadow: rgba(226, 92, 17, 0.12) -7px 3px 16px;
    border-radius: 13px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 20px;
}
.ag-upgrade-vip-content ._right .btn-upgrade-vip :hover {
    scale: 1.05;
}
.ag-upgrade-vip-content ._right .btn-upgrade-vip>span {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: white;
}
.ag-upgrade-vip-content ._right .btn-upgrade-vip svg,
.ag-upgrade-vip-content ._right .btn-upgrade-vip img {
    position: absolute;
    top: -12px;
    right: 0px;
    width: 24px;
    height: 24px;
    transform: rotate(5deg);
}
.ag-upgrade-vip-content ._right .upgrade-message {
    width: 100%;
    display: flex;
}
.ag-upgrade-vip-content ._right .upgrade-message span {
    color: #0075FF;
    background-color: #FFF0E0;
    padding: 8px 4px;
    border-radius: 6px;
    width: 100%;
}
.ag-upgrade-vip-content ._right .upgrade-message span::before {
    content: "❌";
    margin-right: 8px;
}
.ag-upgrade-vip-content ._bottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: flex;
    z-index: 100;
    cursor: pointer;
    padding: 0;
    margin: 0;
}
.ag-upgrade-vip-content ._bottom li.active {
    background: blue;
    color: white;
}
.ag-upgrade-vip-content ._bottom li {
    width: 100%;
    padding: 0px 10px;
    list-style: none;
    font-size: 12px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E7E7E7;
    color: #0007DA;
    text-align: center;
}
.ag-pruchase-image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    margin: auto;
    display: flex;
    border-radius: 4px;
}
.ag-coupon-content {
    margin: auto;
    width: 460px;
    height: 460px;
    background-size: 100% 100%;
    filter: drop-shadow(0 15px 40px rgba(0, 0, 0, 0.3));
}
.ag-coupon-content>img {
    position: absolute;
    right: 20px;
    top: 12px;
    cursor: pointer;
    width: 24px;
}
.ag-coupon-custom {
    position: absolute;
    bottom: 94px;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ag-coupon-custom button {
    min-width: 188px;
    cursor: pointer;
    outline: 0;
    border: none;
    padding: 16px;
    font-size: 15px;
    letter-spacing: 1.3px;
    line-height: 12px;
    font-weight: 700;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 42px;
    background: linear-gradient(95.17deg, #ff59a6 -4.12%, #ff2060 46.79%, #fe9a62 95.11%);
}
.ag-about {
    width: 500px;
    height: 300px;
    background: #ffffff;
    border-radius: 4px;
    margin: auto auto;
    position: relative;
    padding: 50px;
    box-sizing: border-box;
}
.ag-about .imgLogo {
    width: 100%;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.ag-about .imgLogo img {
    display: block;
    height: 70px;
}
.ag-about .name {
    width: 100%;
    height: 22px;
    font-size: 22px;
    font-weight: bold;
    color: #222222;
    text-align: center;
    margin-top: 19px;
}
.ag-about .version {
    width: 100%;
    height: 11px;
    font-size: 14px;
    font-weight: 400;
    color: #afafaf;
    text-align: center;
    margin-top: 10px;
}
.ag-about .service {
    width: 100%;
    height: 15px;
    font-size: 16px;
    font-weight: 400;
    color: #1b49f8;
    text-align: center;
    margin-top: 45px;
}
.ag-about .service p {
    font-size: 16px;
    font-weight: 400;
    color: #1b49f8;
    cursor: pointer;
}
.ag-about .footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 16px;
}
.ag-about .footer .company {
    font-size: 14px;
    color: #999999;
}
.ag-about .footer .link a {
    color: #1b49f8;
    margin-left: 10px;
}
.mm-about-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 560px;
    border: solid 1px #CCC;
    border-radius: 10px;
    padding-bottom: 24px;
}
.mm-about-wrap .content {
    display: flex;
    padding: 20px 10px 10px;
    gap: 12px;
}
.mm-about-wrap .content .logo-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
    gap: 12px;
}
.mm-about-wrap .content .logo-wrap .logo1 {
    width: 112px;
}
.mm-about-wrap .content .logo-wrap .logo2 {
    width: 160px;
}
.mm-about-wrap .content .info-wrap {
    display: flex;
    flex-direction: column;
    padding: 5px 12px;
}
.mm-about-wrap .content .info-wrap .title {
    font-size: 24px;
    font-family:  宋体, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    margin: 0px;
}
.mm-about-wrap .content .info-wrap .title2 {
    font-size: 24px;
    font-family:  'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: 600;
    margin: 0px;
}
.mm-about-wrap .content .info-wrap .version {
    font-size: 14px;
    line-height: 20px;
    margin-top: 12px;
}
.mm-about-wrap .content .info-wrap .version span {
    font-size: 14px;
}
.mm-about-wrap .content .info-wrap .version .changeLog {
    margin-left: 20px;
    color: #0070E0;
    cursor: pointer;
}
.mm-about-wrap .content .info-wrap .version .changeLog:hover {
    color: #1F8FFF;
}
.mm-about-wrap .content .info-wrap .right,
.mm-about-wrap .content .info-wrap .intro {
    font-size: 12px;
    margin-top: 10px;
    line-height: 1.5;
}
.mm-about-wrap .link {
    display: flex;
    justify-content: space-evenly;
    padding: 0px 20px;
}
.mm-about-wrap .link a {
    color: #1b49f8;
    margin-left: 10px;
}
.ag-guide-overlay {
    opacity: 0.3;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 9997;
}
.ag-guide-box,
.ag-guide-box *,
.ag-guide-box :after,
.ag-guide-box :before {
    box-sizing: border-box;
}
.ag-guide-box {
    opacity: 1;
    visibility: visible;
    background: linear-gradient(90deg, #F0F0F0 4%, #a1ddf7 96%);
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
    border: 2px solid #FFFFFF;
    outline: none;
    padding: 20px 20px 10px 20px;
    user-select: none;
    position: relative;
    width: 350px;
    transition: opacity 0.3s, visibility 0.3s;
    z-index: 9999;
}
.ag-guide-box .guide-content {
    border-radius: 5px;
    outline: none;
    padding: 0;
}
.ag-guide-box .guide-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}
.ag-guide-box .guide-title {
    display: flex;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    flex: 1 0 auto;
    margin-bottom: 12px;
    padding: 0;
    margin-top: 5px;
}
.ag-guide-box .guide-title svg {
    margin-right: 5px;
}
.ag-guide-box .guide-cancel-icon {
    background: transparent;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    transition: color 0.5s ease;
    position: absolute;
    top: -22px;
    right: -12px;
}
.ag-guide-box .guide-cancel-icon span {
    font-size: 24px;
}
.ag-guide-box .guide-cancel-icon span:hover {
    color: #003df3;
}
.ag-guide-box .guide-text {
    font-size: 14px;
    line-height: 1.8;
    margin: 10px 0 32px;
}
.ag-guide-box img {
    width: 18px;
    height: 18px;
}
.ag-guide-box .guide-text span {
    color: red;
    font-size: 14px;
    font-weight: 600;
}
.ag-guide-box .guide-footer {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ag-guide-box .guide-footer .guide-button {
    border: 0;
    cursor: pointer;
    margin-right: 8px;
    transition: all 0.5s ease;
}
.ag-guide-box .guide-footer .btnGoto {
    background: linear-gradient(90deg, #008eff 5%, #008eff66 95%);
    color: #FFFFFF;
    font-size: 14px;
    line-height: 14px;
    border-radius: 20px;
    padding: 5px 12px;
}
.ag-guide-box .guide-footer .guide-button:hover {
    background: linear-gradient(90deg, #0171cc 5%, #008effaa 95%);
}
.ag-guide-box .guide-footer .btnProgress {
    background: transparent;
    cursor: default;
    color: #000000;
    padding: 5px 0px;
    font-size: 14px;
}
.ag-guide-box .guide-footer .guide-button:last-child {
    margin-right: 0;
}
.ag-guide-box .modal-header-bar {
    height: 4px;
    width: 100%;
    background: #f0f0f0;
    position: relative;
    overflow: hidden;
}
.ag-guide-box .countdown-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, #409eff, #66b1ff);
    border-radius: 3px;
    transition: width 1s linear;
    width: 100%;
}
.ag-guide-box .countdown-display {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
}
.ag-guide-box .countdown-display:hover span {
    color: #212121;
    font-weight: 600;
}
.ag-guide-box .countdown-display span {
    font-size: 14px;
    font-weight: 500;
    color: #606266;
}
.ag-guide-box .countdown-value {
    display: inline-block;
    width: 30px;
    height: 26px;
    line-height: 26px;
    border-radius: 8px;
    border: solid white 1px;
    text-align: center;
}
.ag-guide-box .countdown-value span {
    color: #409eff;
    font-weight: 600;
}
.ag-change-log {
    width: 740px;
    height: 560px;
    background: url(../images/app/bg_update.png) 0 0 / 100% auto no-repeat, #fff;
    border-radius: 6px;
    padding: 50px 20px 50px 40px;
    position: relative;
}
.ag-change-log * {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
.ag-change-log .chang-title {
    padding-left: 10px;
    text-align: left;
    height: 32px;
    color: #000;
    line-height: 32px;
}
.ag-change-log .chang-title h3 {
    display: inline;
    font-size: 24px;
    font-weight: 700;
}
.ag-change-log .chang-title i {
    margin-left: 20px;
    display: inline;
    font-size: 16px;
    color: #A2A2A2;
}
.ag-change-log .chang-list {
    margin-top: 18px;
    height: calc(100% - 50px);
    overflow-y: auto;
    overflow-x: hidden;
}
.ag-change-log .chang-list .chang-item {
    position: relative;
    padding: 10px 0;
}
.ag-change-log .chang-list .chang-item:before {
    display: inline-block;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #ddd;
    position: absolute;
    left: 5px;
    top: 0;
}
.ag-change-log .chang-list .chang-item .sublist .sub-title {
    position: relative;
    height: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #333;
    margin-bottom: 20px;
}
.ag-change-log .chang-list .chang-item .sublist .sub-title:before {
    display: inline-block;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 4px solid #008eff;
    background-color: #fff;
    box-sizing: border-box;
}
.ag-change-log .chang-list .chang-item .sublist .sub-title .ag-blue {
    color: #008eff;
    margin: 0 10px 0 20px;
    font-size: 16px;
}
.ag-change-log .chang-list .chang-item .sublist .sub-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft YaHei";
    font-weight: 400;
    color: #333;
    line-height: 18px;
    padding-left: 38px;
}
.ag-change-log .chang-list .chang-item .sublist .sub-item:before {
    display: inline-block;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #333;
    margin-right: 10px;
    flex-shrink: 0;
    position: relative;
    top: 7px;
}
.ag-tag-wrap {
    background: #ffffff;
    width: 100%;
    border-radius: 12px;
    padding: 8px;
}
.ag-tag-wrap .tag-header {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    gap: 6px;
    position: relative;
}
.ag-tag-wrap .tag-header .tag-header-menu {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}
.ag-tag-wrap .tag-header .tag-header-menu>svg {
    width: 18px;
    height: 18px;
}
.ag-tag-wrap .tag-header .tag-header-menu.showMenu svg {
    transform: rotate(180deg);
}
.ag-tag-wrap .tag-header .tag-header-menu.showMenu svg:hover,
.ag-tag-wrap .tag-header .tag-header-menu>svg:hover {
    background-color: #CCC;
    border-radius: 50%;
}
.ag-tag-wrap .tag-header .tag-header-menu .groupName {
    font-size: 16px;
    font-weight: 600;
    color: #0b1e2e;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    user-select: none;
    padding: 2px 6px;
}
.ag-tag-wrap .tag-header .tag-header-menu .groupName:empty:not(:focus)::before {
    content: "点击编辑标签组名称";
    font-size: 14px;
}
.ag-tag-wrap .tag-header .tag-header-menu .groupName:empty:focus::before {
    content: "输入标签组名称…";
    font-size: 14px;
}
.ag-tag-wrap .tag-header .tagCount {
    background: #eef3f8;
    padding: 0.2rem 0.8rem;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 500;
    color: #1f3a4b;
    margin-left: 0.4rem;
    margin-top: 2px;
    user-select: none;
}
.ag-tag-wrap .tag-header .menu {
    position: absolute;
    top: 40px;
    left: 0px;
    background-color: #F0F0F0;
    border-radius: 6px;
    padding: 4px;
    display: flex;
    gap: 6px;
    flex-direction: column;
    min-width: 80px;
}
.ag-tag-wrap .tag-header .menu>div {
    cursor: pointer;
    text-wrap: nowrap;
    padding: 6px 12px;
    border-radius: 6px;
    user-select: none;
    display: flex;
    gap: 4px;
    align-items: center;
}
.ag-tag-wrap .tag-header .menu>div:hover {
    background-color: #E0F0FF;
}
.ag-tag-wrap .tag-header .menu span {
    font-size: 14px;
}
.ag-tag-wrap .tag-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
    gap: 12px;
    background: #f8fafc;
    padding: 12px;
    margin-bottom: 10px;
    height: 276px;
    overflow-y: auto;
    border: 1px solid #e6edf4;
    border-radius: 10px;
    transition: 0.15s;
}
.ag-tag-wrap .tag-list:empty::before {
    content: "暂无标签，点击下方添加";
    color: #94a9bb;
    font-size: 0.95rem;
    width: 100%;
    text-align: center;
    padding: 0.4rem 0;
}
.ag-tag-wrap .tag-list .tag-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px;
    border-radius: 60px;
    font-size: 14px;
    background-color: #d9e2ec;
    border: 1px solid transparent;
    cursor: default;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.ag-tag-wrap .tag-list .tag-item.selected {
    box-shadow: 0 0 0 2px #80808040;
    transform: scale(1.05);
}
.ag-tag-wrap .tag-list .tag-item .tag-text {
    max-width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
    cursor: pointer;
}
.ag-tag-wrap .tag-header .menu button,
.ag-tag-wrap .tag-list .tag-item button {
    background: transparent;
    border: none;
    width: 12px;
    height: 12px;
    font-size: 10px;
    border-radius: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    padding: 0;
    line-height: 1;
    user-select: none;
}
.ag-tag-wrap .tag-header .menu button:hover,
.ag-tag-wrap .tag-list .tag-item button:hover {
    background: rgba(0, 0, 0, 0.15);
    color: #b91c1c;
    transform: scale(1.1);
}
.ag-tag-wrap .footer-area {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.ag-tag-wrap .footer-area .info {
    flex: 1;
}
.ag-tag-wrap .editor-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.8rem 1rem;
    margin-top: 0.5rem;
    padding: 0.2rem 0;
}
.ag-tag-wrap .editor-area .input-group {
    flex: 2 1 200px;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    background: #f2f6fa;
    border-radius: 12px;
    padding: 0.1rem 0.1rem 0.1rem 1.2rem;
    border: 1px solid #dfe8f0;
    transition: 0.2s;
}
.ag-tag-wrap .editor-area .input-group:focus-within {
    border-color: #3b7c9e;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(59, 124, 158, 0.15);
}
.ag-tag-wrap .editor-area .input-group input[type="text"] {
    border: none;
    background: transparent;
    padding: 6px 0;
    font-size: 14px;
    width: 100%;
    outline: none;
    color: #0f2838;
    font-weight: 450;
}
.ag-tag-wrap .editor-area .input-group input[type="text"]::placeholder {
    color: #9bb0c0;
    font-weight: 400;
}
.ag-tag-colors {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-top: 12px;
    gap: 2px;
}
.ag-tag-colors li.selected {
    border: 1px solid rgb(179, 179, 179);
}
.ag-tag-colors li {
    padding: 2px;
    border-radius: 50%;
    border: 1px solid transparent;
    position: relative;
    list-style: none;
}
.ag-tag-colors li span {
    display: block;
    width: 24px;
    height: 24px;
    list-style: none;
    border-radius: 50%;
    cursor: pointer;
    border: solid 2px #FFFFFF;
}
.ag-tag-colors li.selected svg {
    display: block !important;
}
.ag-tag-colors li svg {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 7px;
    left: 7px;
    color: rgb(255, 255, 255);
}
.ag-color-edit-wrap {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 12px 60px rgba(0, 0, 0, 0.2);
    width: 380px;
    max-width: 90vw;
    overflow: hidden;
    transform: scale(0.92);
    transition: transform 0.2s;
}
.ag-color-edit-wrap .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 22px;
    border-bottom: 1px solid #f0f0f5;
}
.ag-color-edit-wrap .modal-header .modal-title {
    font-size: 15px;
    font-weight: 600;
    color: #1d1d1f;
}
.ag-color-edit-wrap .modal-header .modal-index {
    font-size: 12px;
    color: #707070;
}
.ag-color-edit-wrap .modal-header .close-btn {
    width: 30px;
    height: 30px;
    border: none;
    background: #f0f0f5;
    border-radius: 50%;
    cursor: pointer;
    font-size: 18px;
    color: #86868b;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
    line-height: 1;
}
.ag-color-edit-wrap .modal-header .close-btn:hover {
    background: #e8e8ee;
}
.ag-color-edit-wrap .modal-body {
    padding: 24px 22px 8px;
}
.ag-color-edit-wrap .modal-body .value-row {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}
.ag-color-edit-wrap .modal-body .value-field {
    flex: 1;
}
.ag-color-edit-wrap .modal-body .value-field label {
    font-size: 12px;
    color: #707070;
    font-weight: 700;
    margin-bottom: 4px;
    text-align: center;
}
.ag-color-edit-wrap .modal-body .value-field input {
    width: 100%;
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    padding: 6px 4px;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    outline: none;
    transition: border-color 0.2s;
}
.ag-color-edit-wrap .modal-body .value-field input:focus {
    border-color: #007aff;
}
.ag-color-edit-wrap .modal-body .picker-wrap {
    width: 100%;
    height: 110px;
    margin-bottom: 18px;
}
.ag-color-edit-wrap .modal-body .picker-wrap input[type="color"] {
    width: 100%;
    height: 100%;
    border: none;
    cursor: pointer;
    border-radius: 14px;
    padding: 0;
}
.ag-color-edit-wrap .modal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 22px 20px;
}
.ag-color-edit-wrap .modal-footer .nav-group {
    display: flex;
    gap: 8px;
}
.ag-color-edit-wrap .modal-footer .nav-btn {
    width: 36px;
    height: 36px;
    border: 1.5px solid #e0e0e0;
    background: #fff;
    border-radius: 10px;
    cursor: pointer;
    font-size: 20px;
    color: #222222;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
}
.ag-color-edit-wrap .modal-footer .nav-btn:hover {
    background: #f0f0f5;
    border-color: #d0d0d5;
}
.ag-color-edit-wrap .modal-footer .nav-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}
.ag-color-edit-wrap .modal-footer .confirm-btn {
    background: #007aff;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 9px 28px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}
.ag-color-edit-wrap .modal-footer .confirm-btn:hover {
    background: #0066d6;
}
.welcome .ag-dialog {
    border-radius: 14px;
}
.ag-welcome-wrap {
    width: 100%;
    height: 450px;
    border-radius: 14px;
    flex-direction: column;
    background-image: url("../images/app/welcome.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.ag-welcome-wrap .welcome-toolbar {
    position: absolute;
    display: flex;
    flex-direction: row;
    gap: 10px;
    right: 65px;
    bottom: 72px;
}
.ag-welcome-wrap .welcome-toolbar button {
    font-size: 20px;
    color: #FFFFFF;
    padding: 12px 25px;
    border: solid 1px #CCCCCC00;
    border-radius: 20px;
}
.ag-welcome-wrap-mobile {
    width: 100%;
    height: 520px;
    border-radius: 14px;
    flex-direction: column;
    background-image: url("../images/app/welcome_m.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.ag-welcome-wrap-mobile .welcome-toolbar {
    position: absolute;
    display: flex;
    flex-direction: row;
    gap: 40px;
    right: 100px;
    bottom: 22px;
}
.ag-welcome-wrap-mobile .welcome-toolbar button {
    font-size: 20px;
    color: #FFFFFF;
    padding: 12px 25px;
    border: solid 1px #CCCCCC00;
    border-radius: 20px;
}
.new-fun-wrap {
    background: rgba(0, 0, 0, .1);
    color: #333;
    font-family: Arial, Microsoft YaHei, 宋体, sans-serif;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.new-fun-wrap.removing {
    opacity: 0;
    transform: scale(0.6);
    transition: opacity 0.5s cubic-bezier(0.6, 0.0, 0.4, 1.0), transform 0.5s cubic-bezier(0.6, 0.0, 0.4, 1.0);
}
.new-fun-wrap .popup_center {
    left: 50%;
    max-height: 90%;
    max-width: 90%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    border: none;
    background-color: transparent;
}
.new-fun-wrap .popup_center .img-new-fun-wrap {
    padding: 0px;
    border: none;
    background-color: transparent;
}
.new-fun-wrap .popup_center .img-new-fun-wrap img {
    cursor: pointer;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    width: 500px;
    border-radius: 30px;
    transition: transform 0.2s ease;
}
.new-fun-wrap .close-new-fun-wrap {
    position: absolute;
    right: -31px;
    top: 5px;
}
.new-fun-wrap ._close {
    background: url(./images/icon-close-round.svg) 50% no-repeat;
    background-size: 100%;
    cursor: pointer;
    display: block;
    height: 29px;
    width: 29px;
}
.new-fun-wrap ._close:hover {
    transform: scale(1.2);
}
.new-function {
    padding: 0;
    background-color: #FFF;
}
.new-function .content-main {
    width: 100%;
    border-radius: 8px 8px 0 0;
    height: 338px;
    max-height: 75%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 20px;
    background-image: url("../images/app/new-fun-title.jpg");
}
.new-function .content-main .content-img,
.new-function .content-main .content-video {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    max-height: 338px;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
    display: none;
}
.new-function .content-main .h1 {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    font-family: "Microsoft YaHei", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont;
}
.new-function .content-main .h2 {
    text-align: center;
    font-size: 20px;
    color: #808080;
}
.new-function .content-main ul { 
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    gap: 30px;
}
.new-function .content-main li { 
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: transform 0.3s ease;
}
.new-function .content-main li:hover {
    transform: translateY(-4px);
    color: #0007DA;
}
.new-function .content-main li::before { 
    content: var(--icon-info-star);
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 4px;
}
.new-function .content-text {
    padding: 10px 24px;
    margin-top: 24px;
    background-color: #F5F5F5;
}
.new-function .content-text .content-desc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
.new-function  .content-text .content-desc .content-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
.new-function  .content-text .content-desc .content-number {
    color: #8b8c8f;
    font-size: 12px;
}
.new-function .content-list {
    height: 74px;
    overflow-y: scroll;
}
.new-function .content-list-item {
    padding-left: 15px;
    position: relative;
    line-height: 22px;
}
.new-function .content-link {
    color: #6041da;
    cursor: pointer;
}
.new-function .ag-dialog-footer{
    background-color: #F5F5F5;
    border-radius: 0 0 8px 8px;
}
.new-function .content-link:hover {
    font-weight: 600;
}
.nf-container {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 680px;
    height: 420px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6), 0 10px 20px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: transform 0.2s ease;
    animation: nf-float-in 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes nf-float-in {
    0% {
        opacity: 0;
        transform: scale(0.96) translateX(-200px);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}
.nf-container .content-left {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}
.nf-container .content-left img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    padding: 0px;
    min-width: 360px;
}
.nf-container .content-right {
    flex: 1 1 40%;
    padding: 20px 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #ffffff;
    height: 100%;
}
.nf-container .content-right .content-text {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: flex-start;
}
.nf-container .content-right .content-text .popup-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    color: #0b1e33;
    margin: 16px 10px;
}
.nf-container .content-right .content-text .popup-title span {
    color: #2563eb;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}
.nf-container .content-right .content-text .popup-desc {
    line-height: 1.5;
    color: #334155;
    display: flex;
    flex-direction: column;
    padding-top: 6px;
}
.nf-container .content-right .content-text .popup-desc li {
    line-height: 24px;
    margin: 6px 16px;
    font-size: 14px;
}
.nf-container .content-right .content-text .popup-desc li::before1 {
    content: "·";
    margin-right: 10px;
    font-size: 20px;
    font-weight: 600;
}
.nf-container .content-right .content-text .popup-desc li::before {
    content: var(--icon-info-star);
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 4px;
}
.nf-container .content-right .toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nf-container .content-right .toolbar .options {
    position: relative;
    display: flex;
}
.nf-container .content-right .toolbar .checkbox {
    margin-right: 16px;
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #0007DA;
}
.nf-container .content-right .toolbar .checkbox input {
    margin-right: 4px;
}
.ag-play {
    position: absolute;
    top: calc(50% - 640px / 2);
    left: calc(50% - 1000px / 2);
    padding: 10px;
    box-sizing: border-box;
    width: 1000px;
    height: 640px;
    background: #ffffff;
    border-radius: 20px;
}
.ag-play .mp4-box {
    width: 100%;
    height: 560px;
    background: #ffffff;
    border-radius: 16px 16px 0px 0px;
    overflow: hidden;
}
.ag-play .mp4-box video {
    width: 100%;
    height: 100%;
    outline: none;
    border-radius: 15px;
}
.ag-play .begin-button {
    cursor: pointer;
    width: 184px;
    height: 48px;
    margin: 0 auto;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    background: linear-gradient(221deg, #51f5ff 0%, #174aff 100%);
    border-radius: 10px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    line-height: 48px;
    text-align: center;
}
.ag-play .video-footer {
    padding: 16px;
    color: #0000C2;
    font-size: 14px;
    border-top: 1px solid #e3eef7;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.ag-play .video-footer span {
    opacity: 0.7;
    font-size: 14px;
    user-select: none;
}
.ag-play .video-footer .current-title {
    font-weight: 600;
    font-size: 16px;
}
.ag-play .video-footer .prior,
.ag-play .video-footer .next {
    margin-right: 8px;
    color: #111111;
    cursor: pointer;
}
.ag-play .video-footer .prior:hover,
.ag-play .video-footer .next:hover {
    transform: translateY(-1px);
    font-weight: 600;
    color: #000000;
}
.ag-play .video-footer >div {
    display: flex;
    align-items: center;
}
.ag-play .video-footer svg {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    margin-left: 4px;
}
.ag-play .close-button {
    position: absolute;
    top: calc(100% + 20px);
    left: calc(50% - 12px);
    cursor: pointer;
    width: 36px;
    height: 36px;
    transition: transform 0.3s ease;
}
.ag-play .close-button:hover {
    transform: scale(1.1) rotate(180deg);;
}
.ag-configuration {
    width: 720px;
    min-height: 560px;
    max-height: 90vh;
    background-color: #FFFFFF;
    border-radius: 8px;
    display: flex;
    position: relative;
    overflow: hidden;
    user-select: none;
}
.ag-configuration .config-nav {
    flex: 0 0 145px;
    padding: 20px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.ag-configuration .config-nav-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #111111;
}
.ag-configuration .config-nav .config-type {
    margin-top: 28px;
    padding-left: 0px;
}
.ag-configuration .config-nav .config-type li {
    list-style: none;
    font-size: 12px;
    line-height: 1;
    padding: 10px;
    margin-bottom: 8px;
    border-radius: 6px;
    cursor: pointer;
    word-break: break-all;
    display: flex;
    align-items: center;
}
.ag-configuration .config-nav .config-type li.active {
    color: rgba(0, 117, 255, 1);
    background: rgb(53, 132, 255, 0.2);
}
.ag-configuration .config-nav .config-type li.sub {
    padding-left: 28px;
}
.ag-configuration .config-nav .config-type li.disabled {
    color: #ccc;
}
.ag-configuration .config-content {
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    padding: 20px 0;
    overflow: hidden;
}
.ag-configuration .config-content .config-page-title {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: #333333;
    padding: 0 28px;
    margin-bottom: 10px;
}
.ag-configuration .config-content .config-page-title span {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: #333333;
}
.ag-configuration .config-content .config-page-title.toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ag-configuration .config-content .config-page {
    margin: 0 2px;
    border-radius: 8px;
    display: none;
}
.ag-configuration .config-content .config-page.active {
    display: block;
}
.ag-configuration .config-content .config-options {
    padding: 0 26px;
    height: 485px;
    margin-bottom: 50px;
    overflow-y: auto;
}
.ag-configuration .config-content .config-options li {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px;
}
.ag-configuration .config-content .config-options li.is-disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
.ag-configuration .config-content .config-options .option-left {
    display: flex;
}
.ag-configuration .config-content .config-options .option-left .option-icon {
    margin-right: 8px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
}
.ag-configuration .config-content .config-options .option-left .option-icon.star {
    background-image: var(--icon-info-star);
}
.ag-configuration .config-content .config-options li .option-title {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 8px;
    color: #333333;
    position: relative;
    display: flex;
    align-items: center;
}
.ag-configuration .config-content .config-options li .option-title .ag-pro-wrap {
    min-width: 40px;
}
.ag-configuration .config-content .config-options li .option-title sub.ag-pro::after {
    opacity: 1;
    transform: scale(0.5);
}
.ag-configuration .config-content .config-options li .option-desc {
    font-size: 12px;
    color: rgba(50, 50, 50, 0.6);
}
.ag-configuration .config-content .config-options li .option-desc strong {
    color: rgba(50, 50, 50);
}
.ag-configuration .config-content .config-options .ag-theme-color li {
    margin-top: 10px;
}
.ag-configuration .config-content .config-options .ag-theme-color li:hover {
    background-color: #DCDCDC;
}
.ag-configuration .config-content .config-options .ag-theme-color .ag-theme-color-item span {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    flex: 0 0 auto;
    margin-right: 6px;
}
.ag-configuration .config-content .config-options .ag-theme-color .ag-theme-color-item span:first-child {
    border-radius: 12px;
    width: 30px;
}
.ag-configuration .config-content .config-options .ag-theme-color .ag-theme-color-item span:after {
    font-size: 14px;
}
.ag-configuration .config-content .config-options .ag-theme-color .remove-file {
    min-width: 20px;
    margin: 0;
    border: none;
    border-radius: 4px;
    background-color: transparent;
    color: #222222;
    outline: none;
    position: relative;
}
.ag-configuration .config-content .config-options .ag-theme-color .remove-file:hover {
    background-color: #E0F0FF;
}
@media (max-width: 750px) {
    .ag-configuration {
        width: 100%;
    }
    .ag-configuration .config-content {
        overflow: auto;
    }
    .ag-configuration .config-content .config-page {
        display: block;
    }
    .ag-configuration .config-nav {
        display: none;
    }
    .ag-configuration .config-content .config-options {
        height: auto;
        overflow: hidden;
    }
}
.ag-configuration .config-content .config-page-skin {
    display: grid;
    grid-template-columns: repeat(3, 156px);
    grid-gap: 25px;
    list-style: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px 28px;
}
.ag-configuration .config-content .config-page-skin li .image-wrap.active {
    border-color: #0075FF;
}
.ag-configuration .config-content .config-page-skin li .image-wrap {
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 0;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}
.ag-configuration .config-content .config-page-skin li .image-wrap img {
    width: 156px;
    height: 90px;
}
.ag-configuration .config-content .config-page-skin li .skin-title.select {
    opacity: 1;
    position: relative;
}
.ag-configuration .config-content .config-page-skin li .skin-title {
    color: #444444;
    opacity: .4;
    font-size: 12px;
    margin-top: 12px;
    text-align: center;
}
.ag-configuration .config-content .config-page-skin li .skin-title svg {
    margin-right: 4px;
}
.ag-quick-guide._expand {
    height: 510px;
}
.ag-quick-guide {
    width: 300px;
    height: 240px;
    position: fixed;
    left: 5px;
    bottom: 55px;
    border: 1px solid rgba(0, 0, 0, .1);
    background: #fff;
    box-shadow: 0 6px 15px #0000001a;
    border-radius: 8px;
    padding: 16px;
    color: #222222;
}
.ag-play-shortcuts {
    width: 300px;
    height: 430px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    border: 1px solid rgba(0, 0, 0, .1);
    background: #fff;
    box-shadow: 0 6px 15px #0000001a;
    border-radius: 8px;
    padding: 16px;
    color: #222222;
}
.ag-pop-help ._close {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 4px;
    border-radius: 4px;
    width: 16px;
    height: 16px;
    color: #222222;
}
.ag-pop-help ._close:hover {
    background-color: #dadadd;
}
.ag-pop-help ._list {
    position: relative;
    font-size: 12px;
    line-height: 16px;
    padding: 0px;
    margin: 0px;
}
.ag-play-shortcuts ._list {
    margin-top: 10px;
}
.ag-pop-help ._list ._item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
.ag-pop-help ._list span {
    margin: 2px;
}
.ag-pop-help ._list ._item ._left {
    color: rgba(0, 0, 0, .6);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
}
.ag-pop-help ._list ._item ._left>span>span {
    color: #003df3;
    margin: 0px 2px;
}
.ag-pop-help ._list ._item ._left ._title {
    color: #222222;
    margin-bottom: 4px;
    font-weight: 700;
}
.ag-pop-help ._list ._item ._left ._title span {
    color: #003df3;
    margin: 0px 2px;
}
.ag-pop-help ._list ._item ._box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    color: #333333;
    position: relative;
    padding: 0 16px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    border: 1px solid #dadadd;
    background: #FFFFFF;
    box-shadow: 0 2px #dadadd;
}
.ag-pop-help ._list ._item ._box svg {
    margin-left: 4px;
}
.ag-pop-help ._collect_btn,
.ag-pop-help ._expand_btn {
    display: inline-flex;
    position: absolute;
    left: 50%;
    bottom: 16px;
    transform: translate(-50%);
    color: #333;
    font-size: 12px;
    line-height: 16px;
}
.ag-pop-help ._part2,
.ag-pop-help ._part3 {
    display: block;
}
.ag-pop-help ._button {
    text-align: center;
}
.ag-insert-image {
    height: 178px;
    border: 1px dashed rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    background-color: #EEFFEE;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #333333;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ag-insert-image button {
    padding: 10px 20px;
}
.ag-insert-image p {
    margin-top: 30px;
    font-size: 14px;
    line-height: 16px;
}
.ag-insert-image p span {
    font-weight: 700;
    font-size: 16px;
    color: #0075FF;
}
.ag-insert-image-step p {
    line-height: 1.25;
}
.ag-popup-container .ag-insert-attachment {
    border: 1px dashed rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    background-color: #EEFFEE;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #333333;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-top: 10px;
    flex: 0 0;
}
.ag-popup-container .ag-insert-attachment button {
    padding: 10px 20px;
}
.ag-popup-container .ag-insert-attachment ul {
    min-width: 240px;
}
.ag-popup-container .ag-insert-attachment li {
    list-style: disc;
}
.ag-popup-container .ag-insert-attachment li,
.ag-popup-container .ag-insert-attachment p {
    margin-top: 16px;
    font-size: 14px;
    line-height: 16px;
}
.ag-popup-container .ag-insert-attachment li span,
.ag-popup-container .ag-insert-attachment p span {
    font-weight: 700;
    font-size: 16px;
    color: #0075FF;
}
.ag-popup-container .ag-insert-attachment li span.key,
.ag-popup-container .ag-insert-attachment p span.key {
    color: #FF0080;
}
.ag-dialog-body .ag-share {
    height: 120px;
    border: 1px dashed rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #333333;
    padding-top: 10px;
}
.ag-dialog-body .ag-share .qr-code {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}
.ag-dialog-body .ag-share .share-notise-text {
    margin-bottom: 10px;
}
.ag-dialog-body .ag-share .share-notise-text li {
    margin: 4px 0px 10px;
}
.ag-dialog-body .ag-share .share-notise-text .sub-title {
    font-size: 18px;
    font-weight: 600;
}
.share-file .ag-dialog-header {
    padding: 6px 0px 6px 10px;
}
.ag-dialog-body .file-layout {
    width: 100%;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
}
.ag-dialog-body .file-layout .layout-affix {
    position: sticky;
    top: 0;
    z-index: 15;
    background: #FFF;
    flex: 0 0;
    padding: 0px 10px;
}
.ag-dialog-body .file-layout .ag-layout-scroller {
    overflow-y: auto;
    flex: 1 1 auto;
    min-height: 0;
}
.ag-dialog-body .ag-file-header {
    margin-top: 6px;
    height: 34px;
    position: relative;
}
.ag-dialog-body .ag-file-header span {
    font-size: 14px;
}
.ag-dialog-body .ag-file-header .ag-file-header-wrap {
    display: flex;
    align-items: center;
    height: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    justify-content: space-between;
}
.ag-dialog-body .ag-file-header .ag-file-header-wrap li {
    font-size: 16px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding: 0 4px 0 0;
    list-style: none;
    cursor: default;
    font-weight: 600;
}
.ag-dialog-body .ag-file-header .ag-file-header-wrap .ag-file-list-icon {
    flex: 0 0 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ag-dialog-body .ag-file-header .ag-file-header-wrap .file-title {
    flex: 1 0 40% !important;
    min-width: 100px !important;
    padding-left: 8px !important;
}
.ag-dialog-body .ag-file-header .ag-file-header-wrap .file-time {
    color: rgba(51, 51, 51, 0.6);
    flex: 0 1 25%;
    min-width: 80px;
}
.ag-dialog-body .ag-file-header .ag-file-header-wrap .file-size {
    color: rgba(51, 51, 51, 0.6);
    flex: 0 1 15%;
    min-width: 80px;
}
.ag-dialog-body .ag-file-header .ag-file-header-wrap .ag-file-header-download {
    color: rgba(51, 51, 51, 0.6);
    flex: 0 1 5%;
    min-width: 45px;
    text-align: center;
}
.ag-dialog-body .ag-file-header .ag-file-header-wrap .file-remove {
    color: rgba(51, 51, 51, 0.6);
    flex: 0 1 5%;
    min-width: 45px;
    text-align: center;
}
.ag-dialog-body .ag-file-list {
    height: 34px;
    border-radius: 4px;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    font-size: 14px;
    user-select: none;
    justify-content: space-between;
}
.ag-dialog-body .ag-file-list:hover {
    background-color: rgba(0, 0, 0, 0.1);
}
.ag-dialog-body .ag-file-list>div {
    height: 28px;
}
.ag-dialog-body .ag-file-list span {
    font-size: 14px;
}
.ag-dialog-body .ag-file-list .ag-file-list-icon {
    flex: 0 0 24px;
    display: flex;
    align-items: center;
}
.ag-dialog-body .ag-file-list .ag-file-list-icon svg,
.ag-dialog-body .ag-file-list .ag-file-list-icon img {
    width: 20px;
    height: 20px;
}
.ag-dialog-body .ag-file-list .ag-file-list-title {
    flex: 1 0 50%;
    min-width: 100px;
    padding: 0 12px 0 0;
    display: flex;
    align-items: center;
}
.ag-dialog-body .ag-file-list .ag-file-list-title a,
.ag-dialog-body .ag-file-list .ag-file-list-title span {
    color: #333;
    text-decoration: none;
    width: 100%;
}
.ag-dialog-body .ag-file-list .ag-file-list-title a:hover,
.ag-dialog-body .ag-file-list .ag-file-list-title span:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #2878FF;
}
.ag-dialog-body .ag-file-list .ag-file-list-time {
    flex: 0 1 25%;
    min-width: 80px;
    padding: 0 8px 0 0;
    display: flex;
    align-items: center;
}
.ag-dialog-body .ag-file-list .ag-file-list-size,
.ag-dialog-body .ag-file-list .ag-file-list-owner {
    flex: 0 1 15%;
    min-width: 80px;
    padding: 0 8px 0 0;
    display: flex;
    align-items: center;
}
.ag-dialog-body .ag-file-list .ag-file-list-size span {
    width: 90%;
    text-align: right;
}
.ag-dialog-body .ag-file-list .ag-file-list-download,
.ag-dialog-body .ag-file-list .ag-file-list-remove {
    flex: 0 1 7.5%;
    min-width: 30px;
    text-align: center;
    display: flex;
    align-items: center;
}
.ag-dialog-body .ag-file-list .ag-file-list-download svg,
.ag-dialog-body .ag-file-list .ag-file-list-remove svg {
    padding: 2px;
    cursor: pointer;
    margin-left: 15px;
}
.ag-dialog-body .ag-file-list .ag-file-list-download svg:hover,
.ag-dialog-body .ag-file-list .ag-file-list-remove svg:hover {
    border-radius: 4px;
    background-color: #8F8F8F;
}
.ag-export-dialog-pane {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: flex;
}
.ag-export-dialog-pane .modal-nav {
    width: 190px;
    border-radius: 8px 0px 0px 8px;
    border-right: solid 1px #E0E0E0;
    overflow: auto;
    padding: 24px 0 10px;
    box-sizing: content-box;
}
.ag-export-dialog-pane .modal-nav .export-modal-tab {
    color: #1a1a1a;
    position: relative;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    height: 45px;
    padding: 0 5px 0 25px;
    cursor: pointer;
    font-size: 14px;
    user-select: none;
}
.ag-export-dialog-pane .modal-nav .export-modal-tab:hover {
    background-color: #E0F0FF;
}
.ag-export-dialog-pane .modal-nav .export-modal-tab i {
    margin-left: 4px;
    min-width: 40px;
}
.ag-export-dialog-pane .modal-nav .export-modal-tab sub.ag-ltfree::after {
    content: var(--icon-aux-ltfree);
    opacity: 1;
}
.ag-export-dialog-pane .modal-nav .export-modal-tab:hover sub.ag-ltfree::after {
    content: var(--icon-aux-ltfree);
    opacity: 1;
}
.ag-export-dialog-pane .modal-nav .export-modal-tab:hover sub.ag-ltfree-text::after {
    opacity: 1;
}
.ag-export-dialog-pane .modal-nav .export-modal-tab svg {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}
.ag-export-dialog-pane .modal-nav .selected {
    background-color: #E0F0FF;
}
.ag-export-dialog-pane .modal-nav .icon-select {
    width: 16px;
    position: absolute;
    top: 50%;
    right: 24px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ag-export-dialog-pane .modal-options {
    -moz-box-flex: 1;
    flex: 1 1;
    padding-top: 40px;
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-pack: justify;
    justify-content: space-between;
    -moz-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.ag-export-dialog-pane .modal-options .export-modal-content {
    width: 100%;
    font-size: 12px;
    padding: 0 10px 0 40px;
    overflow-y: auto;
}
.ag-export-dialog-pane .modal-options .right_title {
    color: #222222;
    margin-bottom: 28px;
    font-size: 16px;
    font-weight: 600;
}
.ag-export-dialog-pane .export-item {
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    margin-top: 12px;
    margin-bottom: 12px;
    border-bottom: solid 1px #E0E0E0;
    padding-bottom: 12px;
}
.ag-export-dialog-pane .export-item .item-name {
    color: #555555;
    font-weight: 600;
    white-space: nowrap;
    margin-right: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.ag-export-dialog-pane .export-modal-tips {
    margin-top: 5px;
    margin-bottom: 5px;
}
.ag-export-dialog-pane .export-item .item-option-wrap {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
.ag-export-dialog-pane .export-item .item-option {
    color: #333333;
    user-select: none;
    width: 116px;
    height: 28px;
    padding: 5px 0;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #CFCFCF;
    position: relative;
}
.ag-export-dialog-pane .export-item .item-option[aria-disabled='true'] {
    opacity: 0.6;
    cursor: not-allowed;
}
.ag-export-dialog-pane .export-item .selected {
    color: #1F8FFF !important;
    border-color: #80BFFF !important;
    background: #E0F0FF;
    position: relative;
}
.ag-export-dialog-pane .export-item .selected::after {
    content: "";
    background: url(./images/icon_export_select.png);
    background-size: cover;
    display: inline-block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: -1px;
    right: 0;
    z-index: 2;
}
.ag-export-dialog-pane .export-item .ag-pro::after {
    content: var(--icon-aux-pro) !important;
    position: absolute;
    transform: scale(0.5);
    top: -10px;
}
.ag-export-dialog-pane .export-item .export-modal-setting {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
}
.ag-export-dialog-pane .modal-options .export-modal-action-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: nowrap;
}
.ag-export-dialog-pane .modal-options .export-modal-action {
    border-color: #eee;
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-pack: end;
    justify-content: flex-end;
    -moz-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: 64px;
    padding: 0;
}
.ag-export-dialog-pane .modal-options .export-modal-action button {
    width: 80px;
}
.ag-export-dialog-pane .modal-preview {
    width: 500px;
    display: flex;
    position: relative;
}
.ag-export-dialog-pane .modal-preview .preview-border {
    margin: 20px 20px 20px 20px;
    border-radius: 6px;
    background-color: #CFCFCF;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
}
.ag-export-dialog-pane .modal-preview .preview-border #exportWrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    border: none;
}
.ag-export-dialog-pane .modal-preview .preview-border #exportWrapper .textContent-bg {
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.ag-export-dialog-pane .modal-preview .preview-border #exportWrapper .textContent {
    overflow: hidden;
    white-space: pre;
    text-wrap: nowrap;
    display: inline-block;
    transform-origin: 0 0;
}
.ag-export-dialog-pane .modal-preview .preview-border #exportWrapper>img {
    max-height: 508px;
    max-width: 440px;
}
.ag-export-dialog-pane .modal-preview .preview-border .tip {
    color: #808080;
    background-color: transparent;
    margin-top: 12px;
}
.ag-export-dialog-pane .modal-preview .preview-border #exportWrapper .loading-wrap {
    overflow: hidden;
    width: 420px;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.ag-export-dialog-pane .modal-preview .preview-border #exportWrapper .loading-wrap span {
    margin: 40px;
    font-size: 16px;
}
.ag-export-dialog-pane .modal-preview .preview-border table {
    border-collapse: collapse;
    margin: 0;
    background-color: #FFFFFF;
    transform-origin: 0 0;
}
.ag-export-dialog-pane .modal-preview .preview-border td {
    min-width: 80px;
    border: solid 1px #CCC;
    max-width: 120px;
    padding: 2px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap;
}
.preview-html-wrap {
    display: flex;
    flex-direction: column;
}
.preview-html-wrap .center {
    width: auto;
    margin: 0 auto;
    text-align: center;
}
.preview-html-wrap .title {
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 30px;
    margin-bottom: 2px;
    font-size: 16px;
    color: #333333;
}
.preview-html-wrap .text {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 2px;
    font-size: 13px;
    color: #8B8B8B;
}
.preview-html-wrap .content {
    flex: 1;
    display: flex;
    height: auto;
    flex-flow: row wrap;
    text-align: center;
    margin-top: 5px;
}
.preview-html-wrap #svg-wrap {
    width: 100%;
    overflow-x: scroll;
    margin: 0 10px;
    overflow: visible;
    position: relative;
}
.preview-html-wrap #svg-wrap>svg {
    overflow: visible;
    display: block;
    margin: 5px auto;
    margin-bottom: 20px;
}
.preview-html-wrap #copyright {
    margin: 5px auto;
    font-size: 9px;
    color: #515151;
}
.preview-html-wrap #copyright>a {
    text-decoration: none;
    color: #70C0FF;
}
.ag-export-dialog-pane .modal-options .export-modal-content .AD {
    height: 98px;
    background-color: red;
    border-radius: 8px;
    position: relative;
    color: #fff;
}
.ag-export-dialog-pane .modal-options .export-modal-content .AD>i {
    position: absolute;
    top: 0;
    font-size: 12px;
}
.ag-export-dialog-pane .modal-options .export-modal-content .AD .tag {
    left: 0;
    border-radius: 8px 0 8px 0;
    padding: 2px 4px;
    font-style: normal;
    background-color: rgba(0, 0, 0, .4);
    text-align: center;
}
.ag-export-dialog-pane .modal-options .export-modal-content .AD .close {
    cursor: pointer;
    right: 0;
    border-radius: 0 8px 0 8px;
    margin: 2px 4px;
    color: #cccccc;
}
.ag-export-dialog-pane .modal-options .export-modal-content .AD .close::before {
    content: url('../images/common/icon-close.svg');
    width: 12px;
    height: 12px;
    display: block;
    margin: 2px 4px 0px;
}
.ag-popup-full {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-sizing: border-box;
    overflow-y: hidden;
}
.ag-popup-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: hidden;
}
.ag-popup-container .ag-content {
    flex: 1;
    box-sizing: border-box;
    padding: 10px 4px 4px;
}
.ag-popup-container .ag-content iframe {
    height: 100%;
    width: 100%;
    border: solid 0px #ccc;
    outline: solid 0px #CCC;
}
.ag-popup-container .ag-content textarea {
    height: 100%;
    width: 100%;
    font-size: 14px;
    resize: none;
    border-radius: 4px;
    border: solid 1px #ccc;
    outline: solid 0px #CCC;
}
.ag-popup-container .ag-popup-button-bar {
    flex: 0 0;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    padding: 4px;
}
.ag-popup-container .ag-popup-button-bar .right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.ag-popup-container .ag-popup-button-bar .right button {
    margin-left: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
.viewer-container {
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    border-radius: 8px;
    padding: 0px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    background-color: #E0E0E0;
}
.viewer-container span {
    user-select: none;
    -webkit-user-select: none;
}
.viewer-container .toolbar-container {
    flex: 0;
    border: solid 1px #CCC;
    border-bottom: 0px;
    background-color: #F3F3F3;
    border-radius: 6px 6px 0px 0px;
}
.viewer-container .content-container {
    flex: 1;
    height: calc(100% - 30px);
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.viewer-container .text-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0px;
}
.viewer-container .text-view {
    font-size: 20px;
    min-width: 1200px;
    font-family: "等线";
    height: 100%;
    background-color: #F0F0F0;
    border-radius: 4px;
    overflow: auto;
    line-height: 1.8;
}
.viewer-container .md-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0px;
    overflow: hidden;
    border-radius: 4px;
}
.viewer-container .md-preview {
    width: 100%;
    padding: 20px;
    border-radius: 6px;
    background-color: #f9f9f9;
    min-width: 1200px;
    min-height: 500px;
    height: 100%;
    overflow-wrap: break-word;
    overflow-y: auto;
}
.md-preview * {
    all: revert;
    line-height: 1.5;
}
.md-preview h1,
.md-preview h2,
.md-preview h3 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.25;
}
.md-preview table {
    border-collapse: collapse;
    margin: 10px 0;
}
.md-preview th,
.md-preview td {
    min-width: 100px;
    border: solid 1px #CCC;
    white-space: nowrap;
    padding: 4px 8px;
}
.md-preview thead th {
    font-weight: 700;
    background-color: #f2f2f2;
    padding: 4px;
}
.md-preview tbody th {
    font-weight: 400;
}
.md-preview tr:hover {
    background-color: #f1f1f1;
}
.viewer-container .image-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0px;
    overflow: hidden;
    border-radius: 4px;
}
.viewer-container .image-container #currentImage {
    position: absolute;
    transform-origin: 0 0;
    will-change: transform;
    min-width: 300px;
    min-height: 300px;
}
.viewer-container .image-info {
    margin-left: 20px;
}
.viewer-container .image-info .image-name {
    color: #0000FF;
    font-size: 14px;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
    max-width: 500px;
    overflow: hidden;
    display: block;
    user-select: text;
}
.viewer-container .zoom-level {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 24px;
    z-index: 5;
    display: none;
}
.viewer-container .image-counter {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 14px;
    z-index: 5;
}
.content-container .nav-btn {
    position: absolute;
    top: 0;
    width: 100px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s;
    cursor: pointer;
    z-index: 10;
}
.content-container .nav-btn:hover {
    opacity: 1;
}
.content-container .nav-btn::after {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    border: 3px solid white;
    border-width: 3px 3px 0 0;
    transform: rotate(-135deg);
    margin: 0 30px;
}
.content-container .btn-prev {
    left: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.3), transparent);
    justify-content: flex-start;
}
.content-container .btn-next {
    right: 0;
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0.3), transparent);
    justify-content: flex-end;
}
.content-container .btn-next::after {
    transform: rotate(45deg);
}
.noteview-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
}
.noteview-container .toolbar-container {
    flex: 0;
}
.noteview-container .editor {
    flex: 1;
    height: 360px;
    border-radius: 4px;
    overflow-y: auto;
    font-size: 14px;
}
.noteview-container .editor span,
.noteview-container .editor p {
    font-size: 14px;
}
.noteview-container::selection {
    background-color: #C2E0FF;
}
.noteview-container .editor ul,
.noteview-container .editor ol {
    line-height: 1.8em;
}
.noteview-container .editor .ql-editor li {
    padding-left: 1em;
}
.ag-tooltips-parent .ag-tooltips ul,
.ag-tooltips-parent .ag-tooltips ol {
    padding-left: 1em;
    line-height: 1.5em;
}
.ag-tooltips-parent .ag-tooltips ul {
    list-style-type: disc;
}
.ag-tooltips-parent .ag-tooltips ol {
    list-style-type: decimal;
}
.ag-tooltips-parent .ag-tooltips li[data-list='ordered'] {
    list-style-type: decimal;
}
.ag-tooltips-parent .ag-tooltips li[data-list='bullet'] {
    list-style-type: disc;
}
.ag-tooltips-parent .ag-tooltips table {
    border-collapse: collapse;
    font-size: 14px !important;
    font-family: '微软雅黑', Verdana, sans-serif, '宋体', serif;
    position: relative;
    width: 100%;
}
.ag-tooltips-parent .ag-tooltips th,
.ag-tooltips-parent .ag-tooltips td {
    padding: 3px;
    text-align: center;
    color: #333;
    line-height: 1.2em;
}
.ag-tooltips-parent .ag-tooltips td {
    border: 1px solid #ccc;
}
.ag-tooltips-parent .ag-tooltips th {
    border-left: 1px solid #ccc;
}
.xgridtablebox th:nth-child(1),
.xgridtablebox td:nth-child(1) {
    border-left: 0 !important;
}
.bookmark-container {
    background-color: #f8fafc;
    border-radius: 6px;
    padding: 40px;
    max-width: 380px;
    min-width: 320px;
    text-align: center;
    color: #303030;
    height: 100%;
}
.bookmark-container h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}
.bookmark-container .info-panel {
    background-color: #E0F0FF;
    border-radius: 6px;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 24px;
}
.bookmark-container .button-panel {
    display: flex;
    gap: 12px;
}
.bookmark-container .button-panel button {
    flex: 1;
    padding: 12px;
    background: linear-gradient(135deg, #F0F0F0 0%, #E0E0E0 100%);
    border-radius: 6px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    color: #616161;
}
.bookmark-container .button-panel button:hover {
    font-weight: 600;
    background: linear-gradient(135deg, #F0F0F0 0%, #E0E0E0 100%);
}
:root {
    --icon-op-order: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjcgMzMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQoJPHBhdGggZD0iTTExLjk4ODEgMS43NDU3NUMxMi43ODU3IDAuODI0ODIyIDE0LjIxNDMgMC44MjQ4MjMgMTUuMDExOSAxLjc0NTc1TDIyLjMyNTQgMTAuMTkwN0MyMy40NDcyIDExLjQ4NiAyMi41MjcxIDEzLjUgMjAuODEzNSAxMy41SDYuMTg2NDZDNC40NzI5NiAxMy41IDMuNTUyODYgMTEuNDg2IDQuNjc0NjEgMTAuMTkwN0wxMS45ODgxIDEuNzQ1NzVaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjE1Ii8+DQoJPHBhdGggZD0iTTE1LjAxMTkgMzEuMjU0M0MxNC4yMTQzIDMyLjE3NTIgMTIuNzg1NyAzMi4xNzUyIDExLjk4ODEgMzEuMjU0M0w0LjY3NDU5IDIyLjgwOTNDMy41NTI4NCAyMS41MTQgNC40NzI5NSAxOS41IDYuMTg2NDUgMTkuNUgyMC44MTM1QzIyLjUyNyAxOS41IDIzLjQ0NzEgMjEuNTE0IDIyLjMyNTQgMjIuODA5M0wxNS4wMTE5IDMxLjI1NDNaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjE1Ii8+DQo8L3N2Zz4NCg==");
    --icon-op-order-asc: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjcgMzMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQoJPHBhdGggZD0iTTExLjk4ODEgMS43NDU3NUMxMi43ODU3IDAuODI0ODIyIDE0LjIxNDMgMC44MjQ4MjMgMTUuMDExOSAxLjc0NTc1TDIyLjMyNTQgMTAuMTkwN0MyMy40NDcyIDExLjQ4NiAyMi41MjcxIDEzLjUgMjAuODEzNSAxMy41SDYuMTg2NDZDNC40NzI5NiAxMy41IDMuNTUyODYgMTEuNDg2IDQuNjc0NjEgMTAuMTkwN0wxMS45ODgxIDEuNzQ1NzVaIiBmaWxsPSIjMEQ4NEZGIi8+DQoJPHBhdGggZD0iTTE1LjAxMTkgMzEuMjU0M0MxNC4yMTQzIDMyLjE3NTIgMTIuNzg1NyAzMi4xNzUyIDExLjk4ODEgMzEuMjU0M0w0LjY3NDU5IDIyLjgwOTNDMy41NTI4NCAyMS41MTQgNC40NzI5NSAxOS41IDYuMTg2NDUgMTkuNUgyMC44MTM1QzIyLjUyNyAxOS41IDIzLjQ0NzEgMjEuNTE0IDIyLjMyNTQgMjIuODA5M0wxNS4wMTE5IDMxLjI1NDNaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjE1Ii8+DQo8L3N2Zz4NCg==");
    --icon-op-order-desc: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjcgMzMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQoJPHBhdGggZD0iTTExLjk4ODEgMS43NDU3NUMxMi43ODU3IDAuODI0ODIyIDE0LjIxNDMgMC44MjQ4MjMgMTUuMDExOSAxLjc0NTc1TDIyLjMyNTQgMTAuMTkwN0MyMy40NDcyIDExLjQ4NiAyMi41MjcxIDEzLjUgMjAuODEzNSAxMy41SDYuMTg2NDZDNC40NzI5NiAxMy41IDMuNTUyODYgMTEuNDg2IDQuNjc0NjEgMTAuMTkwN0wxMS45ODgxIDEuNzQ1NzVaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjE1Ii8+DQoJPHBhdGggZD0iTTE1LjAxMTkgMzEuMjU0M0MxNC4yMTQzIDMyLjE3NTIgMTIuNzg1NyAzMi4xNzUyIDExLjk4ODEgMzEuMjU0M0w0LjY3NDU5IDIyLjgwOTNDMy41NTI4NCAyMS41MTQgNC40NzI5NSAxOS41IDYuMTg2NDUgMTkuNUgyMC44MTM1QzIyLjUyNyAxOS41IDIzLjQ0NzEgMjEuNTE0IDIyLjMyNTQgMjIuODA5M0wxNS4wMTE5IDMxLjI1NDNaIiBmaWxsPSIjMEQ4NEZGIi8+DQo8L3N2Zz4NCg==");
    --icon-file-folder-open: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPg0KICAgIDxwYXRoIGQ9Ik03Ni44IDI1NmExNTMuNiAxNTMuNiAwIDAgMSAxNTMuNi0xNTMuNmgxOTIuMzU4NGExNTMuNiAxNTMuNiAwIDAgMSAxMDguNjQ2NCA0NS4wMDQ4bDI3LjM5MiAyNy4zOTJBMTAyLjQgMTAyLjQgMCAwIDAgNjMxLjE5MzYgMjA0LjhINzQyLjRhMTUzLjYgMTUzLjYgMCAwIDEgMTUzLjYgMTUzLjZ2NDA5LjZhMTUzLjYgMTUzLjYgMCAwIDEtMTUzLjYgMTUzLjZoLTUxMmExNTMuNiAxNTMuNiAwIDAgMS0xNTMuNi0xNTMuNlYyNTZ6IiBmaWxsPSIjRkVEOEExIj48L3BhdGg+DQogICAgPHBhdGggZD0iTTE5Mi40NjA4IDUxOS4wNjU2QTE1My42IDE1My42IDAgMCAxIDMzOS41NTg0IDQwOS42aDQ5OC40ODMyYTE1My42IDE1My42IDAgMCAxIDE0Ny4xNDg4IDE5Ny43MzQ0bC02MS40NCAyMDQuOEExNTMuNiAxNTMuNiAwIDAgMSA3NzYuNjAxNiA5MjEuNkgyMDkuMzA1NmExMDIuNCAxMDIuNCAwIDAgMS05OC4wNDgtMTMxLjg0bDgxLjIwMzItMjcwLjY5NDR6IiBmaWxsPSIjRkRCMDQzIj48L3BhdGg+DQo8L3N2Zz4NCg==");
    --icon-file-folder-close: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI1IDEwMjQiPg0KICAgIDxwYXRoIGQ9Ik03NTcuODUxOTgyIDkxNy40MjA4MTZIMjY3Ljk0NzY2NmMtODguMzgyNzM4IDAtMTU5Ljk2ODc1Ni03MS41ODYwMTgtMTU5Ljk2ODc1Ni0xNTkuOTY4NzU2VjI2Ni43NDc5MDFjMC04OC4zODI3MzggNzEuNTg2MDE4LTE1OS45Njg3NTYgMTU5Ljk2ODc1Ni0xNTkuOTY4NzU2aDE3My4xNjYxNzljNDUuNzkxMDU2IDAgODkuMTgyNTgyIDE5LjU5NjE3MyAxMTkuNTc2NjQ1IDUzLjc4OTQ5NGw1My43ODk0OTQgNjAuNTg4MTY2YzMwLjM5NDA2NCAzNC4xOTMzMjIgNzMuOTg1NTUgNTMuNzg5NDk0IDExOS41NzY2NDYgNTMuNzg5NDk1SDc1Ny44NTE5ODJjODguMzgyNzM4IDAgMTU5Ljk2ODc1NiA3MS41ODYwMTggMTU5Ljk2ODc1NiAxNTkuOTY4NzU2djMyMi41MzcwMDRjMCA4OC4zODI3MzgtNzEuNzg1OTc5IDE1OS45Njg3NTYtMTU5Ljk2ODc1NiAxNTkuOTY4NzU2eiIgZmlsbD0iI0ZGRTc4MCI+PC9wYXRoPg0KICAgIDxwYXRoIGQ9Ik0xMDcuOTc4OTEgMjc0Ljc0NjMzOXY0ODIuNTA1NzZjMCA4OC4zODI3MzggNzEuNTg2MDE4IDE1OS45Njg3NTYgMTU5Ljk2ODc1NiAxNTkuOTY4NzU2aDQ4OS45MDQzMTZjODguMzgyNzM4IDAgMTU5Ljk2ODc1Ni03MS41ODYwMTggMTU5Ljk2ODc1Ni0xNTkuOTY4NzU2VjQzNC43MTUwOTVjMC04OC4zODI3MzgtNzEuNTg2MDE4LTE1OS45Njg3NTYtMTU5Ljk2ODc1Ni0xNTkuOTY4NzU2SDEwNy45Nzg5MXoiIGZpbGw9IiNGRkIxMzMiPjwvcGF0aD4NCjwvc3ZnPg==");
}
.home-file-wrap {
    position: relative;
    margin-bottom: 20px;
}
.home-file-wrap .file-page-title {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: #333333;
    padding: 0 28px;
    display: flex;
    align-items: baseline;
}
.home-file-wrap .file-page-title span {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    padding: 2px 4px;
    color: #007FFF;
    margin: 0px 2px;
    cursor: pointer;
    text-wrap: nowrap;
}
.home-file-wrap .file-page-title span:hover {
    font-weight: 600;
    background-color: #E0F0FF;
    border-radius: 4px;
}
.home-file-wrap .file-page-title i {
    font-size: 14px;
}
.home-file-wrap .my-file-toolbar {
    padding-top: 0px;
}
.home-file-wrap .ag-file-wrap .file-layout {
    padding: 12px 0px;
}
.ag-file-wrap .file-layout {
    content-visibility: visible;
    width: 100%;
    height: 100%;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    flex-direction: column;
    padding: 12px 24px;
    margin-top: 0px;
}
.ag-file-wrap .file-layout .layout-affix {
    position: sticky;
    top: 0;
    z-index: 15;
    background: #FFF;
}
.ag-file-wrap .file-layout .ag-layout-scroller {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.ag-file-wrap .file-layout .file-header {
    height: 40px;
    position: relative;
}
.ag-file-wrap .file-layout .file-header span {
    font-size: 14px;
}
.ag-file-wrap .file-layout .file-header-wrap {
    display: flex;
    align-items: center;
    height: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    justify-content: space-between;
}
.ag-file-wrap .file-layout .file-header li {
    font-size: 16px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding: 0 8px 0 0;
    list-style: none;
    cursor: default;
}
.ag-file-wrap .file-layout .file-header i.sort {
    display: block;
    width: 14px;
    height: 17px;
    margin-left: 4px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-image: var(--icon-op-order);
}
.ag-file-wrap .file-layout .file-header i.sort-asc {
    background-image: var(--icon-op-order-asc);
}
.ag-file-wrap .file-layout .file-header i.sort-desc {
    background-image: var(--icon-op-order-desc);
}
.ag-file-wrap .file-layout .file-header .file-icon {
    flex: 0 0 24px;
    justify-content: center;
}
.ag-file-wrap .file-layout .file-header .file-title {
    flex: 1 0 50%;
    min-width: 200px;
    padding-left: 8px;
}
.ag-file-wrap .file-layout .file-header .file-time {
    color: rgba(51, 51, 51, 0.6);
    flex: 0 1 25%;
    min-width: 80px;
}
.ag-file-wrap .file-layout .file-header .file-size,
.ag-file-wrap .file-layout .file-header .file-owner {
    color: rgba(51, 51, 51, 0.6);
    flex: 0 1 15%;
    min-width: 80px;
}
.ag-file-wrap .file-layout .file-header .file-size {
    justify-content: end;
}
.ag-file-wrap .file-layout .file-header .file-remove {
    color: rgba(51, 51, 51, 0.6);
    flex: 0 1 5%;
    min-width: 40px;
    justify-content: center;
}
.ag-file-wrap .file-layout .ag-file-body {
    content-visibility: visible;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
    color: #333;
}
.ag-file-wrap .file-layout .ag-file-list {
    height: 28px;
    border-radius: 4px;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    font-size: 14px;
    user-select: none;
    justify-content: space-between;
}
.ag-file-wrap .file-layout .ag-file-list:hover {
    background-color: #E0F0FF88;
}
.ag-file-wrap .file-layout .ag-file-list.focus {
    background-color: #F0F0F0;
}
.ag-file-wrap .file-layout .ag-file-list div {
    display: flex;
    align-items: center;
}
.ag-file-wrap .file-layout .ag-file-list span {
    font-size: 14px;
}
.ag-file-wrap .file-layout .ag-file-list .file-icon {
    flex: 0 0 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ag-file-wrap .file-layout .ag-file-list .file-icon input[type=checkbox] {
    margin-right: 8px;
    margin-left: 4px;
}
.ag-file-wrap .file-layout .ag-file-list .file-icon,
.ag-file-wrap .file-layout .ag-file-list .file-icon svg,
.ag-file-wrap .file-layout .ag-file-list .file-icon img {
    width: 20px;
    height: 20px;
}
.ag-file-wrap .file-layout .ag-file-list .file-title {
    flex: 1 0 50%;
    min-width: 200px;
    padding: 0 8px;
}
.ag-file-wrap .file-layout .ag-file-list .file-title a,
.ag-file-wrap .file-layout .ag-file-list .file-title span {
    color: #333;
    text-decoration: none;
    width: 100%;
}
.ag-file-wrap .file-layout .ag-file-list .file-title a:hover,
.ag-file-wrap .file-layout .ag-file-list .file-title span:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #0075FF;
}
.ag-file-wrap .file-layout .ag-file-list .file-time {
    flex: 0 1 25%;
    min-width: 80px;
    padding: 0 8px 0 0;
}
.ag-file-wrap .file-layout .ag-file-list .file-size,
.ag-file-wrap .file-layout .ag-file-list .file-owner {
    flex: 0 1 15%;
    min-width: 80px;
    padding: 0 12px 0 0;
}
.ag-file-wrap .file-layout .ag-file-list .file-size {
    justify-content: end;
}
.ag-file-wrap .file-layout .ag-file-list .file-owner .status-active {
    background: #e6f7ee;
    color: #00a65c;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px !important;
}
.ag-file-wrap .file-layout .ag-file-list .ag-file-operation {
    flex: 0 1 5%;
    min-width: 40px;
    cursor: pointer;
    justify-content: center;
}
.ag-file-wrap .file-layout .ag-file-list .ag-file-operation svg {
    padding: 2px;
}
.ag-file-wrap .file-layout .ag-file-list .ag-file-operation svg:hover {
    border-radius: 4px;
    background-color: #E5E5E5;
}
.ag-file-wrap .file-layout .grid-file-wrap {
    display: grid;
    grid-gap: 10px;
    padding-top: 0px;
    grid-template-columns: repeat(auto-fill, minmax(178px, 1fr));
}
.ag-file-wrap .file-layout .ag-file-grid {
    border-radius: 8px;
    overflow: hidden;
    height: 151px;
    position: relative;
    list-style: none;
    transition: all .2s ease-in-out;
    border: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
.ag-file-wrap .file-layout .ag-file-grid.folder {
    height: 80px;
}
.ag-file-wrap .file-layout .ag-file-grid.focus {
    border: 1px solid #1F8FFF;
}
.ag-file-wrap .file-layout .ag-file-grid .wrap {
    position: absolute;
    inset: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}
.ag-file-wrap .file-layout .ag-file-grid .wrap .top-left {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1;
}
.ag-file-wrap .file-layout .ag-file-grid .wrap .top-right {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
    color: #333;
}
.ag-file-wrap .file-layout .ag-file-grid .wrap .top-left span,
.ag-file-wrap .file-layout .ag-file-grid .wrap .top-right span {
    display: block;
    width: 24px;
    height: 24px;
    background: #FFF;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    transition: all .2s ease-out;
    justify-content: center;
    align-items: center;
}
.ag-file-wrap .file-layout .ag-file-grid .wrap .thumb {
    flex: 1;
    overflow: hidden;
    position: relative;
    padding: 6px 6px 0;
}
.ag-file-wrap .file-layout .ag-file-grid .wrap .thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.ag-file-wrap .file-layout .ag-file-grid .wrap .thumb .thumb_img {   
    border-radius: 6px;
    transition: opacity 0.5s;
    opacity: 0;
}
.ag-file-wrap .file-layout .ag-file-grid .wrap .thumb .thumb_img.loaded {
    opacity: 1;
}
.ag-file-wrap .file-layout .ag-file-grid .wrap .thumb .msg-tips {
    position: absolute;
    inset: 6px 6px 0;
}
.ag-file-wrap .file-layout .ag-file-grid .wrap .thumb .msg-tips:hover {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 6px;    
}
.ag-file-wrap .file-layout .ag-file-grid.folder .wrap .thumb {
    display: flex;
    align-items: center;
    border-bottom: none;
}
.ag-file-wrap .file-layout .ag-file-grid.folder .wrap .thumb svg,
.ag-file-wrap .file-layout .ag-file-grid.folder .wrap .thumb img {
    width: 48px;
    height: 48px;
}
.ag-file-wrap .file-layout .ag-file-grid .wrap .bottom-toolbar {
    max-height: 40px;
    padding: 0 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}
.ag-file-wrap .file-layout .ag-file-grid .wrap .bottom-toolbar .file-text {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    min-width: 0;
}
.ag-file-wrap .file-layout .ag-file-grid .wrap .bottom-toolbar .file-text .file-title {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    min-width: 0;
}
.ag-file-wrap .file-layout .ag-file-grid .wrap .bottom-toolbar .file-text .file-title .span {
    text-align: left;
}
.ag-file-wrap .file-layout .ag-file-grid .wrap .bottom-toolbar .file-text .icon {
    flex: 0;
}
.ag-file-wrap .file-layout .ag-file-grid .wrap .bottom-toolbar .file-text .icon svg,
.ag-file-wrap .file-layout .ag-file-grid .wrap .bottom-toolbar .file-text .icon img {
    width: 24px;
    height: 24px;
}
.ag-file-wrap .file-layout .ag-file-grid .wrap .bottom-toolbar .ag-file-operation {
    padding: 4px;
    border-radius: 6px;
}
.ag-file-wrap .file-layout .ag-file-grid .wrap .bottom-toolbar .ag-file-operation:hover {
    background-color: #F5F5F5;
    color: #0075FF;
}
.mobile .ag-file-wrap .file-layout {
    padding: 12px 4px;
}
.mobile .ag-file-wrap .file-layout .file-header .file-title {
    flex: 0 1 50%;
    min-width: 200px;
}
.mobile .ag-file-wrap .file-layout .file-header .file-time {
    flex: 0 1 20%;
    min-width: 110px;
}
.mobile .ag-file-wrap .file-layout .file-header .file-size {
    flex: 0 1 15%;
    min-width: 60px;
    display: flex;
    justify-content: end;
}
.mobile .ag-file-wrap .file-layout .ag-file-list .file-title {
    flex: 1 0 50%;
    min-width: 200px;
}
.mobile .ag-file-wrap .file-layout .ag-file-list .file-time {
    flex: 0 1 20%;
    min-width: 110px;
}
.mobile .ag-file-wrap .file-layout .ag-file-list .file-size,
.mobile .ag-file-wrap .file-layout .ag-file-list .file-owner {
    flex: 0 1 15%;
    min-width: 60px;
    display: flex;
    justify-content: end;
}
.ag-myfile-dialog {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    border-radius: 8px;
    display: flex;
    position: relative;
    overflow: hidden;
    user-select: none;
}
.file-page .ag-file-wrap {
    position: absolute;
    top: 50px;
    width: 100%;
    bottom: 0px;
    overflow-y: auto;
}
.ag-myfile-dialog .file-nav {
    flex: 0 0 145px;
    padding: 20px 10px 10px 4px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.ag-myfile-dialog .file-nav-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #111111;
}
.ag-myfile-dialog .file-nav .file-type {
    margin-top: 0px;
    padding-left: 0px;
}
.ag-myfile-dialog .file-nav .file-type li {
    list-style: none;
    font-size: 14px;
    line-height: 1;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 6px;
    cursor: pointer;
    word-break: break-all;
    display: flex;
    align-items: center;
}
.ag-myfile-dialog .file-nav .file-type li:hover {
    background: rgb(53, 132, 255, 0.2);
}
.ag-myfile-dialog .file-nav .file-type li.active {
    color: rgba(0, 117, 255, 1);
    background: rgb(53, 132, 255, 0.2);
}
.ag-myfile-dialog .file-nav .file-type li:active {
    font-weight: bold;
    background: rgb(53, 132, 255, 0.3);
}
.ag-myfile-dialog .file-nav .file-type li.disabled {
    color: #ccc;
}
.ag-myfile-dialog .file-nav .file-type li span {
    font-size: 14px;
    display: flex;
    align-items: center;
}
.ag-myfile-dialog .file-nav .file-type li svg {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px 6px 0px 0px;
}
.ag-myfile-dialog .file-content {
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    padding: 0px 0 20px;
    overflow: hidden;
    position: relative;
}
.ag-myfile-dialog .file-content:focus {
    outline: none;
}
.ag-select-file-dialog .file-page .file-page-title,
.ag-save-file-dialog .folder-content .file-page-title,
.ag-myfile-dialog .file-content .file-page-title {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: #333333;
    padding: 0 28px;
    display: flex;
    align-items: baseline;
}
.ag-select-file-dialog .file-page .file-page-title span,
.ag-save-file-dialog .folder-content .file-page-title span,
.ag-myfile-dialog .file-content .file-page-title span {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    padding: 2px 4px;
    color: #007FFF;
    margin: 0px 2px;
    cursor: pointer;
}
.ag-select-file-dialog .file-page .file-page-title span:hover,
.ag-save-file-dialog .folder-content .file-page-title span:hover,
.ag-myfile-dialog .file-content .file-page-title span:hover {
    font-weight: 600;
    background-color: #E0F0FF;
    border-radius: 4px;
}
.ag-select-file-dialog .file-page .file-page-title i,
.ag-save-file-dialog .folder-content .file-page-title i,
.ag-myfile-dialog .file-content .file-page-title i {
    font-size: 14px;
}
.cloud-file-pane {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    box-sizing: border-box;
    overflow-y: hidden;
}
.cloud-file-pane .my-file-toolbar {
    position: absolute;
    height: 48px;
    width: 100%;
    top: 0px;
}
.my-file-toolbar {
    height: 48px;
    display: flex;
    align-items: center;
    padding: 16px 12px 4px;
    justify-content: space-between;
}
.my-file-toolbar .left {
    display: flex;
    align-items: center;
    gap: 12px;
}
.my-file-toolbar .right {
    display: flex;
    align-items: center;
}
.my-file-toolbar .toolbar-separator {
    height: 24px;
    margin-left: 10px;
    margin-right: 10px;
}
.my-file-toolbar .text-image-button {
    margin: 0 0 0 2px;
    padding: 4px;
    border: none;
    border-radius: 4px;
    color: #222222;
    outline: none;
    position: relative;
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
}
.my-file-toolbar .text-image-button svg {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px;
}
.my-file-toolbar .left .text-image-button {
    min-width: 100px;
}
.my-file-toolbar .right .text-image-button {
    margin-right: 2px;
}
.my-file-toolbar .text-image-button:hover {
    background-color: #E0E0E0;
}
.my-file-toolbar .text-image-button:active {
    background-color: #CFCFCF;
    font-weight: bold;
}
.my-file-toolbar .text-image-button.active {
    background-color: #CFCFCF;
    font-weight: bold;
}
.ag-dialog-body .ag-column-layout {
    padding: 0px 10px;
}
.ag-dialog-body .ag-column-layout .single-title span {
    font-weight: 600;
    font-size: 16px;
}
.ag-dialog-body .ag-column-layout .single-row {
    margin: 10px 0px;
    flex: 1;
    overflow-y: hidden;
    display: flex;
    align-items: center;
}
.ag-dialog-body .ag-column-layout .single-row.label {
    flex-direction: column;
    align-items: start;
    flex: 0 0 70px;
    justify-content: center;
    margin-top: 10px;
}
.ag-dialog-body .ag-column-layout .multy-row.label {
    flex-direction: column;
    align-items: start;
}
.ag-dialog-body .ag-column-layout .multy-row {
    overflow-y: auto;
    display: flex;
    align-items: center;
    flex: 1 1;
}
.ag-dialog-body .ag-column-layout .multy-row span {
    margin-bottom: 6px;
}
.ag-dialog-body .ag-column-layout .layout-title span {
    font-weight: 600;
    font-size: 16px;
}
.ag-dialog-body .ag-column-layout .input-middle {
    margin: 10px 0px;
    flex: 1;
    overflow-y: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: end;
}
.ag-dialog-body .ag-column-layout .input-middle input {
    margin-bottom: 12px;
}
.layout-middle {
    flex: 1 1;
    margin: 10px 0px;
    overflow-y: auto;
    display: flex;
    align-items: center;
}
.layout-middle .path-tree {
    background-color: #FFFFFF;
    border-radius: 6px;
    height: 100%;
    width: 100%;
    overflow: auto;
}
.layout-middle .path-tree ul {
    display: block;
}
.layout-middle .path-tree li {
    position: relative;
    margin: 2px 0px;
    list-style: none;
    transition: all 0.12s;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.layout-middle .path-tree li>span {
    font-size: 14px;
    font-weight: 500;
    color: #1d3e1c;
    display: flex;
    align-items: center;
    padding: 2px 6px;
}
.layout-middle .path-tree li.active>span {
    background-color: #CFCFCF;
    border-radius: 4px;
}
.layout-middle .path-tree li>span::before {
    content: "";
    display: inline-block;
    min-width: 16px;
    min-height: 16px;
    background-size: 16px 16px;
    background-position: center right;
    background-repeat: no-repeat;
    background-image: var(--icon-file-folder-close);
    margin-right: 4px;
}
.layout-middle .path-tree li>span:hover {
    background-color: #E0E0E0;
    border-radius: 4px;
}
.layout-middle .path-tree li:hover {
    border-radius: 1rem;
    transition: 0.1s;
    cursor: default;
}
.layout-middle .path-tree li>ul {
    margin-left: 14px;
    padding-left: 10px;
    margin-top: 0px;
    width: 100%;
    flex-basis: 100%;
}
.layout-middle .path-tree li>ul.hidden {
    display: none;
}
.ag-save-file-dialog {
    width: 900px;
    min-height: 560px;
    background-color: #FFFFFF;
    border-radius: 8px;
    display: flex;
    position: relative;
    overflow: hidden;
    user-select: none;
    flex-direction: column;
    justify-content: space-between;
}
.ag-save-file-dialog .cloud-path {
    width: 100%;
    display: flex;
    position: relative;
    flex: 1;
}
.ag-save-file-dialog .cloud-path .layout-middle {
    flex: 0 0 245px;
    padding: 20px 10px 10px 4px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.ag-save-file-dialog .cloud-path .folder-content {
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    padding: 20px 0;
    overflow: hidden;
    position: relative;
}
.ag-save-file-dialog .cloud-path .folder-content:focus {
    outline: none;
}
.ag-save-file-dialog .fileName {
    margin-top: 10px;
}
.ag-save-file-dialog .fileName .input {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ag-save-file-dialog .fileName .input span {
    font-size: 14px;
    margin: 0px 10px;
}
.ag-save-file-dialog .fileName .input input {
    flex: 1;
}
.ag-select-file-dialog .file-list-wrap {
    position: relative;
    flex: 1;
}
:root {
    --border-focus-color: #2878FF;
    --hover-background-color: #E0F0FF;
    --active-background-color: #C2E0FF;
    --title-color: #333333;
    --title-font-size: 14px;
    --normal-font-size: 14px;
    --aux-font-size: 12px;
    --panel-bg-color: #FEFEFE;
}
#moreArea label {
    font-weight: normal;
}
.option-panel {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 256px;
    border: solid 0px #CCC;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 6px 0px 6px 6px;
    background-color: var(--panel-bg-color);
}
.option-panel .pane {
    user-select: none;
    margin-bottom: 10px;
}
.option-panel .title {
    font: var(--title-font-size) bold;
    margin: 8px 4px 4px 4px;
    font-weight: 600;
    color: var(--title-color);
    user-select: none;
    display: flex;
    align-items: center;
}
.option-panel .title span {
    font: var(--normal-font-size) bold;
    font-weight: 600;
}
.option-panel .sub-title {
    margin-top: 8px;
    margin-bottom: 4px;
    font: var(--title-font-size) bold;
    font-weight: 600;
    color: var(--title-color);
    user-select: none;
}
.option-panel .sub-title span {
    font: var(--title-font-size) bold;
    color: #A2A2A2;
    margin-left: 5px;
}
.option-panel span {
    font-weight: normal;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 110px;
    display: inline-block;
}
.option-panel .option-item {
    min-width: 254px;
    margin-bottom: 6px;
}
.option-panel .group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-width: 256px;
    text-align: center;
    padding: 0px;
    user-select: none;
    margin-bottom: 0px;
}
.option-panel .group1 li {
    width: 76px;
    height: 66px;
    margin: 4px 0px 4px 2px;
    line-height: 24px;
    text-align: center;
    font-size: var(--aux-font-size);
}
.option-panel .group1 li svg,
.option-panel .group1 li img {
    width: 70px;
    height: 50px;
    margin: 0px 6px;
    padding: 4px;
    border-radius: 6px;
    border: 1px solid #E7E7E7;
    box-sizing: border-box;
}
.option-panel .group1 li svg:hover,
.option-panel .group1 li img:hover {
    background-color: var(--hover-background-color);
}
.option-panel .group1 .focus svg,
.option-panel .group1 .focus img {
    border: 1px solid var(--border-focus-color);
    background-color: var(--hover-background-color);
}
.option-panel .group2 li {
    min-width: 72px;
    height: 30px;
    padding: 2px;
    margin: 2px 4px;
    line-height: 24px;
    border-radius: 6px;
    border: 1px solid #E7E7E7;
    font-size: var(--aux-font-size);
}
.option-panel .group2 li:hover {
    background-color: var(--hover-background-color);
}
.option-panel .group2 .focus {
    border: 1px solid var(--border-focus-color);
    background-color: var(--hover-background-color);
}
.option-panel .group2 li svg,
.option-panel .group2 li img {
    width: 24px;
    height: 24px;
    margin: 0px 4px;
}
.option-panel .group2.image-only li svg,
.option-panel .group2.image-only li img {
    width: 58px;
    height: 24px;
}
.option-panel .group2.image-big li {
    width: 112px;
    height: 88px;
    margin-bottom: 6px;
}
.option-panel .group2.image-big li svg,
.option-panel .group2.image-big li img {
    width: 100px;
    height: 60px;
    margin: 0px;
}
.option-panel .group2.smaller li svg,
.option-panel .group2.smaller li img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 4px;
}
.option-panel .groupX {
    width: 100%;
    display: flex;
    justify-content: space-between;
    min-width: 240px;
}
.option-panel .groupX li {
    min-height: 36px;
    margin: 4px;
    border-radius: 8px;
    border: 1px solid #E7E7E7;
    font-size: var(--aux-font-size);
    display: flex;
    align-items: center;
    padding: 0px 2px;
}
.option-panel .groupX li span {
    margin: 4px 6px;
}
.option-panel .groupX li:hover {
    background-color: var(--hover-background-color);
}
.option-panel .groupX .focus {
    border: 1px solid var(--border-focus-color);
    background-color: var(--hover-background-color);
}
.option-panel .groupX li img {
    width: 16px;
    height: 16px;
    margin: 4px 4px;
}
.option-panel div[center] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pane-group1 {
    margin: 8px 4px;
    padding: 0px;
    border: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
.pane-group1 label.checkbox {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}
.pane-group1 label.checkbox2 {
    margin: 4px 5px;
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}
.pane-group1 label input[type=checkbox] {
    margin: 2px 5px;
}
.pane-group2 {
    min-width: 254px; 
    margin-top: 6px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
}
.pane-group2 .panel-column-item {
    height: 40px;
}
.node-style-shape .pane-group2 .panel-column-item:nth-child(2){
    display: block;
}
.node-style-shape .pane-group2 .panel-column-item:nth-child(5){
    display: none;
}
.node-style-branch {
    margin-top: 20px;
}
.theme-panel {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
.theme-panel>div {
    width: 100%;
}
.theme-panel .theme-style {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    flex: 3;
}
.theme-panel .theme-color-style {
    flex: 0;
}
.theme-panel .theme-color-list {
    flex: 2;
    overflow-y: auto;
}
.theme-panel .theme-buttons {
    flex: 0;
    margin-top: 10px;
    display: flex;
    flex-direction: row;
}
.theme-panel .theme-style .theme-style-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 4px;
    margin-bottom: 4px;
}
.theme-panel .theme-style .theme-style-title .title-tab i::before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 12px;
    border-left: solid 2px #CCC;
}
.theme-panel .theme-style .theme-style-title .title {
    display: inline;
    color: #5c5c5c;
    cursor: pointer;
}
.theme-panel .theme-style .theme-style-title .title.focus {
    font-weight: 600;
    color: #1F8FFF;
}
.theme-panel .theme-style .theme-style-title .title-button {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
}
.theme-panel .theme-style .theme-style-title .title-button::after {
    content: "";
    margin-right: 30px;
}
.theme-panel .theme-style button {
    border: solid 1px #CCC;
    border-radius: 4px;
    padding: 4px;
    margin-left: 0px;
}
.theme-panel .theme-style .theme-option {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(0, 116px));
    gap: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
    flex: 1;
    width: 100%;
}
.theme-option .block,
.option-panel .block {
    display: inline-block;
    margin: 2px 4px 2px;
}
.theme-option .block .box {
    padding: 1px;
    border-radius: 8px;
    border: solid 1px transparent;
}
.theme-option .block .box:hover {
    border: solid 1px var(--border-focus-color);
}
.option-panel .block .box.focus {
    border: solid 1px #2878FF;
}
.theme-option .block .border,
.option-panel .block .border {
    border: solid 1px #DCDCDC;
    border-radius: 8px;
    width: 100%;
    padding: 4px;
    background-color: #FFFFFF;
    position: relative;
}
.theme-option .block .border .ag-pro-wrap {
    position: absolute;
    right: 0px;
    top: 0px;
}
.theme-option .block .border:hover sub.ag-pro::after,
.option-panel .block .border:hover sub.ag-pro::after {
    opacity: 1;
}
.theme-option .block .border svg,
.theme-option .theme,
.option-panel .theme {
    cursor: pointer;
    width: 94px;
    height: 60px;
}
.theme-option .block span {
    display: none;
}
.config-page .theme-option .block {
    margin: 2px 6px 10px 6px;
}
.config-page .theme-option .theme {
    width: 140px;
    height: 95px;
}
.theme-panel .theme-color-list .ag-theme-color {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(0, 226px));
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 4px;
    overflow: auto;
}
.theme-panel .theme-color-list .ag-theme-color .ag-theme-color-item {
    display: flex;
    align-items: center;
    height: 28px;
    padding-left: 10px;
    padding-right: 8px;
    border-radius: 4px;
}
.theme-panel .theme-color-list .ag-theme-color .ag-theme-color-item:hover {
    background-color: #DCDCDC;
}
.theme-panel .theme-color-list .ag-theme-color .ag-theme-color-item:hover sub.ag-pro::after {
    opacity: 1;
}
.theme-panel .theme-color-list .ag-theme-color .focus {
    border: 1px solid var(--border-focus-color);
    background-color: var(--hover-background-color);
}
.theme-panel .theme-color-list .ag-theme-color .ag-theme-color-item:after {
    content: attr(content);
    display: block;
    width: 80px;
    padding-left: 10px;
    font-weight: 700;
    font-size: var(--aux-font-size);
    line-height: var(--aux-font-size);
    color: var(--title-color);
}
.theme-panel .theme-color-list .ag-theme-color .ag-theme-color-item span:not(:last-child) {
    margin-right: 1px;
}
.theme-panel .theme-color-list .ag-theme-color .ag-theme-color-item span:first-child {
    margin-right: 2px;
    border-radius: 10px;
    width: 15px;
}
.theme-panel .theme-color-list .ag-theme-color .ag-theme-color-item span {
    display: block;
    width: 13px;
    height: 13px;
    border-radius: 2px;
    flex: 0 0 auto;
    cursor: pointer;
}
.ag-shortcut-panel {
    width: 256px;
    height: 100%;
    cursor: default;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.ag-shortcut-panel h3 {
    margin: 10px;
}
.ag-shortcut-content {
    flex: 1;
    overflow: auto;
    height: 100%;
}
.ag-shortcut-panel ul {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.ag-shortcut-panel .ag-shortcut-wrap>li {
    padding-bottom: 12px;
    border-bottom: 1px solid #CCCCCC;
    list-style: none;
}
.ag-shortcut-panel .ag-shortcut-wrap>li .ag-shortcut-pane-title {
    padding-left: 6px;
    margin: 6px 0;
}
.ag-shortcut-panel .ag-shortcut-wrap>li .ag-shortcut-pane {
    border-radius: 4px;
    overflow: hidden;
    padding: 0 8px px;
}
.ag-shortcut-panel .ag-shortcut-wrap>li .ag-shortcut-pane>li {
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ag-shortcut-panel .ag-shortcut-wrap>li .ag-shortcut-pane>li svg,
.ag-shortcut-panel .ag-shortcut-wrap>li .ag-shortcut-pane>li img {
    margin-right: 2px;
    width: 16px;
    height: 16px;
    flex-grow: 0;
}
.ag-shortcut-panel .ag-shortcut-wrap>li .ag-shortcut-pane>li label {
    font-size: var(--normal-font-size);
    line-height: 16px;
    color: #5c5c5c;
    flex-grow: 1;
}
.ag-shortcut-panel .ag-shortcut-wrap>li .ag-shortcut-pane>li code {
    font-size: var(--aux-font-size);
    line-height: var(--aux-font-size);
    padding: 2px;
    color: #5c5c5c;
    border: 1px solid #CCCCCC;
    background: #F3F3F3;
    border-radius: 4px;
    white-space: nowrap;
    font-weight: 600;
}
.ag-shortcut-panel .ag-shortcut-wrap>li .ag-shortcut-pane>li code b {
    font-family: cursive;
}
#bg-pane-color {
    min-width: 250px;
    width: 100%;
}
#bg-pane-color>div {
    width: 100%;
}
.ag-bg-pattern {
    display: grid;
    grid-template-columns: repeat(auto-fill, 60px);
    grid-gap: 0;
    padding: 2px;
}
.ag-bg-pattern li {
    width: 60px;
    height: 60px;
    list-style: none;
    display: flex;
    border-radius: 4px;
    position: relative;
    margin: 2px 0px 0px 0px;
}
.ag-bg-pattern li span {
    background-image: url(../images/background/bg_texture.png);
    background-size: 392px 468px;
    background-repeat: no-repeat;
    border-radius: 4px;
    display: block;
    width: 56px;
    height: 56px;
    margin: auto;
}
.ag-bg-pattern li:hover {
    border: solid 2px var(--border-focus-color);
}
.ag-bg-pattern li.active {
    border: solid 2px var(--border-focus-color);
}
.ag-bg-pattern li:hover sub.ag-pro::after {
    opacity: 1;
}
.ag-bg-image {
    display: grid;
    grid-template-columns: repeat(2, 120px);
    grid-gap: 4px;
    padding: 0px;
}
.ag-bg-image li {
    list-style: none;
    display: flex;
    border-radius: 4px;
    position: relative;
    border: solid 2px transparent;
}
.ag-bg-image li img:first-child {
    border-radius: 4px;
    display: block;
    width: 116px;
    height: 90px;
    margin: auto;
}
.ag-bg-image li img:nth-child(2) {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 12px;
    height: 12px;
}
.ag-bg-image li img:nth-child(2):hover {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 13px;
    height: 13px;
}
.ag-bg-image li:hover {
    border-color: var(--border-focus-color);
}
.ag-bg-image li.active {
    border-color: var(--border-focus-color);
}
.ag-bg-image li:hover sub.ag-pro::after {
    opacity: 1;
}
.ag-clipart-panel {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
}
.ag-clipart-panel .ag-clipart-panel-classify {
    font-size: var(--aux-font-size);
    line-height: var(--aux-font-size);
    padding: 12px 4px 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: sticky;
    top: -10px;
    z-index: 10;
    background-color: var(--panel-bg-color);
}
.ag-clipart-panel .ag-clipart-panel-classify li {
    padding: 8px 10px;
    list-style: none;
    cursor: default;
    border-radius: 8px;
    border: 1px solid transparent;
}
.ag-clipart-panel .ag-clipart-panel-classify li:hover {
    background: var(--hover-background-color);
    border: 1px solid #CCCCCC;
}
.ag-clipart-panel .ag-clipart-panel-classify li.active {
    background: var(--hover-background-color);
    color: var(--border-focus-color);
    font-weight: 700;
}
.ag-hyperlink {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.ag-hyperlink .ag-hyperlink-radio {
    padding: 12px 0 2px 50px;
    margin-bottom: 12px;
}
.ag-hyperlink .ag-hyperlink-radio label {
    margin-right: 20px;
}
.ag-hyperlink .ag-hyperlink-tab {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 2px 0;
    margin-bottom: 12px;
}
.ag-hyperlink .hyperlink-page>:not(:last-child) {
    margin-bottom: 16px;
}
.ag-hyperlink .ag-hyperlink-tab ul {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #EBEBEB;
    white-space: nowrap;
}
.ag-hyperlink .ag-hyperlink-tab ul li.active {
    color: blue;
}
.ag-hyperlink .ag-hyperlink-tab ul li:nth-child(1) {
    margin-right: 28px;
}
.ag-hyperlink .ag-hyperlink-tab ul li {
    list-style: none;
    padding: 8px 10px;
    font-size: var(--normal-font-size);
    color: var(--title-color);
    position: relative;
    cursor: default;
}
.ag-hyperlink .ag-hyperlink-describe,
.ag-hyperlink .ag-hyperlink-website {
    display: flex;
    align-items: center;
}
.ag-hyperlink .ag-hyperlink-describe span,
.ag-hyperlink .ag-hyperlink-website span {
    white-space: nowrap;
    margin-right: 12px;
    font-weight: 700;
    cursor: default;
    color: var(--title-color);
}
.ag-hyperlink .ag-hyperlink-tab ul li.active:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: blueviolet;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 2px;
}
.ag-hyperlink-node-select {
    position: fixed;
    width: 200px;
    height: 300px;
    border: solid 1px #CCCCCC;
    z-index: 999;
    background-color: white;
    overflow-y: auto;
}
.ag-graph-nav {
    position: absolute;
    bottom: 56px;
    right: 10px;
    width: 400px;
    height: 240px;
    border: solid 2px #CCC;
    border-radius: 2px;
    box-shadow: 4px 4px 12px 0px #BFBFBF;
    background-color: #FEFEFE;
    z-index: 16;
    display: none;
    padding: 1px;
    box-sizing: content-box;
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(240px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.ag-graph-nav.visible {
    display: block;
    animation: fadeInUp 0.5s ease forwards;
}
.ag-graph-nav .center-topic {
    position: absolute;
    cursor: pointer;
    right: 30px;
    top: 4px;
    width: 24px;
    height: 24px;
    padding: 4px;
    border-radius: 4px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuMCAxNS4wIDE1LjAiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0icmdiKDUxLCA1NSwgNTkpIiBkPSJNNi41NjUsMC41ODEgQzcuMDIxLDAuNTgxIDcuNDc4LDAuNTgxIDcuOTM0LDAuNTgxIEM3LjkzMCwwLjc0NiA3Ljg3MywxLjIwOCA3Ljk2MiwxLjMwNyBDOC4yMTIsMS4zNTEgOC40NjMsMS4zOTYgOC43MTQsMS40NDEgQzkuMTQzLDEuNTYwIDkuNTQxLDEuNzAzIDkuOTIyLDEuODcxIEMxMS40MjcsMi41MzMgMTIuNDgxLDMuODM3IDEzLjA5Miw1LjQwMyBDMTMuMjU0LDUuODIxIDEzLjMwNiw2LjI4MiAxMy40MDEsNi43NzMgQzEzLjY0Miw2Ljc3MyAxMy44ODQsNi43NzMgMTQuMTI2LDYuNzczIEMxNC4xMjYsNy4yMjkgMTQuMTI2LDcuNjg2IDE0LjEyNiw4LjE0MyBDMTMuOTYxLDguMTM4IDEzLjQ5OSw4LjA4MSAxMy40MDEsOC4xNjkgQzEzLjM1Niw4LjQyMCAxMy4zMTEsOC42NzEgMTMuMjY2LDguOTIxIEMxMy4xNDgsOS4zNTEgMTMuMDA0LDkuNzQ5IDEyLjgzNiwxMC4xMzAgQzEyLjE3NCwxMS42MzUgMTAuODcwLDEyLjY4OSA5LjMwNCwxMy4yOTkgQzguODg2LDEzLjQ2MyA4LjQyNiwxMy41MTQgNy45MzQsMTMuNjA4IEM3LjkzNCwxMy44NTAgNy45MzQsMTQuMDkyIDcuOTM0LDE0LjMzMyBDNy40NzgsMTQuMzMzIDcuMDIxLDE0LjMzMyA2LjU2NSwxNC4zMzMgQzYuNTY5LDE0LjE2OSA2LjYyNywxMy43MDYgNi41MzgsMTMuNjA4IEM2LjI4NywxMy41NjQgNi4wMzYsMTMuNTE5IDUuNzg2LDEzLjQ3NCBDNS4zNTUsMTMuMzY0IDQuOTU3LDEzLjIxMSA0LjU3NywxMy4wNDQgQzMuMDcyLDEyLjM4MiAyLjAxOCwxMS4wNzggMS40MDgsOS41MTIgQzEuMjQ0LDkuMDkzIDEuMTkzLDguNjMzIDEuMDk5LDguMTQzIEMwLjg1Nyw4LjE0MyAwLjYxNSw4LjE0MyAwLjM3NCw4LjE0MyBDMC4zNzQsNy42ODYgMC4zNzQsNy4yMjkgMC4zNzQsNi43NzMgQzAuNTM4LDYuNzc3IDEuMDAxLDYuODM0IDEuMDk5LDYuNzQ2IEMxLjE0NCw2LjQ5NSAxLjE4OSw2LjI0NCAxLjIzMyw1Ljk5NCBDMS4zNDMsNS41NjMgMS40OTYsNS4xNjQgMS42NjMsNC43ODUgQzIuMzI2LDMuMjgwIDMuNjI5LDIuMjI2IDUuMTk1LDEuNjE2IEM1LjYxNCwxLjQ1MiA2LjA3NCwxLjQwMSA2LjU2NSwxLjMwNyBDNi41NjUsMS4wNjUgNi41NjUsMC44MjMgNi41NjUsMC41ODEgWk02Ljg5OCwyLjQwNSBDNi43NjYsMi40MjAgNi42MzUsMi40MzQgNi41MDMsMi40NDggQzYuMTc0LDIuNTE1IDUuODM2LDIuNTczIDUuNTQ0LDIuNjg4IEM0LjAzNiwzLjI4MCAyLjkxMiw0LjM2OCAyLjQxMSw1Ljk2MSBDMS40ODgsOC44OTIgMy4zNjUsMTEuMzA4IDUuMzAzLDEyLjExMyBDNS44MjgsMTIuMzMwIDYuNzY4LDEyLjY0OCA3LjYwMywxMi41MDggQzguMDEwLDEyLjQzOSA4LjM5MCwxMi40MDggOC43NDYsMTIuMjk2IEMxMC4xNjksMTEuODUwIDExLjI5NCwxMC44NDQgMTEuODY0LDkuNTQ1IEMxMi4wMTMsOS4yMDYgMTIuMTI5LDguODM3IDEyLjIxNyw4LjQ0NCBDMTIuNDYwLDcuMzYzIDEyLjE5NCw2LjE3MSAxMS44NjQsNS40MTEgQzExLjA4MCwzLjYwNCA5LjUwNywyLjM5NiA2Ljg5OCwyLjQwNSBaTTcuMDc1LDYuMDg4IEM4Ljk4MSw2LjA1MyA5LjA5Niw4LjQ2NiA3LjUxOCw4LjgxNCBDNi41MzMsOS4wMzEgNS42MjUsOC4wNTMgNS45MjAsNy4wODEgQzYuMTI2LDYuNDA2IDYuNDYwLDYuMzQxIDcuMDc1LDYuMDg4IFoiIC8+PC9zdmc+");
}
.ag-graph-nav .center-topic:hover {
    background-color: rgba(0, 0, 0, 0.1);
}
.char-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    user-select: none;
}
.char-wrap .char-content {
    margin-left: 0px;
}
.char-wrap .char-content .char-section_content {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.char-wrap .char-content .char-section_content .char {
    margin-left: 4px;
    margin-bottom: 4px;
    border-radius: 4px;
    border: 1px solid lightgray;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 22px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
.char-wrap .char-content .char-section_content .char:hover {
    border: 1px solid #80d0ff;
}
.char-wrap.emoji-wrap .char-content .char-section_content .char {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border: 1px solid transparent;
}
.char-wrap .char-content .char-section_title h3 {
    font-size: var(--aux-font-size);
    font-weight: 600;
    margin: 6px 0px;
}
.tag-panel-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.ag-tag-panel {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.ag-tag-panel .tag-panel-type {
    font-size: var(--aux-font-size);
    line-height: var(--aux-font-size);
    padding: 12px 4px 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: sticky;
    top: -10px;
    z-index: 10;
    background-color: var(--panel-bg-color);
}
.ag-tag-panel .tag-panel-type li {
    padding: 8px 10px;
    list-style: none;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid transparent;
}
.ag-tag-panel .tag-panel-type li:hover {
    background: var(--hover-background-color);
    border: 1px solid #CCCCCC;
}
.ag-tag-panel .tag-panel-type li.active {
    background: var(--hover-background-color);
    color: var(--border-focus-color);
    font-weight: 700;
}
.tag-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: start;
    user-select: none;
}
.tag-wrap .tag-content {
    margin-left: 0px;
    display: none;
    height: 100%;
}
.tag-wrap .tag-content.mine {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.tag-wrap .tag-content.mine .toolbar {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.tag-wrap .tag-content.active {
    display: flex;
}
.tag-wrap .tag-content .tag-section_content {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.tag-wrap .tag-content .tag-section_content .tag {
    margin-right: 10px;
    margin-bottom: 4px;
    padding: 4px 10px;
    border-radius: 10px;
    border: 1px solid transparent;
    height: 30px;
    text-wrap: nowrap;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
}
.tag-wrap .tag-content .tag-section_content .tag:hover {
    border: 1px solid #80d0ff;
}
.tag-wrap.emoji-wrap .tag-content .tag-section_content .tag {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border: 1px solid transparent;
}
.tag-wrap .tag-content .tag-section_title {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.tag-wrap .tag-content .tag-section_title h3 {
    font-size: 14px;
    font-weight: 600;
    margin: 10px 0px;
}
.tag-wrap .tag-content .tag-section_title .ag-image-button {
    padding: 2px 6px;
    font-size: 12px;
    border-radius: 6px;
    height: 28px;
    margin-left: 4px;
}
.ag-history-wrap {
    margin: 4px;
    font-family: Inter, -apple-system, "San Francisco", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    color: #222222;
}
.ag-history-wrap .history-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin: 4px;
    gap: 10px;
}
.ag-history-wrap .history-item .item-date {
    flex: 0 0 58px;
    min-width: 58px;
    margin: 0;
    line-height: 0;
}
.ag-history-wrap .history-item .item-date span {
    text-align: center;
    line-height: 16px;
}
.ag-history-wrap .history-item .item-desc {
    flex: 1 1 0%;
    min-width: 0;
    position: relative;
    padding: 6px 4px 6px 4px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}
.ag-history-wrap .history-item .item-desc:hover {
    background-color: var(--hover-background-color);
}
.ag-history-wrap .history-item .item-desc.focus {
    background-color: var(--active-background-color);
}
.ag-history-wrap .history-item .item-desc:hover .item-more {
    opacity: 1;
    background-color: #F0F0F0;
}
.ag-history-wrap .history-item .item-desc.focus .item-more {
    opacity: 1;
}
.ag-history-wrap .time-line {
    position: absolute;
    left: 10px;
    height: 45px;
    border-left: solid 1px #CCC;
    z-index: 5;
}
.ag-history-wrap .time-line.begin {
    top: 15px;
    height: 30px;
}
.ag-history-wrap .time-line.end {
    top: 0px;
    height: 20px;
}
.ag-history-wrap .time-line.filter {
    border-left: dashed 2px #CCC;
    left: 9px;
}
.ag-history-wrap .item-desc .item-icon {
    position: absolute;
    left: 2px;
    top: 12px;
    z-index: 10;
    color: #4F4F4F;
}
.ag-history-wrap .item-desc .item-icon.shallow {
    color: #808080;
}
.ag-history-wrap .item-desc .item-icon.marker {
    color: #1F8FFF;
}
.ag-history-wrap .item-desc .item-icon svg {
    height: 16px;
    width: 16px;
}
.ag-history-wrap .item-desc .item-text {
    flex: 1 1 0%;
    min-width: 0;
    text-align: right;
    line-height: 1;
    overflow-x: hidden;
}
.ag-history-wrap .item-desc .item-text span {
    width: 100%;
}
.ag-history-wrap .item-desc .item-text span.marker {
    color: #1F8FFF;
    font-weight: 600;
}
.ag-history-wrap .item-desc .item-text span.shallow {
    color: #808080;
}
.ag-history-wrap .item-desc .item-time {
    margin-left: 24px;
    flex: 0 0 32px;
    line-height: 1;
}
.ag-history-wrap .item-desc .item-more {
    flex: 0 0 24px;
    opacity: 0;
    padding: 4px;
    margin-right: 4px;
    border-radius: 4px;
    border: solid 1px #CCC;
    line-height: 0;
}
.ag-history-wrap .item-desc .item-more svg {
    width: 16px;
    height: 16px;
}
.ag-history-wrap .item-desc .item-more:active {
    background-color: var(--active-background-color);
}
.ag-history-wrap .item-expand {
    position: relative;
    height: 30px;
}
.ag-history-wrap .item-expand .time-line {
    left: 82px;
}
.ag-history-wrap .item-expand .btn-expand {
    position: absolute;
    left: 72px;
    top: 4px;
    z-index: 5;
    color: #222222;
    padding: 2px;
    border-radius: 4px;
    cursor: pointer;
    outline: 0;
    border: 0px solid #cccccc;
    background-color: transparent;
    z-index: 20;
}
.ag-history-wrap .item-expand .btn-expand:hover svg {
    transform: scale(1.1);
    color: red;
}
.ag-history-wrap .item-expand .btn-expand svg {
    width: 16px;
    height: 16px;
}
.tab-page .option-panel {
    width: 100%;
}
.tab-page .widget-icon-row {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    transform: scale(1.2);
    transform-origin: top left;
}
.tab-page .widget-icon-row .title {
    flex: 0 0 36px;
    text-wrap: nowrap;
    font-size: 11.6px;
}
.tab-page .widget-icon-row > div {
    flex: 1 1;
}
.tab-page #imagePanel h3,
.tab-page #btnImportImage,
.tab-page #btnImportIcon {
    display: none;
}
.tab-page .option-panel .groupX {
    justify-content: start;
}
.tab-page .close-me {
    margin-top: -40px;
    z-index: 100;
}
.tab-page .theme-panel {
    justify-content: start;
    height: auto;
    overflow-y: auto;
    flex-wrap: nowrap;
}
.tab-page .theme-panel .theme-style,
.tab-page .theme-panel .theme-style .theme-option,
.tab-page .theme-panel .theme-color-list {
    overflow: initial;
}
.tab-page .theme-panel .theme-style .theme-style-title .title-button,
.tab-page .theme-panel .theme-buttons {
    display: none;
}
.tab-page .node-style-shape .pane-group2 .panel-column-item:nth-child(2){
    display: none;
}
.tab-page .node-style-shape .pane-group2 .panel-column-item:nth-child(5){
    display: block;
}
.tab-page #pane_background > .option-item {
    display: flex;
    align-items: center;
}
.tab-page #pane_background > .option-item .groupX {
    width: auto;
}
.tab-page .tabs_content #bg-pane-color {
    width: 95%;
    margin: 0 auto;
}
.tab-page .tabs_content #bg-pane-color .ag-color-canvas {
    height: 260px;
}
.tab-page .ag-bg-image {
    grid-template-columns: repeat(auto-fill, 120px);
}
.tab-page #bg-pane-image .panel-row-item {
    display: none;
}
.tab-page .link-style-font, 
.tab-page .node-style-font {
    margin: 2px 0 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.ag-popup-container .ai-container {
    height: 100%;
}
.ai-container {
    border-radius: 20px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.ai-head {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0px 0px 0px 10px;
}
.ai-head .ai-value-wrap {
    background: #E0F0FF;
    border-radius: 16px;
    font-weight: 600;
    font-size: var(--normal-font-size);
    color: goldenrod;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: space-between;
    padding: 4px 10px;
    flex-wrap: nowrap;
    gap: 4px;
}
.ai-head .ai-value-wrap .ai-value-value {
    width: 16px;
}
.ai-head .ai-value-wrap .ai-value_icon {
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    background-position: center right;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAABcSAAAXEgFnn9JSAAABimlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjaldA9aFMBFMXx33upRKSloBlEOrwhdrIgKuKoUQhChRArJNHB5KVJA3lpyAcuHQXXgoMfi1UHF2ddHVwFQfADxF1wUnSREocEEoQI3ulw7j2Xe/+Ee+046S+cJOkMesV8LiqVK1H6q7TDQqsWqnG/e6FQWDe3fr0XwLu1dpz0/V8t1Tf7MUGE83G3NyC4ibO3Bt0BwX1k4q1qneA5TvRK5QrBR2RqY/0NmWapXCGETG+jeJEwg6g5o2szOt7qJYRnkK0nnTphaazrdcIdZJP2MJ7cGWBxs3PtKrJYkXfZFQWRmqGWtoE1LR2RvqK83Jz8MawoGKppa4lFLtmWqGrpUCpXor/Z9hunT403LeY48GU0+nGc9F32d0ej349Ho/0npD7zqjPNb+9x7iep3amXfcTybV68nnq1e7y8w9FP3WqvClIIGw2+P2OpzJG3HLo+5jbpe/qBjR3W3/DgIatNlm/M+fvgLLd/zkz4/QEja3KHPF7eZgAAAARnQU1BAACxjnz7UZMAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAwFJREFUeNp0k+9rlWUYxz/XfT/nOTub29xU1g91SSkuaxkUVkNhRRT2461GRUQFgW8MiSDoDwgSCiRBelEoEQQSIUUaTuhFzEUbqOlomGxsq50f2zk7z3me8zzPfV+92ECE+sL19nN9v1zfS5xLuEMiqBjwDpEAIwZQKlG0+0bq9w92hze3BR1TQBU8Af8jETACGdnWbyaj906Mt1+9MtI5cO823FMST79UCr5/xpozOJfcMd63UXWoxl3jfzXePHiqcp1jDeWThgYLmVJzSjlTZlr68Vz9u0DEgq5vNQCeP6vNg8cvxh+cnuo60HK9SKcSDuYQWogcvqqwogwO2cUALCJrnquNZOjUuer7Jy7I4YW0p2T7CgQ9YAwEAwFp2UPZ4dsFBotJtr+n8FMACgKg9tjJuc++OtvzLBu7MKEgjQwfOoKwDXtD1JUwvgCq7O2WhXuKwaTRdft/16Ph87/bEXo7MEWHWAWjaLmOVqpYDILgBZCckR43gZjZ9dTCxI30wGKl1ElBEGORtIVWlgiqFYpbLdpfRL3Hq1AUzxN9wWVAgzVAzqWJ1uOk3dgSyGoDV68hXlGbIzs3kJQM0gTvld0deeuhLvsb3mNUlKSdbx6bzPYZ45DaEq5WBucxIog1FGoRpdmIogDGsW9TfrUvDH9REQIrlj9mmo9duxbt0HaCugwJLEY81iX4eJXlb2eRcwH53Z0MPL8xPvzW/V8CuapionabsfHqc+liaskdYgSTxmi9TLY8T96McA1Fl+u8siv+eezl/hdHN5VO5t7gMQRhwZpLv6aPYosY34JWDZe2QAVNDGid0Rc2T390ZPj46JPbz4DGXm9XPphZWLlr/PI/e1hKcWECRQ/qIY7Z+WBh6cOjD3/++qGhLyyFefWOXBwWe/tnVqN279kfp4+cvzj/9NSV5gO35uLtnUVJ3nljx9dH3x3+dEtf91XyDJW1c3vjsVi8yhpAVYEsaMb5fddvruz64cLMI1v6N7Tffm3P6dCEZa8OModY+U/AvwMAZtaHa2LsLjEAAAAASUVORK5CYII=);
}
.ai-head .ai-value-wrap .ai-value-refresh {
    cursor: pointer;
    width: 16px;
}
.ai-head .ai-value-wrap .ai-value-pay {
    cursor: pointer;
    width: 16px;
}
.ai-head .ai-value-wrap .ai-value-number {
    min-width: 36px;
    text-align: center;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #FFFFE066;
    border-radius: 6px;
}
.ai-head .ai-value-wrap .ai-value-number a {
    color: #007FFF;
}
.ai-head .ai-value-wrap .ai-value-number a:hover {
    color: #be71ff;
}
.ai-head .ai-value-wrap svg,
.ai-head .ai-value-wrap img {
    width: 18px;
    height: 18px;
}
.ai-head .ai-value-wrap>div {
    display: flex;
    align-items: center;
}
.ai-head .ai-round-button {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    background-color: #FFFFE0;
    padding: 2px;
    margin-left: 10px;
}
.ai-body {
    color: var(--title-color);
    padding: 10px 8px;
}
.ai-body .ai-title-bar {
    height: 24px;
    font-size: 24px;
    line-height: 24px;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    font-weight: 600;
    color: var(--title-color);
    padding-bottom: 22px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    justify-content: space-between;
}
.ai-body .ai-title-bar .ai-title-main {
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.ai-body .ai-title-bar .ai-title-dot {
    width: 8px;
    height: 8px;
    background: #be71ff;
    border-radius: 50%;
    margin: 0 15px;
}
.ai-body .ai-point-bar .ai-center-bar,
.ai-body .ai-title-bar .ai-center-bar {
    margin-left: 12px;
    flex: 1;
    display: flex;
    align-items: center;
}
.ai-bottom .ai-body .ai-point-bar .ai-center-bar,
.ai-bottom .ai-body .ai-title-bar .ai-center-bar,
.ag-popup-container .ai-body .ai-title-bar .ai-center-bar {
    margin-left: auto;
    margin-right: 0px;
    justify-content: flex-end;
}
.ai-body .ai-point-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}
.ai-body .point-get {
    border: solid 1px #FFB061;
    border-radius: 6px;
    background-color: #FFF0E0;
    padding: 5px 10px;
    text-wrap: nowrap;
}
.ai-body .point-get:hover {
    background-color: #FFCF9E;
}
.ai-body .point-get .point-num {
    padding: 4px 10px;
    border-radius: 10px;
    background-color: #E0E0FF;
    margin-left: 10px;
}
.ai-body .ai-get-bar svg,
.ai-body .ai-get-bar img,
.ai-body .ai-point-bar svg,
.ai-body .ai-title-bar .ai-center-bar svg,
.ai-body .ai-title-bar .ai-center-bar img {
    width: 18px;
    height: 18px;
}
.ai-body .ai-button-bar-wrap {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 4px;
}
.ai-body .ai-button-bar {
    padding: 6px 10px;
    display: -moz-box;
    display: inline-flex;
    flex-wrap: nowrap;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: start;
    justify-content: flex-end;
    grid-gap: 4px;
    gap: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #E0F0FF;
    border-radius: 20px;
}
.ai-body .ag-button-ai {
    display: flex;
    align-items: center;
    min-width: 40px;
    min-height: 24px;
    padding: 5px 8px;
    background: transparent;
    border: transparent;
    cursor: pointer;
}
.ai-body .ag-button-ai:hover {
    border-radius: 16px;
    background: #9ECFFF;
}
.ai-body .ag-button-ai.focus {
    min-width: 52px;
    padding: 5px 14px;
    border-radius: 16px;
    background: #80BFFF;
    box-shadow: 4px 4px 4px 0px #CCCCCC;
}
.ai-body .ag-button-ai span {
    font-size: var(--normal-font-size);
    text-wrap: nowrap;
}
.ai-body .ai-content-wrap {
    border-radius: 10px;
    padding: 2px;
    background-image: linear-gradient(90deg, #007FFF, #46aaff, #80d0ff);
    box-sizing: content-box;
}
.ai-body .ai-content-wrap .ai-content-main {
    border-radius: 10px;
    background-color: #FFFFFF;
    padding: 10px;
}
.ai-body .ai-content-wrap .ai-input {
    padding: 10px;
    width: 100%;
    height: 100px;
    border: none;
    font-size: var(--normal-font-size);
}
#dataArea .ai-body .ai-content-wrap .ai-input {
    height: 100px;
}
.ai-body textarea:disabled {
    cursor: not-allowed;
    background-color: #F0F0F0;
}
.ag-popup-button-bar .select-value,
.ai-body .ai-content-wrap .select-value {
    background-color: #F3F3F3;
    width: 130px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ai-body .ai-content-wrap .select-value span {
    text-wrap: nowrap;
}
.head-toolbar .text-image-button.ai-color svg {
    color: #F0E0FF;
}
.head-toolbar .text-image-button.ai-color:disabled svg {
    color: #E0E0E0;
}
.ai-bgcolor {
    background: -webkit-gradient(linear, right top, left top, from(#cb76ff), color-stop(22%, #9c64ff), color-stop(52%, #695fff), color-stop(85%, #3c67ff), to(#5391ff));
    background: -moz-linear-gradient(right, #cb76ff 0, #9c64ff 22%, #695fff 52%, #3c67ff 85%, #5391ff 100%);
    background: linear-gradient(270deg, #cb76ff, #9c64ff 22%, #695fff 52%, #3c67ff 85%, #5391ff);
}
.ai-button {
    width: 150px;
    border-radius: 22px;
    text-align: center;
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ai-button:disabled {
    opacity: 0.4;
}
.ai-button:active {
    transform: scale(0.96);
}
.ai-button span {
    color: #fff;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: var(--normal-font-size);
    text-wrap: nowrap;
}
.ai-button-upload {
    border: solid 1px #CFCFCF;
    padding: 0px;
    min-width: 32px;
    height: 32px;
    border-radius: 20px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #E0F0FF;
    cursor: pointer;
    display: none;
}
.ai-button-upload:hover {
    background-color: #9ECFFF;
}
.ai-button-upload svg {
    margin-right: 0px;
}
.ai-body .ai-content-wrap .ai-textarea-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ai-body .ai-content-wrap .text-limit {
    color: #8F8F8F;
}
.ai-file-wrap {
    display: flex;
    align-items: start;
    justify-content: space-between;
}
.ai-container .ai_file_item_wrap {
    padding-top: 5px;
    flex-shrink: 0;
    position: relative;
    transition-property: transform;
}
.ai-container .ai_file_item {
    display: flex;
    width: 270px;
    border-radius: 6px;
    background: #E3E3E3;
    border: 1px solid transparent;
    padding: 7px 6px;
    box-sizing: border-box;
    gap: 4px;
    align-items: center;
    flex: none;
}
.ai-container .ai_file_item_icon {
    position: relative;
}
.ai-container .ai_file_item_icon svg,
.ai-container .ai_file_item_icon img {
    width: 32px;
    height: 32px;
    pointer-events: none;
}
.ai-container .ai_file_image {
    width: 120px;
    height: 52px;
    justify-content: space-between;
}
.ai-container .ai_file_image .ai_file_item_icon {
    max-width: 90px;
}
.ai-container .ai_file_image .ai_file_item_icon svg,
.ai-container .ai_file_image .ai_file_item_icon img {
    max-width: 90px;
    width: auto;
    height: 46px;
}
.ai-container .ai_file_item_info {
    flex: 1;
    min-width: 0;
}
.ai-container .ai_file_item_name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--normal-font-size);
    color: rgba(0, 0, 0, 0.9);
    line-height: 16px;
    margin-bottom: 5px;
}
.ai-container .ai_file_item_detail {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--aux-font-size);
    color: rgba(0, 0, 0, 0.4);
    line-height: var(--aux-font-size);
}
.ai-container .ai_file_item_detail_ext {
    padding-right: 9px;
    position: relative;
}
.ai-container .ai_file_item_detail_ext::after {
    content: '';
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, 0.08);
    position: absolute;
    right: 4px;
    top: 0;
    bottom: 0;
}
.ai-container .ai_file_item_close {
    cursor: pointer;
    color: #A2A2A2;
    z-index: 1;
}
.ai-container .ai_file_item_close:hover {
    color: var(--title-color);
}
.ai-container .ai-example-title {
    font-weight: 600;
    font-size: var(--normal-font-size);
    color: rgba(34, 34, 34, .8);
    line-height: 20px;
    text-align: left;
    font-style: normal;
    display: flex;
    margin: 10px 10px 0px;
}
.ai-container .ai-example-title span {
    color: rgba(34, 34, 34, .8);
    font-weight: 600;
    font-size: var(--normal-font-size);
}
.ai-container .ai-example-title .ai-hot-refresh {
    margin-left: 6px;
    cursor: pointer;
}
.ai-container .ai-example-title .ai-hot-refresh:hover {
    background-color: #E0E0E0;
    border-radius: 4px;
}
.ai-container .ai-example-title .ai-hot-refresh:active {
    transform: scale(0.92);
}
.ai-container .ai-example-title .ai-hot-refresh svg {
    width: 16px;
    height: 16px;
}
.ai-container .ai-example-wrap {
    padding: 10px;
}
.ai-container .ai-example-wrap .ai-examples-items {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
.ai-container .ai-example-wrap .ai-example-item {
    min-height: 50px;
    border: solid 1px #CCC;
    border-radius: 8px;
    padding: 0px 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.ai-container .ai-example-wrap .ai-example-item.focus {
    border-color: var(--border-focus-color);
}
.ai-container .ai-example-wrap .ai-example-item:hover {
    background-color: rgba(0, 0, 0, 0.1);
}
.ai-container .ai-example-wrap .ai-example-item label {
    margin-bottom: 0px;
    text-align: left;
    cursor: pointer;
}
.bottom-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    justify-content: center;
    align-items: flex-end;
    animation: bg-fadeIn 0.3s ease-out forwards;
}
.bottom-overlay .ai-bottom {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 50%;
    background: #fff;
    padding: 12px;
    transform: translateY(100%);
    animation: ai-pane-slideUp 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
}
.ai-bottom .ai-container .ai-example-wrap {
    padding: 2px;
    height: 440px;
    overflow-y: auto;
}
.ai-bottom .ai-container .ai-example-wrap .ai-examples-items {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
@keyframes bg-fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes ai-pane-slideUp {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}
.show-ai-help-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 12px;
}
.show-ai-help-wrap img {
    width: 120px;
    margin-right: 20px;
}
.show-ai-help-wrap .show-ai-help {
    width: 340px;
    line-height: 2;
    margin-top: 16px;
}
.show-ai-help-wrap .show-ai-help .contact-us {
    color: #1b49f8;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    margin-left: 6px;
}
.show-ai-help-wrap .show-ai-help .contact-us:hover {
    background-color: #E0F0FF;
}
:root {
    --saved-status-0: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+DQogIDxjaXJjbGUgZmlsbD0iI0ZGNDI0MiIgY3g9IjMyIiBjeT0iMzIiIHI9IjIwIi8+DQo8L3N2Zz4=");
    --saved-status-1: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgaWQ9InN2ZzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjQgNjQiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBzdHJva2U6ICNhYWE7DQogICAgICB9DQoNCiAgICAgIC5jbHMtMSwgLmNscy0yIHsNCiAgICAgICAgZmlsbDogbm9uZTsNCiAgICAgICAgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kOw0KICAgICAgICBzdHJva2UtbGluZWpvaW46IHJvdW5kOw0KICAgICAgICBzdHJva2Utd2lkdGg6IDVweDsNCiAgICAgIH0NCg0KICAgICAgLmNscy0yIHsNCiAgICAgICAgc3Ryb2tlOiByZWQ7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBpZD0icGF0aDkiIGNsYXNzPSJjbHMtMiIgZD0iTTQ0LjcsNDQuN2MtMTYtMTYtMjAuMS0yMC4xLTI1LjUtMjUuNSIvPg0KICA8Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjMyIiBjeT0iMzIiIHI9IjI2Ii8+DQogIDxwYXRoIGlkPSJwYXRoOS0yIiBkYXRhLW5hbWU9InBhdGg5IiBjbGFzcz0iY2xzLTIiIGQ9Ik0xOS4zLDQ0LjdjMTYtMTYsMjAuMS0yMC4xLDI1LjUtMjUuNSIvPg0KPC9zdmc+");
    --saved-status-2: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgaWQ9InN2ZzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjQgNjQiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBzdHJva2U6ICNhYWE7DQogICAgICB9DQoNCiAgICAgIC5jbHMtMSwgLmNscy0yIHsNCiAgICAgICAgZmlsbDogbm9uZTsNCiAgICAgICAgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kOw0KICAgICAgICBzdHJva2UtbGluZWpvaW46IHJvdW5kOw0KICAgICAgICBzdHJva2Utd2lkdGg6IDVweDsNCiAgICAgIH0NCg0KICAgICAgLmNscy0yIHsNCiAgICAgICAgc3Ryb2tlOiAjMGEwOw0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggaWQ9InBhdGg5IiBjbGFzcz0iY2xzLTIiIGQ9Ik0yNi43LDQzLjdjLTcuMS03LjEtOC45LTguOS0xMS4zLTExLjMiLz4NCiAgPGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSIzMiIgY3k9IjMyIiByPSIyNiIvPg0KICA8cGF0aCBpZD0icGF0aDktMiIgZGF0YS1uYW1lPSJwYXRoOSIgY2xhc3M9ImNscy0yIiBkPSJNMjcuNCw0My42YzEzLjQtMTMuNCwxNi44LTE2LjgsMjEuMi0yMS4yIi8+DQo8L3N2Zz4=");
    --arrow-down: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8cGF0aCBkPSJNNy40MSA3Ljg0TDEyIDEyLjQybDQuNTktNC41OEwxOCA5LjI1bC02IDYtNi02eiIvPgogICAgPHBhdGggZD0iTTAtLjc1aDI0djI0SDB6IiBmaWxsPSJub25lIi8+Cjwvc3ZnPgo=");
    --icon-ai-1: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjIgMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC4xMTcyIDMuNjc1NzhIMjAuMzM5MUwyMC4zMzkxIDYuMDU1NzZDMjAuMzM5MSA2Ljc3Nzk0IDE5Ljc1MzYgNy4zNjMzOSAxOS4wMzE0IDcuMzYzMzlMMTYuODA5NiA3LjM2MzM5VjQuOTgzNDFDMTYuODA5NiA0LjI2MTIzIDE3LjM5NSAzLjY3NTc4IDE4LjExNzIgMy42NzU3OFpNMTguMTE4OCA5LjExMTMzTDIwLjM0MDcgOS4xMTEzM0wyMC4zNDA3IDE3LjA2NzVDMjAuMzQwNyAxNy43ODk3IDE5Ljc1NTIgMTguMzc1MSAxOS4wMzMxIDE4LjM3NTFIMTYuODExMkwxNi44MTEyIDEwLjQxOUMxNi44MTEyIDkuNjk2NzcgMTcuMzk2NiA5LjExMTMzIDE4LjExODggOS4xMTEzM1oiIGZpbGw9IiNGRjgyQTgiPjwvcGF0aD4NCiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuMDU2MTIgNC44NThMMC43ODUxNTYgMTguMzc3Mkw0LjEwMTk3IDE4LjM3N0M0LjYxNzA2IDE4LjM3NyA1LjA4MjI4IDE4LjA3NTggNS4zMDMyMiAxNy41OTkyTDguNzk5NTMgMTAuMDU4NkwxMi4yOTU4IDE3LjU5OTJDMTIuNTE2OCAxOC4wNzU4IDEyLjk4MiAxOC4zNzcgMTMuNDk3MSAxOC4zNzdMMTYuODEzOSAxOC4zNzcyTDEwLjU0MjkgNC44NThDMTAuNTA3OCA0Ljc2Nzc3IDEwLjQ2NjMgNC42ODAzIDEwLjQxODggNC41OTYzN0MxMC4xMDE1IDMuOTk0ODMgOS40OTA1OSAzLjYxOTE0IDguODE3NDYgMy42MTkxNEM4LjgxMTQ3IDMuNjE5MTQgOC44MDU0OSAzLjYxOTE3IDguNzk5NTMgMy42MTkyM0M4Ljc5MzU2IDMuNjE5MTcgOC43ODc1OCAzLjYxOTE0IDguNzgxNiAzLjYxOTE0QzguMTA4NDYgMy42MTkxNCA3LjQ5NzUgMy45OTQ4MyA3LjE4MDIxIDQuNTk2MzhDNy4xMzI3NyA0LjY4MDMgNy4wOTEyNCA0Ljc2Nzc3IDcuMDU2MTIgNC44NThaIiBmaWxsPSIjOUQ1OUYzIj48L3BhdGg+DQo8L3N2Zz4NCg==");
    --tt-left-1: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KPHN2ZyB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgk8cmVjdCBmaWxsPSJub25lIiBoZWlnaHQ9IjI1NiIgd2lkdGg9IjI1NiIvPg0KCTxwb2x5bGluZSBmaWxsPSJub25lIiBwb2ludHM9IjE2MCAyMDggODAgMTI4IDE2MCA0OCIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMTYiLz4NCjwvc3ZnPg==");
    --tt-left-2: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KPHN2ZyB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgk8cmVjdCBmaWxsPSJub25lIiBoZWlnaHQ9IjI1NiIgd2lkdGg9IjI1NiIvPg0KCTxwb2x5bGluZSBmaWxsPSJub25lIiBwb2ludHM9IjE2MCAyMDggODAgMTI4IDE2MCA0OCIgc3Ryb2tlPSIjRDdEN0Q3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMTYiLz4NCjwvc3ZnPg==");
    --tt-right-1: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KPHN2ZyB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgk8cmVjdCBmaWxsPSJub25lIiBoZWlnaHQ9IjI1NiIgd2lkdGg9IjI1NiIvPg0KCTxwb2x5bGluZSBmaWxsPSJub25lIiBwb2ludHM9Ijk2IDQ4IDE3NiAxMjggOTYgMjA4IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIvPg0KPC9zdmc+");
    --tt-right-2: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KPHN2ZyB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgk8cmVjdCBmaWxsPSJub25lIiBoZWlnaHQ9IjI1NiIgd2lkdGg9IjI1NiIvPg0KCTxwb2x5bGluZSBmaWxsPSJub25lIiBwb2ludHM9Ijk2IDQ4IDE3NiAxMjggOTYgMjA4IiBzdHJva2U9IiNEN0Q3RDciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIvPg0KPC9zdmc+");
    --alignment: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiAxM2gxMnYxSDJ2LTF6bTAtM2gxMnYxSDJ2LTF6bTAtM2gxMnYxSDJWN3ptMC02aDEydjFIMlYxem0wIDNoMTJ2MUgyVjR6IiBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
    --bgcolor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgk8cmVjdCB4PSIxIiB5PSIxIiB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIGZpbGw9IiNFNUU1RTUiIC8+DQoJPHBhdGggZD0iTTcuOTk3IDMuNDI5TDYuMzk4IDhoMy4yTDcuOTk3IDMuNDI5ek04LjQ5NyAyTDEyIDEyaC0xTDkuOTQ5IDloLTMuOUw1IDEySDRMNy40OTYgMmgxeiIgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQo8L3N2Zz4=");
    --color: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy45OTcgMy40MjlMNi4zOTggOGgzLjJMNy45OTcgMy40Mjl6TTguNDk3IDJMMTIgMTJoLTFMOS45NDkgOWgtMy45TDUgMTJINEw3LjQ5NiAyaDF6IiBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
    --fb-style-eraser-1: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNTYiIHdpZHRoPSIyNTYiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIgeDE9IjkxLjUiIHgyPSIxNTkuNCIgeTE9Ijk5LjUiIHkyPSIxNjcuNCIvPjxwYXRoIGQ9Ik0yMTYsMjE1LjhINzIuMUwzNSwxNzguN2ExNS45LDE1LjksMCwwLDEsMC0yMi42TDE0OC4xLDQzYTE1LjksMTUuOSwwLDAsMSwyMi42LDBMMjE2LDg4LjJhMTYuMiwxNi4yLDAsMCwxLDAsMjIuN0wxMTEsMjE1LjgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjE2Ii8+PC9zdmc+");
    --fb-style-eraser-2: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNTYiIHdpZHRoPSIyNTYiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNEN0Q3RDciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIgeDE9IjkxLjUiIHgyPSIxNTkuNCIgeTE9Ijk5LjUiIHkyPSIxNjcuNCIvPjxwYXRoIGQ9Ik0yMTYsMjE1LjhINzIuMUwzNSwxNzguN2ExNS45LDE1LjksMCwwLDEsMC0yMi42TDE0OC4xLDQzYTE1LjksMTUuOSwwLDAsMSwyMi42LDBMMjE2LDg4LjJhMTYuMiwxNi4yLDAsMCwxLDAsMjIuN0wxMTEsMjE1LjgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0Q3RDdENyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjE2Ii8+PC9zdmc+");
    --fb-text-bolder-1: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNTYiIHdpZHRoPSIyNTYiLz48cGF0aCBkPSJNNjQsMTIwaDg4YTQwLDQwLDAsMCwxLDAsODBINjRWNDhoNzZhMzYsMzYsMCwwLDEsMCw3MiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTk5OUZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMTYiLz48L3N2Zz4=");
    --fb-text-bolder-2: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNTYiIHdpZHRoPSIyNTYiLz48cGF0aCBkPSJNNjQsMTIwaDg4YTQwLDQwLDAsMCwxLDAsODBINjRWNDhoNzZhMzYsMzYsMCwwLDEsMCw3MiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMTYiLz48L3N2Zz4=");
    --fb-text-center-1: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNTYiIHdpZHRoPSIyNTYiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMxOTk5RkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIgeDE9IjQwIiB4Mj0iMjE2IiB5MT0iNjgiIHkyPSI2OCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzE5OTlGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjE2IiB4MT0iNjQiIHgyPSIxOTIiIHkxPSIxMDgiIHkyPSIxMDgiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMxOTk5RkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIgeDE9IjQwIiB4Mj0iMjE2IiB5MT0iMTQ4IiB5Mj0iMTQ4Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTk5OUZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMTYiIHgxPSI2NCIgeDI9IjE5MiIgeTE9IjE4OCIgeTI9IjE4OCIvPjwvc3ZnPg==");
    --fb-text-center-2: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNTYiIHdpZHRoPSIyNTYiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIgeDE9IjQwIiB4Mj0iMjE2IiB5MT0iNjgiIHkyPSI2OCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjE2IiB4MT0iNjQiIHgyPSIxOTIiIHkxPSIxMDgiIHkyPSIxMDgiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIgeDE9IjQwIiB4Mj0iMjE2IiB5MT0iMTQ4IiB5Mj0iMTQ4Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMTYiIHgxPSI2NCIgeDI9IjE5MiIgeTE9IjE4OCIgeTI9IjE4OCIvPjwvc3ZnPg==");
    --fb-text-italic-1: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNTYiIHdpZHRoPSIyNTYiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMxOTk5RkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIgeDE9IjE1MiIgeDI9IjEwNCIgeTE9IjU2IiB5Mj0iMjAwIi8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTk5OUZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMTYiIHgxPSI2NCIgeDI9IjE0NCIgeTE9IjIwMCIgeTI9IjIwMCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzE5OTlGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjE2IiB4MT0iMTEyIiB4Mj0iMTkyIiB5MT0iNTYiIHkyPSI1NiIvPjwvc3ZnPg==");
    --fb-text-italic-2: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNTYiIHdpZHRoPSIyNTYiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIgeDE9IjE1MiIgeDI9IjEwNCIgeTE9IjU2IiB5Mj0iMjAwIi8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMTYiIHgxPSI2NCIgeDI9IjE0NCIgeTE9IjIwMCIgeTI9IjIwMCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjE2IiB4MT0iMTEyIiB4Mj0iMTkyIiB5MT0iNTYiIHkyPSI1NiIvPjwvc3ZnPg==");
    --fb-text-left-1: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNTYiIHdpZHRoPSIyNTYiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMxOTk5RkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIgeDE9IjQwIiB4Mj0iMjE2IiB5MT0iNjgiIHkyPSI2OCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzE5OTlGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjE2IiB4MT0iNDAiIHgyPSIxNjgiIHkxPSIxMDgiIHkyPSIxMDgiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMxOTk5RkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIgeDE9IjQwIiB4Mj0iMjE2IiB5MT0iMTQ4IiB5Mj0iMTQ4Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTk5OUZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMTYiIHgxPSI0MCIgeDI9IjE2OCIgeTE9IjE4OCIgeTI9IjE4OCIvPjwvc3ZnPg==");
    --fb-text-left-2: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNTYiIHdpZHRoPSIyNTYiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIgeDE9IjQwIiB4Mj0iMjE2IiB5MT0iNjgiIHkyPSI2OCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjE2IiB4MT0iNDAiIHgyPSIxNjgiIHkxPSIxMDgiIHkyPSIxMDgiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIgeDE9IjQwIiB4Mj0iMjE2IiB5MT0iMTQ4IiB5Mj0iMTQ4Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMTYiIHgxPSI0MCIgeDI9IjE2OCIgeTE9IjE4OCIgeTI9IjE4OCIvPjwvc3ZnPg==");
    --fb-text-right-1: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNTYiIHdpZHRoPSIyNTYiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMxOTk5RkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIgeDE9IjQwIiB4Mj0iMjE2IiB5MT0iNjgiIHkyPSI2OCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzE5OTlGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjE2IiB4MT0iODgiIHgyPSIyMTYiIHkxPSIxMDgiIHkyPSIxMDgiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMxOTk5RkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIgeDE9IjQwIiB4Mj0iMjE2IiB5MT0iMTQ4IiB5Mj0iMTQ4Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTk5OUZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMTYiIHgxPSI4OCIgeDI9IjIxNiIgeTE9IjE4OCIgeTI9IjE4OCIvPjwvc3ZnPg==");
    --fb-text-right-2: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNTYiIHdpZHRoPSIyNTYiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIgeDE9IjQwIiB4Mj0iMjE2IiB5MT0iNjgiIHkyPSI2OCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjE2IiB4MT0iODgiIHgyPSIyMTYiIHkxPSIxMDgiIHkyPSIxMDgiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIgeDE9IjQwIiB4Mj0iMjE2IiB5MT0iMTQ4IiB5Mj0iMTQ4Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMTYiIHgxPSI4OCIgeDI9IjIxNiIgeTE9IjE4OCIgeTI9IjE4OCIvPjwvc3ZnPg==");
    --fb-text-strikethrough-1: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNTYiIHdpZHRoPSIyNTYiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMxOTk5RkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIgeDE9IjQwIiB4Mj0iMjE2IiB5MT0iMTI4IiB5Mj0iMTI4Ii8+PHBhdGggZD0iTTc2LjMsOTZhMjUuMywyNS4zLDAsMCwxLTEuMi04YzAtMjIuMSwyMi00MCw1Mi45LTQwLDIzLjgsMCw0Mi4zLDEwLjYsNDkuNSwyNS41IiBmaWxsPSJub25lIiBzdHJva2U9IiMxOTk5RkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIvPjxwYXRoIGQ9Ik03MiwxNjhjMCwyMi4xLDI1LjEsNDAsNTYsNDBzNTYtMTcuOSw1Ni00MGMwLTIzLjgtMjEuNi0zMy00NS42LTQwIiBmaWxsPSJub25lIiBzdHJva2U9IiMxOTk5RkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIvPjwvc3ZnPg==");
    --fb-text-strikethrough-2: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNTYiIHdpZHRoPSIyNTYiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIgeDE9IjQwIiB4Mj0iMjE2IiB5MT0iMTI4IiB5Mj0iMTI4Ii8+PHBhdGggZD0iTTc2LjMsOTZhMjUuMywyNS4zLDAsMCwxLTEuMi04YzAtMjIuMSwyMi00MCw1Mi45LTQwLDIzLjgsMCw0Mi4zLDEwLjYsNDkuNSwyNS41IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIvPjxwYXRoIGQ9Ik03MiwxNjhjMCwyMi4xLDI1LjEsNDAsNTYsNDBzNTYtMTcuOSw1Ni00MGMwLTIzLjgtMjEuNi0zMy00NS42LTQwIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIvPjwvc3ZnPg==");
    --icon_rotate_ccw: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgPg0KICAgIDxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+DQogICAgICAgIDxwb2x5bGluZSBwb2ludHM9IjEgNCAxIDEwIDcgMTAiPjwvcG9seWxpbmU+DQogICAgICAgIDxwYXRoIGQ9Ik0zLjUxIDE1YTkgOSAwIDEgMCAyLjEzLTkuMzZMMSAxMCI+PC9wYXRoPg0KICAgIDwvZz4NCjwvc3ZnPg0K");
    --icon_rotate_ccw_active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgPg0KICAgIDxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzE5OTlGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPg0KICAgICAgICA8cG9seWxpbmUgcG9pbnRzPSIxIDQgMSAxMCA3IDEwIj48L3BvbHlsaW5lPg0KICAgICAgICA8cGF0aCBkPSJNMy41MSAxNWE5IDkgMCAxIDAgMi4xMy05LjM2TDEgMTAiPjwvcGF0aD4NCiAgICA8L2c+DQo8L3N2Zz4NCg==");
    --icon_rotate_cw: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICAgPGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4NCiAgICAgICAgPHBvbHlsaW5lIHBvaW50cz0iMjMgNCAyMyAxMCAxNyAxMCI+PC9wb2x5bGluZT4NCiAgICAgICAgPHBhdGggZD0iTTIwLjQ5IDE1YTkgOSAwIDEgMS0yLjEyLTkuMzZMMjMgMTAiPjwvcGF0aD4NCiAgICA8L2c+DQo8L3N2Zz4=");
    --icon_rotate_cw_active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICAgPGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTk5OUZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+DQogICAgICAgIDxwb2x5bGluZSBwb2ludHM9IjIzIDQgMjMgMTAgMTcgMTAiPjwvcG9seWxpbmU+DQogICAgICAgIDxwYXRoIGQ9Ik0yMC40OSAxNWE5IDkgMCAxIDEtMi4xMi05LjM2TDIzIDEwIj48L3BhdGg+DQogICAgPC9nPg0KPC9zdmc+");
    --fb-text-underline-1: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNTYiIHdpZHRoPSIyNTYiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMxOTk5RkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIgeDE9IjQwIiB4Mj0iMjE2IiB5MT0iMjE2IiB5Mj0iMjE2Ii8+PHBhdGggZD0iTTY0LDU2djY0YTY0LDY0LDAsMCwwLDEyOCwwVjU2IiBmaWxsPSJub25lIiBzdHJva2U9IiMxOTk5RkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIvPjwvc3ZnPg==");
    --fb-text-underline-2: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNTYiIHdpZHRoPSIyNTYiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIgeDE9IjQwIiB4Mj0iMjE2IiB5MT0iMjE2IiB5Mj0iMjE2Ii8+PHBhdGggZD0iTTY0LDU2djY0YTY0LDY0LDAsMCwwLDEyOCwwVjU2IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIvPjwvc3ZnPg==");
    --fb-text-vertical-1: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KPHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgk8cGF0aCBzdHJva2U9IiMxOTk5RkYiIGQ9Ik01IDMuNUM1IDMuMjIzODYgNS4yMjM4NiAzIDUuNSAzQzUuNzc2MTQgMyA2IDMuMjIzODYgNiAzLjVWMTUuMjkyOUw3LjE0NjQ1IDE0LjE0NjRDNy4zNDE3MSAxMy45NTEyIDcuNjU4MjkgMTMuOTUxMiA3Ljg1MzU1IDE0LjE0NjRDOC4wNDg4MiAxNC4zNDE3IDguMDQ4ODIgMTQuNjU4MyA3Ljg1MzU1IDE0Ljg1MzZMNS44NTM1NSAxNi44NTM2QzUuODA1NjEgMTYuOTAxNSA1Ljc1MDM2IDE2LjkzNzcgNS42OTEzOSAxNi45NjIxQzUuNjMzMzEgMTYuOTg2MSA1LjU2OTcgMTYuOTk5NiA1LjUwMyAxN0w1LjUgMTdMNS40OTcgMTdDNS4zNzAwNCAxNi45OTkyIDUuMjQzMzEgMTYuOTUwNCA1LjE0NjQ1IDE2Ljg1MzZMMy4xNDY0NSAxNC44NTM2QzIuOTUxMTggMTQuNjU4MyAyLjk1MTE4IDE0LjM0MTcgMy4xNDY0NSAxNC4xNDY0QzMuMzQxNzEgMTMuOTUxMiAzLjY1ODI5IDEzLjk1MTIgMy44NTM1NSAxNC4xNDY0TDUgMTUuMjkyOVYzLjVaTTEzIDEyLjVDMTMgMTIuMjIzOSAxMy4yMjM5IDEyIDEzLjUgMTJDMTMuNzc2MSAxMiAxNCAxMi4yMjM5IDE0IDEyLjVWMTUuMjkyOUwxNS4xNDY0IDE0LjE0NjRDMTUuMzQxNyAxMy45NTEyIDE1LjY1ODMgMTMuOTUxMiAxNS44NTM2IDE0LjE0NjRDMTYuMDQ4OCAxNC4zNDE3IDE2LjA0ODggMTQuNjU4MyAxNS44NTM2IDE0Ljg1MzZMMTMuODUzNiAxNi44NTM2QzEzLjY1ODMgMTcuMDQ4OCAxMy4zNDE3IDE3LjA0ODggMTMuMTQ2NCAxNi44NTM2TDExLjE0NjQgMTQuODUzNkMxMC45NTEyIDE0LjY1ODMgMTAuOTUxMiAxNC4zNDE3IDExLjE0NjQgMTQuMTQ2NEMxMS4zNDE3IDEzLjk1MTIgMTEuNjU4MyAxMy45NTEyIDExLjg1MzYgMTQuMTQ2NEwxMyAxNS4yOTI5VjEyLjVaTTEzLjUgM0MxMy4yOTE2IDMgMTMuMTA1IDMuMTI5MjkgMTMuMDMxOCAzLjMyNDQ0TDEwLjAzMTggMTEuMzI0NEM5LjkzNDg5IDExLjU4MyAxMC4wNjU5IDExLjg3MTIgMTAuMzI0NSAxMS45NjgyQzEwLjU4MyAxMi4wNjUxIDEwLjg3MTIgMTEuOTM0MSAxMC45NjgyIDExLjY3NTZMMTEuOTcxNSA5SDE1LjAyODVMMTYuMDMxOCAxMS42NzU2QzE2LjEyODggMTEuOTM0MSAxNi40MTcgMTIuMDY1MSAxNi42NzU2IDExLjk2ODJDMTYuOTM0MSAxMS44NzEyIDE3LjA2NTEgMTEuNTgzIDE2Ljk2ODIgMTEuMzI0NEwxMy45NjgyIDMuMzI0NDRDMTMuODk1IDMuMTI5MjkgMTMuNzA4NCAzIDEzLjUgM1pNMTMuNSA0LjkyNEwxNC42NTM1IDhIMTIuMzQ2NUwxMy41IDQuOTI0WiIgZmlsbD0iIzIxMjEyMSIvPg0KPC9zdmc+");
    --fb-text-vertical-2: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUgMy41QzUgMy4yMjM4NiA1LjIyMzg2IDMgNS41IDNDNS43NzYxNCAzIDYgMy4yMjM4NiA2IDMuNVYxNS4yOTI5TDcuMTQ2NDUgMTQuMTQ2NEM3LjM0MTcxIDEzLjk1MTIgNy42NTgyOSAxMy45NTEyIDcuODUzNTUgMTQuMTQ2NEM4LjA0ODgyIDE0LjM0MTcgOC4wNDg4MiAxNC42NTgzIDcuODUzNTUgMTQuODUzNkw1Ljg1MzU1IDE2Ljg1MzZDNS44MDU2MSAxNi45MDE1IDUuNzUwMzYgMTYuOTM3NyA1LjY5MTM5IDE2Ljk2MjFDNS42MzMzMSAxNi45ODYxIDUuNTY5NyAxNi45OTk2IDUuNTAzIDE3TDUuNSAxN0w1LjQ5NyAxN0M1LjM3MDA0IDE2Ljk5OTIgNS4yNDMzMSAxNi45NTA0IDUuMTQ2NDUgMTYuODUzNkwzLjE0NjQ1IDE0Ljg1MzZDMi45NTExOCAxNC42NTgzIDIuOTUxMTggMTQuMzQxNyAzLjE0NjQ1IDE0LjE0NjRDMy4zNDE3MSAxMy45NTEyIDMuNjU4MjkgMTMuOTUxMiAzLjg1MzU1IDE0LjE0NjRMNSAxNS4yOTI5VjMuNVpNMTMgMTIuNUMxMyAxMi4yMjM5IDEzLjIyMzkgMTIgMTMuNSAxMkMxMy43NzYxIDEyIDE0IDEyLjIyMzkgMTQgMTIuNVYxNS4yOTI5TDE1LjE0NjQgMTQuMTQ2NEMxNS4zNDE3IDEzLjk1MTIgMTUuNjU4MyAxMy45NTEyIDE1Ljg1MzYgMTQuMTQ2NEMxNi4wNDg4IDE0LjM0MTcgMTYuMDQ4OCAxNC42NTgzIDE1Ljg1MzYgMTQuODUzNkwxMy44NTM2IDE2Ljg1MzZDMTMuNjU4MyAxNy4wNDg4IDEzLjM0MTcgMTcuMDQ4OCAxMy4xNDY0IDE2Ljg1MzZMMTEuMTQ2NCAxNC44NTM2QzEwLjk1MTIgMTQuNjU4MyAxMC45NTEyIDE0LjM0MTcgMTEuMTQ2NCAxNC4xNDY0QzExLjM0MTcgMTMuOTUxMiAxMS42NTgzIDEzLjk1MTIgMTEuODUzNiAxNC4xNDY0TDEzIDE1LjI5MjlWMTIuNVpNMTMuNSAzQzEzLjI5MTYgMyAxMy4xMDUgMy4xMjkyOSAxMy4wMzE4IDMuMzI0NDRMMTAuMDMxOCAxMS4zMjQ0QzkuOTM0ODkgMTEuNTgzIDEwLjA2NTkgMTEuODcxMiAxMC4zMjQ1IDExLjk2ODJDMTAuNTgzIDEyLjA2NTEgMTAuODcxMiAxMS45MzQxIDEwLjk2ODIgMTEuNjc1NkwxMS45NzE1IDlIMTUuMDI4NUwxNi4wMzE4IDExLjY3NTZDMTYuMTI4OCAxMS45MzQxIDE2LjQxNyAxMi4wNjUxIDE2LjY3NTYgMTEuOTY4MkMxNi45MzQxIDExLjg3MTIgMTcuMDY1MSAxMS41ODMgMTYuOTY4MiAxMS4zMjQ0TDEzLjk2ODIgMy4zMjQ0NEMxMy44OTUgMy4xMjkyOSAxMy43MDg0IDMgMTMuNSAzWk0xMy41IDQuOTI0TDE0LjY1MzUgOEgxMi4zNDY1TDEzLjUgNC45MjRaIiBmaWxsPSIjMjEyMTIxIi8+PC9zdmc+");
    --justify: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggc3Ryb2tlPSIjM0Q0NzU3IiBmaWxsPSIjM0Q0NzU3IiBkPSJNMiAxMC41SDE0TTIgMTMuNUgxNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49Im1pdGVyIj4NCiAgPC9wYXRoPg0KICA8cGF0aCBzdHJva2U9IiMzRDQ3NTciIGZpbGw9IiMzRDQ3NTciIGQ9Ik0xNCAzLjVMMTIgMS41TTE0IDMuNUwxMiA1LjVNMTQgMy41TDIgMy41TTQgMS41TDIgMy41TTIgMy41TDQgNS41Ig0KICAgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciI+DQogIDwvcGF0aD4NCjwvc3ZnPg==");
    --list: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiMzRDQ3NTciIGQ9Ik03IDEyaDd2MUg3em0wLTVoN3YxSDd6bTAtNWg3djFIN3pNMyA0VjJIMlYxaDJ2M2gxdjFIMlY0aDF6Ii8+PHBhdGggZD0iTTIgNmgzdjFIMlY2em0wIDNoM3YxSDJWOXoiIGZpbGw9IiM0RjRGNEYiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik00LjUgNkw1IDdsLTIuNSAzTDIgOXoiLz48cGF0aCBkPSJNNCAxNGwtMS0ySDJ2LTFoM3YxSDRsMSAydjFIMnYtMWgyeiIgZmlsbD0iIzNENDc1NyIvPjwvZz48L3N2Zz4=");
    --painter: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik03LjUgMnYyLjVINGEuNS41IDAgMDAtLjUuNXYyYS41LjUgMCAwMC41LjVoOWEuNS41IDAgMDAuNS0uNVY1YS41LjUgMCAwMC0uNS0uNUg5LjVWMmEuNS41IDAgMDAtLjUtLjVIOGEuNS41IDAgMDAtLjUuNXoiIHN0cm9rZT0iIzNENDc1NyIvPjxwYXRoIGZpbGw9IiMzRDQ3NTciIGQ9Ik0xMyA3aDF2NGgtMXoiLz48cGF0aCBkPSJNMTEgMTNhMiAyIDAgMDAyLTJWOC43NjRBMyAzIDAgMTE4Ljc2NCAxM0gxMXoiIGZpbGw9IiMzRDQ3NTciLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMSAxM2gxMHYxSDF6Ii8+PHBhdGggZD0iTTEgMTNhMiAyIDAgMDAyLTJWOC43NjRBMyAzIDAgMDExIDE0di0xeiIgZmlsbD0iIzNENDc1NyIvPjxwYXRoIGZpbGw9IiMzRDQ3NTciIGQ9Ik0zIDdoMXY0SDN6Ii8+PC9nPjwvc3ZnPg==");
    --row-margin: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiAxNGgxMnYxSDJ2LTF6bTctNWg1djFIOVY5em0wLTNoNXYxSDlWNnpNMiAxaDEydjFIMlYxem0yLjUgM0w3IDdIMnptMCA4TDcgOUgyeiIgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
    --size-add: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik02LjIxNSAzLjI5SDcuNjRMMTEuODU1IDE0SDEwLjUybC0xLjE0LTNINC40NmwtMS4xNCAzSDJMNi4yMTUgMy4yOXpNNC44NSA5Ljk2NWg0LjE0TDYuOTY1IDQuNjFoLS4wNkw0Ljg1IDkuOTY1eiIvPjxwYXRoIGQ9Ik0xMiA0VjJoMXYyaDJ2MWgtMnYyaC0xVjVoLTJWNGgyeiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==");
    --size-minus: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTExIDRoNHYxaC00eiIvPjxwYXRoIGQ9Ik02LjIxNSAzLjI5SDcuNjRMMTEuODU1IDE0SDEwLjUybC0xLjE0LTNINC40NmwtMS4xNCAzSDJMNi4yMTUgMy4yOXpNNC44NSA5Ljk2NWg0LjE0TDYuOTY1IDQuNjFoLS4wNkw0Ljg1IDkuOTY1eiIvPjwvZz48L3N2Zz4=");
    --list-bullet-1: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQoJPHBhdGggZmlsbD0iIzE5OTlGRiIgZD0iTTQgMTAuNWMtLjgzIDAtMS41LjY3LTEuNSAxLjVzLjY3IDEuNSAxLjUgMS41IDEuNS0uNjcgMS41LTEuNS0uNjctMS41LTEuNS0xLjV6bTAtNmMtLjgzIDAtMS41LjY3LTEuNSAxLjVTMy4xNyA3LjUgNCA3LjUgNS41IDYuODMgNS41IDYgNC44MyA0LjUgNCA0LjV6bTAgMTJjLS44MyAwLTEuNS42OC0xLjUgMS41cy42OCAxLjUgMS41IDEuNSAxLjUtLjY4IDEuNS0xLjUtLjY3LTEuNS0xLjUtMS41ek03IDE5aDE0di0ySDd2MnptMC02aDE0di0ySDd2MnptMC04djJoMTRWNUg3eiI+PC9wYXRoPg0KPC9zdmc+");
    --list-bullet-2: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQoJPHBhdGggZD0iTTQgMTAuNWMtLjgzIDAtMS41LjY3LTEuNSAxLjVzLjY3IDEuNSAxLjUgMS41IDEuNS0uNjcgMS41LTEuNS0uNjctMS41LTEuNS0xLjV6bTAtNmMtLjgzIDAtMS41LjY3LTEuNSAxLjVTMy4xNyA3LjUgNCA3LjUgNS41IDYuODMgNS41IDYgNC44MyA0LjUgNCA0LjV6bTAgMTJjLS44MyAwLTEuNS42OC0xLjUgMS41cy42OCAxLjUgMS41IDEuNSAxLjUtLjY4IDEuNS0xLjUtLjY3LTEuNS0xLjUtMS41ek03IDE5aDE0di0ySDd2MnptMC02aDE0di0ySDd2MnptMC04djJoMTRWNUg3eiI+PC9wYXRoPg0KPC9zdmc+");
    --list-ordered-1: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQoJPHBhdGggZmlsbD0iIzE5OTlGRiIgZD0iTTIgMTdoMnYuNUgzdjFoMXYuNUgydjFoM3YtNEgydjF6bTEtOWgxVjRIMnYxaDF2M3ptLTEgM2gxLjhMMiAxMy4xdi45aDN2LTFIMy4yTDUgMTAuOVYxMEgydjF6bTUtNnYyaDE0VjVIN3ptMCAxNGgxNHYtMkg3djJ6bTAtNmgxNHYtMkg3djJ6Ij48L3BhdGg+DQo8L3N2Zz4NCg==");
    --list-ordered-2: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQoJPHBhdGggZD0iTTIgMTdoMnYuNUgzdjFoMXYuNUgydjFoM3YtNEgydjF6bTEtOWgxVjRIMnYxaDF2M3ptLTEgM2gxLjhMMiAxMy4xdi45aDN2LTFIMy4yTDUgMTAuOVYxMEgydjF6bTUtNnYyaDE0VjVIN3ptMCAxNGgxNHYtMkg3djJ6bTAtNmgxNHYtMkg3djJ6Ij48L3BhdGg+DQo8L3N2Zz4NCg==");
}
.head-toolbar {
    height: 56px;
    border: none;
    display: flex;
    align-items: center;
    background-color: var(--main-background-color);
    flex-wrap: nowrap;
}
.head-toolbar .text-image-button {
    min-width: 42px;
    height: 51px;
    margin: 0;
    padding: 6px 2px;
    border: none;
    background-color: var(--main-background-color);
    border-radius: 6px;
    color: #222222;
    outline: none;
    margin-left: 2px;
    position: relative;
    text-wrap: nowrap;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.head-toolbar .text-image-button.min {
    min-width: 24px;
    padding: 2px;
    height: 24px;
    width: 24px;
    margin-left: 0px;
}
.head-toolbar .dropdown-icon {
    padding-right: 6px;
    min-width: 52px;
    background-size: 16px 16px;
    background-position: center right;
    background-repeat: no-repeat;
    background-image: var(--arrow-down);
}
.head-toolbar .text-image-button:hover {
    background-color: #FFFFFF;
}
.head-toolbar .text-image-button:hover sub.ag-ltfree::after {
    content: var(--icon-aux-ltfree);
    opacity: 1;
}
.head-toolbar .text-image-button:hover sub.ag-ltfree-text::after {
    opacity: 1;
}
.head-toolbar .text-image-button:hover sub.ag-pro::after {
    opacity: 1;
}
.head-toolbar .text-image-button:active {
    background-color: #E7E7E7;
    font-weight: bold;
}
.head-toolbar .text-image-button svg,
.head-toolbar .text-image-button img {
    width: 20px;
    height: 20px;
    margin: 0px 8px 4px;
}
.head-toolbar .text-image-button.min svg,
.head-toolbar .text-image-button.min img {
    margin: 0px;
}
.head-toolbar .image-button svg {
    width: 28px;
    height: 28px;
}
@keyframes badge-pulse {
    0% {
        transform: scale(1);
        opacity: 0.9;
    }
    50% {
        transform: scale(1.1);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0.9;
    }
}
.head-toolbar .image-button[data-tag='file-menu'] .changed,
.head-toolbar .image-button[data-tag='file-menu'] .complete,
.head-toolbar .text-image-button.savefile .changed,
.head-toolbar .text-image-button.savefile .complete {
    position: absolute;
    top: 2px;
    right: 6px;
    width: 12px;
    height: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.head-toolbar .image-button[data-tag='file-menu'] .changed,
.head-toolbar .image-button[data-tag='file-menu'] .complete {
    top: 10px;
    right: 0px;
}
.head-toolbar .image-button[data-tag='file-menu'] .changed,
.head-toolbar .text-image-button.savefile .changed {
    background-image: var(--saved-status-0);
}
.head-toolbar .image-button[data-tag='file-menu'] .complete,
.head-toolbar .text-image-button.savefile .complete {
    background-image: var(--saved-status-2);
}
.head-toolbar .text-image-button.ai::before {
    content: "";
    width: 26px;
    height: 26px;
    background-image: url('../images/common/icon-one-ai.gif');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0px 18px 0px;
}
.head-toolbar .text-image-button.ai[disabled]::before {
    content: "";
    background-image: var(--icon-ai-1);
}
.head-toolbar .image-button {
    min-width: 32px;
    min-height: 50px;
    padding: 4px 2px;
    border: none;
    outline: none;
    background-color: var(--main-background-color);
    border-radius: 6px;
    color: #222222;
    position: relative;
}
.head-toolbar .image-button:hover {
    background-color: #FFFFFF;
}
.head-toolbar .image-button:active {
    background-color: #E7E7E7;
    font-weight: bold;
}
.head-toolbar .image-button img {
    width: 24px;
    height: 24px;
}
.head-toolbar .circle-button {
    min-width: 42px;
    min-height: 42px;
    padding: 2px;
    margin-left: 10px;
    margin-right: 6px;
    border: none;
    border-radius: 50%;
    outline: 0;
}
.head-toolbar .circle-button:hover {
    background-color: #69bef3;
}
.head-toolbar .circle-button:active {
    background-color: #48b4f7;
}
.head-toolbar .circle-button img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: solid 0px white;
}
.head-toolbar .toolbar-separator {
    height: 40px;
    margin-left: 5px;
    margin-right: 5px;
}
.lake {
    width: 16px;
    height: 16px;
    margin: 0px 8px 4px;
}
.toolbar-fileSouce {
    min-width: 16px;
    min-height: 16px;
    display: inline-flex;
    margin: 5px;
}
.toolbar-fileSouce svg {
    width: 16px;
    height: 16px;
    margin: 0px;
}
.head-toolbar .subscribe {
    padding: 6px 10px;
    color: #734016;
    background: linear-gradient(to right top, #fff8b1, #fdf3a5, #faef9a, #f8ea8e, #f3df74, #efd358, #ebc73a, #e8bb0b);
    border-radius: 32px;
    border: none;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    margin-left: 5px;
}
.head-toolbar .subscribe:hover {
    background: linear-gradient(to right top, #fdf3a5, #faef9a, #f8ea8e, #f3df74);
    color: #C20061;
}
.head-toolbar .subscribe span {
    font-size: 14px;
}
.panelToolbar {
    display: inline-block;
    position: absolute;
    z-index: 15;
    top: 20px;
    border-radius: 6px;
    border: #CCC solid 1px;
    padding: 8px 2px;
    background-color: rgba(255, 255, 255, 0.9);
    user-select: none;
}
.panelToolbar button.focus {
    font-weight: bold;
    color: #1F8FFF;
}
.panelToolbar button {
    background-color: transparent;
    border: none;
    min-width: 32px;
    margin: 0px 2px;
    padding: 2px;
    user-select: none;
    outline: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.panelToolbar button.focus,
.panelToolbar button:active {
    background-color: var(--main-background-color);
    border-radius: 8px;
}
.panelToolbar button:hover {
    background-color: var(--main-background-color);
    border-radius: 8px;
}
.panelToolbar button:hover sub.ag-innerTest-text::after {
    opacity: 1;
}
.panelToolbar button sub.ag-innerTest-text::after {
    content: "内测";
    right: -30px;
}
.panelToolbar button svg {
    width: 20px;
    height: 20px;
    margin: 5px 4px;
}
.panelToolbar button img {
    margin: 5px 0px 5px 0px;
}
.panelToolbar button::before {
    display: block;
    width: 20px;
    height: 20px;
    margin: 5px 4px;
}
.panelToolbar .h-separator {
    height: 1px;
    width: 32px;
    background-color: rgba(215, 230, 237, 1);
    margin-left: 2px;
    margin-top: 2px;
    margin-bottom: 8px;
}
.panelToolbar button#btnShowDataPanel.display::before {
    content: var(--tt-left-1);
}
.panelToolbar button#btnShowDataPanel::before {
    content: var(--tt-right-1);
}
.panelToolbar button#btnShowMorePanel.display::before {
    content: var(--tt-right-1);
}
.panelToolbar button#btnShowMorePanel::before {
    content: var(--tt-left-1);
}
.ag-textbox-toolbar {
    margin: 6px 0px;
    z-index: 9;
    display: inline-flex;
    padding: 6px 4px;
    align-items: center;
    justify-content: left;
    box-shadow: 0 2px 4px 0 transparent;
}
.ag-textbox-toolbar .ag-textbox-divider {
    width: 1px;
    height: 16px;
    margin: 0 8px;
    display: inline-block;
    background-color: #cfd2d8;
}
.ag-textbox-toolbar .ag-textbox-group {
    height: 24px;
    display: flex;
    align-items: center;
    position: relative;
}
.ag-textbox-toolbar .ag-textbox-group>div {
    width: 34px;
    height: 34px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 6px 2px;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
}
.ag-textbox-toolbar .ag-textbox-group>div:hover {
    background-color: rgba(25, 55, 88, .2);
}
.ag-textbox-toolbar .buttonSpacing div {
    margin-right: 4px;
}
.ag-textbox-toolbar .ag-textbox-group ul {
    list-style: none;
    padding: 0px;
}
.ag-textbox-toolbar .ag-textbox-group svg, 
.ag-textbox-toolbar .ag-textbox-group i {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.ag-textbox-toolbar .ag-textbox-group>div>span {
    width: 24px;
    display: inline-block;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}
.ag-textbox-toolbar .ag-textbox-group .select {
    border: none;
    margin: 6px;
    font-size: 12px;
    line-height: 32px;
    user-select: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.ag-textbox-toolbar .ag-textbox-group .dropdown-icon {
    width: 54px;
    background-size: 16px 16px;
    background-position: center right;
    background-repeat: no-repeat;
    background-image: var(--arrow-down);
}
.ag-textbox-toolbar .ag-textbox-group .select .dropdown-icon {
    display: block;
    pointer-events: none;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 8px;
    right: 4px;
    background: var(--arrow-down) no-repeat center;
}
.ag-textbox-toolbar .ag-textbox-group .options {
    width: 92px;
    position: absolute;
    left: 0;
    top: 35px;
    padding: 4px;
    background: #fff;
    font-size: 14px;
    box-shadow: 0 2px 12px 0 rgb(56 56 56 / 20%);
    border: 1px solid #e2e6ed;
    border-radius: 2px;
    display: none;
    z-index: 101;
    height: 330px;
    overflow-y: auto;
    overflow-x: hidden;
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-font .options {
    width: 150px;
}
.ag-textbox-toolbar .ag-textbox-group .options.visible {
    display: block;
}
.ag-textbox-toolbar .ag-textbox-group .options li {
    padding: 5px;
    margin: 5px 0;
    user-select: none;
    transition: all .3s;
}
.ag-textbox-toolbar .ag-textbox-group .options li:hover {
    background-color: #ebecef;
}
.ag-textbox-toolbar .ag-textbox-group .options li.active {
    background-color: #e2e6ed;
}
.ag-textbox-toolbar .ag-textbox-group .options ul.dataList {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-font {
    width: 94px;
    position: relative;
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-font ul {
    overflow: hidden;
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-font li {
    text-wrap: nowrap;
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-fontsize {
    width: 60px;
    position: relative;
}
.ag-textbox-toolbar .ag-item-font .select,
.ag-textbox-toolbar .ag-item-fontsize .select {
    width: 100%;
    margin: 0px 6px;
    line-height: 20px;
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-clear i {
    background-image: var(--fb-style-eraser-1);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-format i {
    background-image: var(--painter);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-fontsize-add i {
    background-image: var(--size-add);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-fontsize-minus i {
    background-image: var(--size-minus);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-bold i {
    background-image: var(--fb-text-bolder-2);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-bold i.active {
    background-image: var(--fb-text-bolder-1);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-italic i {
    background-image: var(--fb-text-italic-2);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-italic i.active {
    background-image: var(--fb-text-italic-1);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-underline i {
    background-image: var(--fb-text-underline-2);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-underline i.active {
    background-image: var(--fb-text-underline-1);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-strikeout i {
    background-image: var(--fb-text-strikethrough-2);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-strikeout i.active {
    background-image: var(--fb-text-strikethrough-1);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-rotate i {
    background-image: var(--icon_rotate_cw);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-rotate i.active {
    background-image: var(--icon_rotate_cw_active);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-color,
.ag-textbox-toolbar .ag-textbox-group .ag-item-background {
    display: flex;
    flex-direction: column;
    align-items: start;
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-color .color,
.ag-textbox-toolbar .ag-textbox-group .ag-item-background .color {
    width: 1px;
    height: 1px;
    visibility: hidden;
    outline: none;
    appearance: none;
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-color i,
.ag-textbox-toolbar .ag-textbox-group .ag-item-background i {
    width: 24px;
    min-height: 16px;
    margin-top: 4px;
    background-position: center;
    background-size: 20px 20px;
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-color i {
    background-image: var(--color);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-background i {
    background-image: var(--bgcolor);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-color span,
.ag-textbox-toolbar .ag-textbox-group .ag-item-background span {
    margin: 2px 6px;
    min-height: 8px;
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-color span {
    background-color: #000000;
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-background span {
    background-color: #ffff00;
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-left i {
    background-image: var(--fb-text-left-2);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-left i.active {
    background-image: var(--fb-text-left-1);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-center i {
    background-image: var(--fb-text-center-2);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-center i.active {
    background-image: var(--fb-text-center-1);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-right i {
    background-image: var(--fb-text-right-2);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-right i.active {
    background-image: var(--fb-text-right-1);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-alignment i {
    background-image: var(--alignment);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-justify i {
    background-image: var(--justify);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-row-margin {
    position: relative;
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-row-margin i {
    background-image: var(--row-margin);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-list-ordered i {
    background-image: var(--list-ordered-2);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-list-ordered i.active {
    background-image: var(--list-ordered-1);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-list-bullet i {
    background-image: var(--list-bullet-2);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-list-bullet i.active {
    background-image: var(--list-bullet-1);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-vertical i {
    background-image: var(--fb-text-vertical-2);
}
.ag-textbox-toolbar .ag-textbox-group .ag-item-vertical i.active {
    background-image: var(--fb-text-vertical-1);
}
.ag-theme-color-container {
    width: 256px;
    margin: 0px auto;
    border-radius: 4px;
    border: solid 1px #ccc;
    padding: 6px;
}
.ag-theme-color-container .tcc-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.ag-theme-color-container .tcc-row .tcc-column {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.ag-theme-color-container .tcc-row .tcc-column>div {
    margin: 1px;
    min-width: 20px;
    min-height: 20px;
    cursor: pointer;
    user-select: none;
    box-sizing: border-box;
}
.presets-style-container {
    width: 498px;
    height: 324px;
    padding: 16px;
    box-shadow: 4px 4px 12px 0px #BFBFBF;
    border-radius: 10px;
}
.presets-style-container.dark {
    background-color: #404040;
}
.presets-style-container .title {
    margin-top: 0px;
    font-size: 18px;
    font-weight: 600;
}
.presets-style-container.dark .title {
    color: #FFFFFF;
}
.style-container {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-around;
    flex-wrap: nowrap;
}
.style-container .ps-column {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.style-container .ps-column>div {
    padding: 8px;
    border-radius: 2px;
    cursor: pointer;
    user-select: none;
}
.style-container .ps-column>div:hover {
    background-color: #E0E0E0;
    border-radius: 6px;
}
.presets-style-container.dark .style-container .ps-column>div:hover {
    background-color: #F0E0FF;
}
.style-container .ps-column>div>div {
    width: 100px;
    height: 40px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
.style-container .ps-type1>div>div {
    border-radius: 4px;
}
.style-container .ps-type2>div>div {
    border-radius: 8px;
}
.style-container .ps-type3>div>div {
    border-radius: 20px;
}
.style-container .ps-type4>div>div {
    border-radius: 50%;
    height: 96px;
    width: 96px;
}
.style-container .ps-type4>div:hover {
    border-radius: 50%;
}
.color-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 12px;
}
.color-wrap>label,
.color-wrap>span {
    font-size: 14px;
    font-weight: 600;
    width: auto;
}
.presets-style-container.dark .color-wrap>label {
    color: #FFFFFF;
}
.color-wrap ul.color-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: none;
    position: initial;
    padding-top: initial;
    padding-bottom: initial;
    border: initial;
    background-color: initial;
}
.color-wrap .color-list li.selected {
    border: 1px solid #CCCCCC;
}
.color-wrap .color-list li {
    padding: 3px;
    border-radius: 50%;
    border: 1px solid transparent;
    position: relative;
    list-style: none;
    cursor: pointer;
}
.color-wrap .color-list li:hover {
    border: 1px solid #80BFFF;
}
.color-wrap .color-list li span {
    display: block;
    width: 22px;
    height: 22px;
    list-style: none;
    border-radius: 50%;
}
.color-wrap .color-list li.selected svg {
    display: block !important;
}
.color-wrap .color-list li svg {
    position: absolute;
    top: 7px;
    left: 7px;
    color: #fff;
    display: none;
}