@charset "UTF-8";

.p-button[data-v-f8cf5ed0] {
    padding: 0 20px;
    border-radius: 8px;
    border: none;
    transition: all .3s;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: var(--btn-color);
    outline: none
}
#bag_color_range{
background-color:unset !important;
}
.animated .bx-wrapper .bx-controls-direction a.bx-prev:before {
    content: "";
    width: 14px;
    height: 14px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    display: block;
top: 14px;
    right: 14px;
    position: absolute;
}
.animated .bx-wrapper .bx-controls-direction a.bx-next:before {
    content: "";
    width: 14px;
    height: 14px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(45deg);
    display: block;
    top: 14px;
    left: 14px;
    position: absolute;
}
.animated .bx-wrapper .bx-prev,  .animated .bx-wrapper .bx-controls-direction a.bx-next {
    background: transparent !important;
    border: 1px solid #fff !important;
}
.p-button__brand[data-v-f8cf5ed0] {
    background-color: var(--brand-color)
}

.p-button__brand[data-v-f8cf5ed0]:hover {
    background-color: var(--brand-color-hover)
}

.p-button__brand[data-v-f8cf5ed0]:active,
.p-button__brand.active[data-v-f8cf5ed0] {
    background-color: var(--brand-color-active)
}

.p-button__brand.disabled[data-v-f8cf5ed0] {
    background-color: var(--brand-color-disable);
    cursor: not-allowed
}

.p-button__primary[data-v-f8cf5ed0] {
    background-color: var(--primary-color)
}

.p-button__primary[data-v-f8cf5ed0]:hover {
    background-color: var(--primary-color-hover)
}

.p-button__primary[data-v-f8cf5ed0]:active,
.p-button__primary.active[data-v-f8cf5ed0] {
    background-color: var(--primary-color-active)
}

.p-button__primary.disabled[data-v-f8cf5ed0] {
    background-color: var(--primary-disable);
    cursor: not-allowed
}

.p-button__minor[data-v-f8cf5ed0] {
    background-color: var(--minor-color);
    color: #191919
}

.p-button__minor[data-v-f8cf5ed0]:hover {
    background: var(--minor-hover)
}

.p-button__minor[data-v-f8cf5ed0]:active,
.p-button__minor.active[data-v-f8cf5ed0] {
    color: var(--btn-color);
    background-color: var(--minor-highlight)
}

.p-button__minor.disabled[data-v-f8cf5ed0] {
    background-color: var(--minor-disable) !important;
    cursor: not-allowed
}

.p-button__success[data-v-f8cf5ed0] {
    background-color: var(--success-color)
}

.p-button__success[data-v-f8cf5ed0]:hover {
    background: var(--success-hover)
}

.p-button__success[data-v-f8cf5ed0]:active,
.p-button__success.active[data-v-f8cf5ed0] {
    background-color: var(--success-highlight)
}

.p-button__success.disabled[data-v-f8cf5ed0] {
    background-color: var(--success-disable) !important;
    cursor: not-allowed
}

.p-button__assist[data-v-f8cf5ed0] {
    color: #191919;
    background-color: var(--assist-color)
}

.p-button__assist[data-v-f8cf5ed0]:hover {
    background: var(--assist-hover)
}

.p-button__assist[data-v-f8cf5ed0]:active,
.p-button__assist.active[data-v-f8cf5ed0] {
    background-color: var(--assist-highlight);
    box-shadow: 0 4px 8px #79797926
}

.p-button__assist.disabled[data-v-f8cf5ed0] {
    color: #b2b2b2;
    background-color: var(--assist-disable) !important;
    cursor: not-allowed
}

.p-button__assist-border[data-v-f8cf5ed0] {
    border: 1px solid #d1d0d2;
    color: #191919;
    border-radius: 25px;
    background-color: var(--assist-color)
}

.p-button__assist-border[data-v-f8cf5ed0]:hover {
    background: var(--assist-hover);
    background: #f4f3f5
}

.p-button__assist-border[data-v-f8cf5ed0]:active,
.p-button__assist-border.active[data-v-f8cf5ed0] {
    background-color: var(--assist-highlight)
}

.p-button__assist-border.disabled[data-v-f8cf5ed0] {
    color: #b2b2b2;
    background-color: var(--assist-disable) !important;
    cursor: not-allowed
}

.p-button__level-2[data-v-f8cf5ed0] {
    color: #fff;
    border: 1px solid #f3f2f5;
    background-color: var(--one-level-text-color)
}

.p-button__level-2[data-v-f8cf5ed0]:hover {
    background: #4c4c4c
}

.p-button__level-2[data-v-f8cf5ed0]:active,
.p-button__level-2.active[data-v-f8cf5ed0] {
    background-color: var(--one-level-text-color)
}

.p-button__level-2.disabled[data-v-f8cf5ed0] {
    background-color: #a3a3a3 !important;
    cursor: not-allowed
}

.p-button__level-3[data-v-f8cf5ed0] {
    color: var(--one-level-text-color);
    border: 1px solid #191919;
    background-color: #fff
}

.p-button__level-3[data-v-f8cf5ed0]:hover {
    background: #1919190f
}

.p-button__level-3[data-v-f8cf5ed0]:active,
.p-button__level-3.active[data-v-f8cf5ed0] {
    background-color: var(--one-level-text-color);
    color: #fff
}

.p-button__level-3.disabled[data-v-f8cf5ed0] {
    background-color: #f9f9f9 !important;
    cursor: not-allowed
}

.p-button__level-4[data-v-f8cf5ed0] {
    color: var(--one-level-text-color);
    border-radius: 25px;
    background-color: var(--primary-background1)
}

.p-button__level-4[data-v-f8cf5ed0]:hover {
    background: var(--primary-background2)
}

.p-button__level-4[data-v-f8cf5ed0]:active,
.p-button__level-4.active[data-v-f8cf5ed0] {
    background-color: var(--primary-background3)
}

.p-button__level-4.disabled[data-v-f8cf5ed0] {
    color: var(--disabled-text-color);
    background-color: var(--assist-disable) !important;
    cursor: not-allowed
}

.p-button__level-4-neo[data-v-f8cf5ed0] {
    color: var(--one-level-text-color);
    border-radius: 10px !important;
    background-color: var(--primary-background1);
    border: 1px solid #d1d0d2
}

.p-button__level-4-neo[data-v-f8cf5ed0]:hover {
    background: var(--primary-background2)
}

.p-button__level-4-neo[data-v-f8cf5ed0]:active,
.p-button__level-4-neo.active[data-v-f8cf5ed0] {
    background-color: var(--primary-background3)
}

.p-button__level-4-neo.disabled[data-v-f8cf5ed0] {
    color: var(--disabled-text-color);
    background-color: var(--assist-disable) !important;
    cursor: not-allowed
}

.p-button__primary-new-1[data-v-f8cf5ed0] {
    background-color: var(--primary-color)
}

.p-button__primary-new-1[data-v-f8cf5ed0]:hover {
    background: var(--primary-btn-hover);
    box-shadow: 0 4px 8px #5c1ee01a
}

.p-button__primary-new-1[data-v-f8cf5ed0]:active,
.p-button__primary-new-1.active[data-v-f8cf5ed0] {
    background-color: var(--primary-btn-active)
}

.p-button__primary-new-1.disabled[data-v-f8cf5ed0] {
    background-color: var(--primary-btn-disable);
    cursor: not-allowed
}

.p-button__primary-new-3[data-v-f8cf5ed0] {
    background: var(--accent-color)
}

.p-button__primary-new-3[data-v-f8cf5ed0]:hover {
    opacity: .88 !important;
    box-shadow: 0 4px 8px #5c1ee01a
}

.p-button__primary-new-3[data-v-f8cf5ed0]:active,
.p-button__primary-new-3.active[data-v-f8cf5ed0] {
    opacity: 1.2 !important
}

.p-button__primary-new-3.disabled[data-v-f8cf5ed0] {
    background: var(--stroke-default);
    cursor: not-allowed;
    color: var(--three-level-text-color)
}

.p-button__minor-1[data-v-f8cf5ed0] {
    background-color: #fff;
    color: var(--primary-color);
    border: 2px solid var(--primary-color)
}

.p-button__minor-1[data-v-f8cf5ed0]:hover {
    background: #efe7fe
}

.p-button__minor-1[data-v-f8cf5ed0]:active,
.p-button__minor-1.active[data-v-f8cf5ed0] {
    background-color: #400eba;
    box-shadow: none;
    color: #fff;
    border-color: #400eba
}

.p-button__minor-1.disabled[data-v-f8cf5ed0] {
    background-color: #fff;
    border: 2px solid #8045ed;
    cursor: not-allowed;
    color: var(--primary-color);
    box-shadow: none;
    opacity: .5
}

.p-button__neo-style[data-v-f8cf5ed0] {
    background-color: #191919;
    color: #fff;
    border-radius: 8px !important
}

.p-button__neo-style[data-v-f8cf5ed0]:hover {
    background: #4c4c4c;
    box-shadow: 0 4px 8px #4c4c4c26
}

.p-button__neo-style[data-v-f8cf5ed0]:active,
.p-button__neo-style.active[data-v-f8cf5ed0] {
    background-color: #191919;
    box-shadow: none;
    color: #fff
}

.p-button__neo-style.disabled[data-v-f8cf5ed0] {
    cursor: not-allowed;
    background-color: #191919;
    box-shadow: none;
    opacity: .4
}

.p-button__ai-search[data-v-f8cf5ed0] {
    border: 1px solid var(--stroke-default);
    background: var(--primary-background);
    border-radius: 8px !important;
    color: var(--two-level-text-color);
    font-weight: var(--fw-normal)
}

.p-button__ai-search[data-v-f8cf5ed0]:hover {
    background: var(--primary-background-hover)
}

.p-button__ai-search[data-v-f8cf5ed0]:active,
.p-button__ai-search.active[data-v-f8cf5ed0] {
    background-color: var(--primary-background)
}

.p-button__ai-search.disabled[data-v-f8cf5ed0] {
    cursor: not-allowed;
    background-color: #191919;
    box-shadow: none;
    opacity: .4
}

.p-button__minor-2[data-v-f8cf5ed0] {
    background-color: var(--primary-background10);
    color: var(--primary-background0)
}

.p-button__minor-2[data-v-f8cf5ed0]:hover {
    background: var(--primary-background9);
    box-shadow: 0 4px 8px #4c4c4c26
}

.p-button__minor-2[data-v-f8cf5ed0]:active,
.p-button__minor-2.active[data-v-f8cf5ed0] {
    background-color: var(--primary-background10);
    box-shadow: none;
    color: var(--primary-background0)
}

.p-button__minor-2.disabled[data-v-f8cf5ed0] {
    cursor: not-allowed;
    background-color: var(--primary-background10);
    box-shadow: none;
    opacity: .4
}

.p-button__minor-2.disabled[data-v-f8cf5ed0]:hover {
    background-color: var(--primary-background10) !important;
    box-shadow: none
}

.p-button__minor-2.disabled[data-v-f8cf5ed0]:active,
.p-button__minor-2.disabled.active[data-v-f8cf5ed0] {
    background-color: var(--primary-background10);
    box-shadow: none
}

.p-button__minor-3[data-v-f8cf5ed0] {
    background-color: #f8f7fa;
    color: #191919
}

.p-button__minor-3[data-v-f8cf5ed0]:hover {
    background-color: #f9f9f9;
    box-shadow: 0 4px 8px #d8d7db5c
}

.p-button__minor-3[data-v-f8cf5ed0]:active,
.p-button__minor-3.active[data-v-f8cf5ed0] {
    background-color: #f0eff2;
    box-shadow: none
}

.p-button__minor-3.disabled[data-v-f8cf5ed0] {
    background-color: #f9f9f9;
    border: 1px solid #e9e9e9;
    cursor: not-allowed;
    box-shadow: none;
    color: #cacaca
}

.p-button__minor-4[data-v-f8cf5ed0] {
    color: #191919;
    background: #fff;
    border: 2px solid #191919
}

.p-button__minor-4[data-v-f8cf5ed0]:hover {
    background: #1919190f;
    border: 2px solid #191919
}

.p-button__minor-4[data-v-f8cf5ed0]:active,
.p-button__minor-4.active[data-v-f8cf5ed0] {
    background-color: #191919;
    box-shadow: none;
    color: #fff
}

.p-button__minor-4.disabled[data-v-f8cf5ed0] {
    background: #f9f9f9;
    border: 2px solid #a3a3a3;
    cursor: not-allowed;
    box-shadow: none;
    color: #a3a3a3
}

.p-button__minor-5[data-v-f8cf5ed0] {
    color: #191919;
    background: #fff;
    border: 1px solid #191919
}

.p-button__minor-5[data-v-f8cf5ed0]:hover {
    background: #f7f7f7;
    border: 1px solid #191919
}

.p-button__minor-5[data-v-f8cf5ed0]:active,
.p-button__minor-5.active[data-v-f8cf5ed0] {
    background-color: #eee;
    box-shadow: none
}

.p-button__minor-5.disabled[data-v-f8cf5ed0] {
    background: #fff;
    border: 1px solid #bfbfbf;
    cursor: not-allowed;
    box-shadow: none;
    color: #bfbfbf
}

.p-button__text-1[data-v-f8cf5ed0] {
    color: #191919;
    background-color: #fff
}

.p-button__text-1[data-v-f8cf5ed0]:hover {
    background-color: #f9f9f9;
    box-shadow: 0 4px 8px #d8d7db5c
}

.p-button__text-1[data-v-f8cf5ed0]:active,
.p-button__text-1.active[data-v-f8cf5ed0] {
    background-color: #f0eff2;
    box-shadow: none
}

.p-button__text-2[data-v-f8cf5ed0] {
    color: #191919;
    background-color: #fff
}

.p-button__text-2[data-v-f8cf5ed0]:hover {
    background-color: #191919;
    box-shadow: 0 4px 8px #4c4c4c26;
    color: #fff
}

.p-button__text-2[data-v-f8cf5ed0]:active,
.p-button__text-2.active[data-v-f8cf5ed0] {
    box-shadow: none
}

.p-button__border[data-v-f8cf5ed0] {
    border: 1px solid #e7e5eb;
    color: #191919
}

.p-button__primary-new-2[data-v-f8cf5ed0] {
    color: #fff;
    background-color: #1fd486
}

.p-button__primary-new-2[data-v-f8cf5ed0]:hover {
    background: #46e098;
    box-shadow: 0 4px 8px #46e09826
}

.p-button__primary-new-2[data-v-f8cf5ed0]:active,
.p-button__primary-new-2.active[data-v-f8cf5ed0] {
    background-color: #0fad6f
}

.p-button__primary-new-2.disabled[data-v-f8cf5ed0] {
    background-color: #6eedae;
    cursor: not-allowed
}

.p-button__ja-primary[data-v-f8cf5ed0] {
    color: #fff;
    background-color: #4066ff
}

.p-button__ja-primary[data-v-f8cf5ed0]:hover {
    background-color: #4b6df5
}

.p-button__ja-primary[data-v-f8cf5ed0]:active,
.p-button__ja-primary.active[data-v-f8cf5ed0] {
    background-color: #4066ff
}

.p-button__ja-primary.disabled[data-v-f8cf5ed0] {
    cursor: not-allowed
}

.p-button__update[data-v-f8cf5ed0] {
    border-radius: 20px;
    border: 2px solid transparent;
    background-image: linear-gradient(to right, #fff, #fff), conic-gradient(#6dd400, #3cb672, #0091ff, #6236ff, #b620e0, #6236ff, #0091ff, #3cb672, #6dd400, #f7b500, #fa6400, #e02020, #fa6400, #f7b500, #6dd400);
    clip-path: inset(0px round 20px);
    filter: hue-rotate(360deg);
    background-color: #fff;
    color: #191919;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box
}

.p-button__update[data-v-f8cf5ed0]:hover {
    background-color: #f9efff;
    border: 2px solid #f9efff;
    background-image: unset;
    box-shadow: unset
}

.p-button__update[data-v-f8cf5ed0]:active {
    background-color: #955ce626;
    box-shadow: 0 4px 8px #955ce626;
    border: 2px solid rgba(149, 92, 230, .15)
}

.p-button__icon-1[data-v-f8cf5ed0] {
    border: 1px solid transparent;
    background: #fff;
    color: #4c4c4c
}

.p-button__icon-2[data-v-f8cf5ed0] {
    border: 1px solid #f3f2f5;
    background: #fff;
    color: #4c4c4c
}

.p-button__icon-3[data-v-f8cf5ed0] {
    border: 1px solid transparent;
    background: #f8f7fa;
    color: #4c4c4c
}

.p-button__icon-1[data-v-f8cf5ed0],
.p-button__icon-2[data-v-f8cf5ed0],
.p-button__icon-3[data-v-f8cf5ed0] {
    font-size: 12px;
    padding: 0;
    text-align: center
}

.p-button__icon-1[data-v-f8cf5ed0]:hover,
.p-button__icon-2[data-v-f8cf5ed0]:hover,
.p-button__icon-3[data-v-f8cf5ed0]:hover {
    border: 1px solid transparent;
    background: #f3f2f5
}

.p-button__icon-1[data-v-f8cf5ed0]:active,
.p-button__icon-2[data-v-f8cf5ed0]:active,
.p-button__icon-3[data-v-f8cf5ed0]:active,
.p-button__icon-1.active[data-v-f8cf5ed0],
.p-button__icon-2.active[data-v-f8cf5ed0],
.p-button__icon-3.active[data-v-f8cf5ed0] {
    background-color: #e7e5eb
}

.p-button__ai-background[data-v-f8cf5ed0] {
    background: linear-gradient(92deg, #b6ff60 .87%, #82ffc6);
    color: var(--one-level-text-color);
    transition: background .3s ease-in-out
}

.p-button__ai-background[data-v-f8cf5ed0]:hover {
    background: linear-gradient(0deg, #0141210f, #0141210f), linear-gradient(92deg, #b6ff60 .87%, #82ffc6)
}

.p-button__ai-background[data-v-f8cf5ed0]:active,
.p-button__ai-background.active[data-v-f8cf5ed0] {
    background: linear-gradient(0deg, #0141211f, #0141211f), linear-gradient(92deg, #b6ff60 .87%, #82ffc6)
}

.p-button__ai-background.disabled[data-v-f8cf5ed0] {
    background: #f7f7f7;
    cursor: not-allowed
}

.p-button.p-button-small[data-v-f8cf5ed0] {
    line-height: 36px;
    height: 36px;
    border-radius: 8px
}

.p-button.p-button-middle[data-v-f8cf5ed0] {
    height: 40px;
    line-height: 40px;
    border-radius: 8px
}

.p-button.p-button-big[data-v-f8cf5ed0] {
    height: 48px;
    line-height: 48px;
    border-radius: 8px
}

.p-button__icon-1.p-button-normal[data-v-f8cf5ed0],
.p-button__icon-2.p-button-normal[data-v-f8cf5ed0],
.p-button__icon-3.p-button-normal[data-v-f8cf5ed0] {
    width: 24px;
    height: 24px !important;
    line-height: 24px !important;
    border-radius: 6px !important
}

.p-button__icon-1.p-button-large[data-v-f8cf5ed0],
.p-button__icon-2.p-button-large[data-v-f8cf5ed0],
.p-button__icon-3.p-button-large[data-v-f8cf5ed0] {
    width: 36px;
    height: 36px !important;
    line-height: 34px !important
}

.p-button__icon-1.p-button-larger[data-v-f8cf5ed0],
.p-button__icon-2.p-button-larger[data-v-f8cf5ed0],
.p-button__icon-3.p-button-larger[data-v-f8cf5ed0] {
    width: 48px;
    height: 48px !important;
    line-height: 48px !important
}

.p-button__text-link-1[data-v-f8cf5ed0],
.p-button__text-link-2[data-v-f8cf5ed0],
.p-button__text-link-3[data-v-f8cf5ed0],
.p-button__text-link-4[data-v-f8cf5ed0],
.p-button__text-link-5[data-v-f8cf5ed0] {
    background-color: transparent;
    height: auto !important;
    padding: 0;
    font-size: 16px;
    line-height: 22px !important
}

.p-button__text-link-1 a[data-v-f8cf5ed0] {
    color: var(--primary-color)
}

.p-button__text-link-1 a[data-v-f8cf5ed0]:hover {
    color: #9155ff;
    text-decoration: underline
}

.p-button__text-link-1 a[data-v-f8cf5ed0]:active,
.p-button__text-link-1 a.active[data-v-f8cf5ed0] {
    color: #5a23d7;
    text-decoration: none
}

.p-button__text-link-3 a[data-v-f8cf5ed0] {
    color: var(--dialog-tab-content-fc);
    text-decoration: underline
}

.p-button__text-link-3 a[data-v-f8cf5ed0]:hover {
    color: #9155ff;
    text-decoration: underline
}

.p-button__text-link-3 a[data-v-f8cf5ed0]:active,
.p-button__text-link-3 a.active[data-v-f8cf5ed0] {
    color: #5a23d7;
    text-decoration: none
}

.p-button__text-link-2[data-v-f8cf5ed0] {
    border-radius: 0 !important
}

.p-button__text-link-2 a[data-v-f8cf5ed0] {
    font-weight: var(--fw-normal);
    color: var(--one-level-text-color)
}

.p-button__text-link-2 a[data-v-f8cf5ed0]:hover {
    text-decoration: underline
}

.p-button__text-link-2 a[data-v-f8cf5ed0]:active,
.p-button__text-link-2 a.active[data-v-f8cf5ed0] {
    text-decoration: none
}

.p-button__text-link-4 a[data-v-f8cf5ed0] {
    font-weight: var(--fw-normal);
    color: #b2b2b2
}

.p-button__text-link-4 a[data-v-f8cf5ed0]:hover {
    text-decoration: underline;
    color: #fff
}

.p-button__text-link-4 a[data-v-f8cf5ed0]:active,
.p-button__text-link-4 a.active[data-v-f8cf5ed0] {
    text-decoration: none
}

.p-button__text-link-5 a[data-v-f8cf5ed0] {
    font-weight: var(--fw-normal);
    color: #333
}

.p-button__text-link-5 a[data-v-f8cf5ed0]:hover {
    color: #333
}

.p-button__text-link-5 a[data-v-f8cf5ed0]:active,
.p-button__text-link-5 a.active[data-v-f8cf5ed0] {
    text-decoration: none
}

.p-button.p-button-normal[data-v-f8cf5ed0] {
    height: 40px;
    border-radius: 8px
}

.p-button.p-button-thin[data-v-f8cf5ed0] {
    height: 36px;
    border-radius: 8px
}

.p-button.p-button-large[data-v-f8cf5ed0] {
    height: 48px;
    border-radius: 8px
}

.p-button.p-button-larger[data-v-f8cf5ed0] {
    height: 60px;
    border-radius: 8px
}

.p-button.exports[data-v-f8cf5ed0] {
    border: 2px solid #e5e5e5;
    background-color: #fff;
    padding: 0 6px 0 12px;
    font-size: 14px;
    font-weight: 500;
    color: #31363f
}

.p-button.exports .format-item__title[data-v-f8cf5ed0] {
    font-weight: 500;
    color: #313438;
    line-height: 1;
    margin-bottom: 2px
}

.p-button.exports .format-item__desc[data-v-f8cf5ed0] {
    margin-top: 0 !important;
    text-align: left;
    color: #92989f
}

.p-button.exports.active[data-v-f8cf5ed0] {
    position: relative;
    border: 2px solid var(--primary-color);
    overflow: hidden
}

.p-button.exports.active[data-v-f8cf5ed0]:after {
    content: "";
    position: absolute;
    display: block;
    border: 14px solid transparent;
    border-right: 14px solid var(--primary-color);
    transform: translateY(50%);
    right: -2px;
    bottom: -2px
}

.p-button.exports[data-v-f8cf5ed0]:hover {
    border-color: var(--primary-color)
}

.css-8yzpf7[data-v-f8cf5ed0] {
    display: inline-block;
    animation: 1.4s linear 0s infinite normal none running animation-61bdi0-f8cf5ed0;
    vertical-align: middle
}

.css-13o7eu2[data-v-f8cf5ed0] {
    display: block
}

.css-14891ef[data-v-f8cf5ed0] {
    stroke: currentcolor;
    stroke-dasharray: 80px, 200px;
    stroke-dashoffset: 0;
    animation: 1.4s ease-in-out 0s infinite normal none running animation-1p2h4ri-f8cf5ed0
}

@keyframes animation-1p2h4ri-f8cf5ed0 {
    0% {
        stroke-dasharray: 1px, 200px;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -15px
    }

    to {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -125px
    }
}

@keyframes animation-61bdi0-f8cf5ed0 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@font-face {
    font-family: pacdora-iconfont;
    src: url(/_pacui/assets/pacdora-iconfont-27f8e455.woff2?0790704942508238) format("woff2"), url(/_pacui/assets/pacdora-iconfont-727371e1.eot?6188975518913351) format("embedded-opentype"), url(/_pacui/assets/pacdora-iconfont-92eaca20.ttf?6372684433183939) format("truetype"), url(/_pacui/assets/pacdora-iconfont-b289011c.woff?0126369290085595) format("woff"), url(/_pacui/assets/pacdora-iconfont-cbe80dec.svg?7122796877802957) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

[class^=p-icon-],
[class*=" p-icon-"] {
    font-family: pacdora-iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.p-icon-3D_v2:before {
    content: ""
}

.p-icon-account:before {
    content: ""
}

.p-icon-adjust:before {
    content: ""
}

.p-icon-ai-background:before {
    content: ""
}

.p-icon-ai-enhance:before {
    content: ""
}

.p-icon-ai-light-bulb:before {
    content: ""
}

.p-icon-ai-upload:before {
    content: ""
}

.p-icon-aiupload-image:before {
    content: ""
}

.p-icon-custom_size:before {
    content: ""
}

.p-icon-drop-img:before {
    content: ""
}

.p-icon-history-active:before {
    content: ""
}

.p-icon-history:before {
    content: ""
}

.p-icon-menu-add-active:before {
    content: ""
}

.p-icon-menu-add:before {
    content: ""
}

.p-icon-menu-ai:before {
    content: ""
}

.p-icon-replace:before {
    content: ""
}

.p-icon-save-disabled:before {
    content: ""
}

.p-icon-star:before {
    content: ""
}

.p-icon-upload-file:before {
    content: ""
}

.p-icon-zoom-in:before {
    content: ""
}

.p-icon-ai-copy:before {
    content: ""
}

.p-icon-like:before {
    content: ""
}

.p-icon-likes:before {
    content: ""
}

.p-icon-chat-close:before {
    content: ""
}

.p-icon-chat-delete:before {
    content: ""
}

.p-icon-chat-download:before {
    content: ""
}

.p-icon-chat-edit:before {
    content: ""
}

.p-icon-chat-enter:before {
    content: ""
}

.p-icon-chat-history:before {
    content: ""
}

.p-icon-chat-like:before {
    content: ""
}

.p-icon-chat-unlike:before {
    content: ""
}

.p-icon-heijiantou:before {
    content: ""
}

.p-icon-hide-chat:before {
    content: ""
}

.p-icon-image-edit-elements:before {
    content: ""
}

.p-icon-image-lock:before {
    content: ""
}

.p-icon-image-public:before {
    content: ""
}

.p-icon-image-refine:before {
    content: ""
}

.p-icon-image-unlock:before {
    content: ""
}

.p-icon-like-fill:before {
    content: ""
}

.p-icon-new-chat:before {
    content: ""
}

.p-icon-pencil:before {
    content: ""
}

.p-icon-unlike-fill:before {
    content: ""
}

.p-icon-ai-search:before {
    content: ""
}

.p-icon-ai-upload-img:before {
    content: ""
}

.p-icon-ai-upload-other-img:before {
    content: ""
}

.p-icon-animation-record:before {
    content: ""
}

.p-icon-attr-role:before {
    content: ""
}

.p-icon-clock-cancel:before {
    content: ""
}

.p-icon-clock-ok:before {
    content: ""
}

.p-icon-clock:before {
    content: ""
}

.p-icon-k-clock:before {
    content: ""
}

.p-icon-load-video:before {
    content: ""
}

.p-icon-video-play:before {
    content: ""
}

.p-icon-add_v2:before {
    content: ""
}

.p-icon-click_choose:before {
    content: ""
}

.p-icon-edit_v2:before {
    content: ""
}

.p-icon-elements:before {
    content: ""
}

.p-icon-notes:before {
    content: ""
}

.p-icon-print_upload:before {
    content: ""
}

.p-icon-arrow-left:before {
    content: ""
}

.p-icon-arrow-right-beauty:before {
    content: ""
}

.p-icon-arrow-right:before {
    content: ""
}

.p-icon-check:before {
    content: ""
}

.p-icon-circle-success:before {
    content: ""
}

.p-icon-clear:before {
    content: ""
}

.p-icon-dieline-tip-fill:before {
    content: ""
}

.p-icon-dieline-tip:before {
    content: ""
}

.p-icon-leave-arrow:before {
    content: ""
}

.p-icon-line-color:before {
    content: ""
}

.p-icon-package-active:before {
    content: ""
}

.p-icon-package:before {
    content: ""
}

.p-icon-size-advance-active:before {
    content: ""
}

.p-icon-size-advance:before {
    content: ""
}

.p-icon-size-basic-active:before {
    content: ""
}

.p-icon-size-basic:before {
    content: ""
}

.p-icon-drag-icon:before {
    content: ""
}

.p-icon-earth:before {
    content: ""
}

.p-icon-edit:before {
    content: ""
}

.p-icon-editor-upload:before {
    content: ""
}

.p-icon-clear-pattern:before {
    content: ""
}

.p-icon-element-active:before {
    content: ""
}

.p-icon-element:before {
    content: ""
}

.p-icon-flip-horizontal:before {
    content: ""
}

.p-icon-flip-vertical:before {
    content: ""
}

.p-icon-font-italic:before {
    content: ""
}

.p-icon-font-vertical:before {
    content: ""
}

.p-icon-font-weight:before {
    content: ""
}

.p-icon-group-align-bottom:before {
    content: ""
}

.p-icon-group-align-left:before {
    content: ""
}

.p-icon-group-align-right:before {
    content: ""
}

.p-icon-group-align-top:before {
    content: ""
}

.p-icon-group-horizontal-center:before {
    content: ""
}

.p-icon-group-vertical-center:before {
    content: ""
}

.p-icon-group:before {
    content: ""
}

.p-icon-h-align-center:before {
    content: ""
}

.p-icon-h-align-justify:before {
    content: ""
}

.p-icon-h-align-left:before {
    content: ""
}

.p-icon-h-align-right:before {
    content: ""
}

.p-icon-horizontal-distribution:before {
    content: ""
}

.p-icon-inspiration-active:before {
    content: ""
}

.p-icon-inspiration:before {
    content: ""
}

.p-icon-layering:before {
    content: ""
}

.p-icon-line-height:before {
    content: ""
}

.p-icon-move-down:before {
    content: ""
}

.p-icon-move-to-bottom:before {
    content: ""
}

.p-icon-move-to-top:before {
    content: ""
}

.p-icon-move-up:before {
    content: ""
}

.p-icon-opacity:before {
    content: ""
}

.p-icon-packaging-info:before {
    content: ""
}

.p-icon-radius:before {
    content: ""
}

.p-icon-rotate90:before {
    content: ""
}

.p-icon-rotation:before {
    content: ""
}

.p-icon-ungroup:before {
    content: ""
}

.p-icon-upload-active:before {
    content: ""
}

.p-icon-upload-btn:before {
    content: ""
}

.p-icon-v-align-center:before {
    content: ""
}

.p-icon-v-align-justify:before {
    content: ""
}

.p-icon-v-align-left:before {
    content: ""
}

.p-icon-v-align-right:before {
    content: ""
}

.p-icon-vertical-distribution:before {
    content: ""
}

.p-icon-visiual:before {
    content: ""
}

.p-icon-email:before {
    content: ""
}

.p-icon-error_warning:before {
    content: ""
}

.p-icon-export-history:before {
    content: ""
}

.p-icon-arrow-down:before {
    content: ""
}

.p-icon-arrow-up:before {
    content: ""
}

.p-icon-back-five:before {
    content: ""
}

.p-icon-back:before {
    content: ""
}

.p-icon-bell:before {
    content: ""
}

.p-icon-bubble:before {
    content: ""
}

.p-icon-close:before {
    content: ""
}

.p-icon-copy:before {
    content: ""
}

.p-icon-correct:before {
    content: ""
}

.p-icon-custom-size:before {
    content: ""
}

.p-icon-delete:before {
    content: ""
}

.p-icon-dot-more:before {
    content: ""
}

.p-icon-email_v2:before {
    content: ""
}

.p-icon-forward-five:before {
    content: ""
}

.p-icon-gift:before {
    content: ""
}

.p-icon-go:before {
    content: ""
}

.p-icon-hand:before {
    content: ""
}

.p-icon-icon-3d-active:before {
    content: ""
}

.p-icon-icon-3d-tip:before {
    content: ""
}

.p-icon-icon-3d:before {
    content: ""
}

.p-icon-language:before {
    content: ""
}

.p-icon-lock:before {
    content: ""
}

.p-icon-mouse:before {
    content: ""
}

.p-icon-noSave:before {
    content: ""
}

.p-icon-save:before {
    content: ""
}

.p-icon-search-clear:before {
    content: ""
}

.p-icon-search-icon:before {
    content: ""
}

.p-icon-setting:before {
    content: ""
}

.p-icon-share:before {
    content: ""
}

.p-icon-tip:before {
    content: ""
}

.p-icon-trash:before {
    content: ""
}

.p-icon-unlink:before {
    content: ""
}

.p-icon-upload-img:before {
    content: ""
}

.p-icon-upload-img2:before {
    content: ""
}

.p-icon-warning2:before {
    content: ""
}

.p-icon-head-right:before {
    content: ""
}

.p-icon-icon-lock:before {
    content: ""
}

.p-icon-img-delete:before {
    content: ""
}

.p-icon-info:before {
    content: ""
}

.p-icon-link-share:before {
    content: ""
}

.p-icon-logo-icon:before {
    content: ""
}

.p-icon-logo-text:before {
    content: ""
}

.p-icon-LOGO:before {
    content: ""
}

.p-icon-logout:before {
    content: ""
}

.p-icon-minus:before {
    content: ""
}

.p-icon-mobile-menu:before {
    content: ""
}

.p-icon-add-filled:before {
    content: ""
}

.p-icon-ai-inspiration-active:before {
    content: ""
}

.p-icon-ai-inspiration:before {
    content: ""
}

.p-icon-arrow-back:before {
    content: ""
}

.p-icon-camera-bookmark:before {
    content: ""
}

.p-icon-down-arrow:before {
    content: ""
}

.p-icon-download:before {
    content: ""
}

.p-icon-edit2:before {
    content: ""
}

.p-icon-enhance-idea:before {
    content: ""
}

.p-icon-enlarge:before {
    content: ""
}

.p-icon-group-one:before {
    content: ""
}

.p-icon-group-three:before {
    content: ""
}

.p-icon-group-two:before {
    content: ""
}

.p-icon-icon-angle:before {
    content: ""
}

.p-icon-icon-close:before {
    content: ""
}

.p-icon-icon-left-arrow:before {
    content: ""
}

.p-icon-icon-right-arrow:before {
    content: ""
}

.p-icon-icon-warning:before {
    content: ""
}

.p-icon-image-add:before {
    content: ""
}

.p-icon-inspiration-download:before {
    content: ""
}

.p-icon-menu-bag-box:before {
    content: ""
}

.p-icon-menu-bottle-box:before {
    content: ""
}

.p-icon-menu-bowl-box:before {
    content: ""
}

.p-icon-menu-box-box:before {
    content: ""
}

.p-icon-menu-box-package:before {
    content: ""
}

.p-icon-menu-card-box:before {
    content: ""
}

.p-icon-menu-food-box:before {
    content: ""
}

.p-icon-menu-jar-box:before {
    content: ""
}

.p-icon-menu-other-box:before {
    content: ""
}

.p-icon-menu-tube-box:before {
    content: ""
}

.p-icon-new-arrivals:before {
    content: ""
}

.p-icon-left-arrow-new:before {
    content: ""
}

.p-icon-light-bulb:before {
    content: ""
}

.p-icon-mockup-ai-background-active:before {
    content: ""
}

.p-icon-mockup-ai-background:before {
    content: ""
}

.p-icon-mockup-upload:before {
    content: ""
}

.p-icon-narrow:before {
    content: ""
}

.p-icon-play:before {
    content: ""
}

.p-icon-retry:before {
    content: ""
}

.p-icon-right-arrow-new:before {
    content: ""
}

.p-icon-screenshot:before {
    content: ""
}

.p-icon-share-logo:before {
    content: ""
}

.p-icon-transparent-member:before {
    content: ""
}

.p-icon-turn-to-design:before {
    content: ""
}

.p-icon-models:before {
    content: ""
}

.p-icon-more-tools-fill:before {
    content: ""
}

.p-icon-more-tools:before {
    content: ""
}

.p-icon-grid-preview:before {
    content: ""
}

.p-icon-list-preview:before {
    content: ""
}

.p-icon-name-edit:before {
    content: ""
}

.p-icon-neo-about-us:before {
    content: ""
}

.p-icon-neo-api:before {
    content: ""
}

.p-icon-neo-arrow:before {
    content: ""
}

.p-icon-neo-contact:before {
    content: ""
}

.p-icon-neo-influencer:before {
    content: ""
}

.p-icon-neo-printing:before {
    content: ""
}

.p-icon-neo-workspace-account:before {
    content: ""
}

.p-icon-neo-workspace-ai-generation:before {
    content: ""
}

.p-icon-neo-workspace-api:before {
    content: ""
}

.p-icon-neo-workspace-logout:before {
    content: ""
}

.p-icon-neo-workspace-projects:before {
    content: ""
}

.p-icon-new-tab:before {
    content: ""
}

.p-icon-company-logo:before {
    content: ""
}

.p-icon-download-icon:before {
    content: ""
}

.p-icon-go-right-arrow:before {
    content: ""
}

.p-icon-scene-bg-active:before {
    content: ""
}

.p-icon-scene-bg:before {
    content: ""
}

.p-icon-scene-edit-active:before {
    content: ""
}

.p-icon-scene-edit:before {
    content: ""
}

.p-icon-scene-net:before {
    content: ""
}

.p-icon-scene-save:before {
    content: ""
}

.p-icon-scene-setting:before {
    content: ""
}

.p-icon-scene-share:before {
    content: ""
}

.p-icon-scene-share2:before {
    content: ""
}

.p-icon-scene-tip:before {
    content: ""
}

.p-icon-scene-tip2:before {
    content: ""
}

.p-icon-scene-video-active:before {
    content: ""
}

.p-icon-scene-video:before {
    content: ""
}

.p-icon-user-accout:before {
    content: ""
}

.p-icon-user-logOut:before {
    content: ""
}

.p-icon-user-projects:before {
    content: ""
}

.p-icon-user-subsription:before {
    content: ""
}

.p-icon-next:before {
    content: ""
}

.p-icon-off-shelf:before {
    content: ""
}

.p-icon-aliPay:before {
    content: ""
}

.p-icon-feature-not-supported:before {
    content: ""
}

.p-icon-feature-supported:before {
    content: ""
}

.p-icon-new-member:before {
    content: ""
}

.p-icon-price-start:before {
    content: ""
}

.p-icon-wxPay:before {
    content: ""
}

.p-icon-payment-shield:before {
    content: ""
}

.p-icon-pick-assets:before {
    content: ""
}

.p-icon-plus:before {
    content: ""
}

.p-icon-pricing-arrow:before {
    content: ""
}

.p-icon-project:before {
    content: ""
}

.p-icon-checkbox-default:before {
    content: ""
}

.p-icon-assets-active:before {
    content: ""
}

.p-icon-assets:before {
    content: ""
}

.p-icon-background-active:before {
    content: ""
}

.p-icon-background:before {
    content: ""
}

.p-icon-camera-fov:before {
    content: ""
}

.p-icon-camera:before {
    content: ""
}

.p-icon-close-constraints:before {
    content: ""
}

.p-icon-collapse-in:before {
    content: ""
}

.p-icon-collapse-out:before {
    content: ""
}

.p-icon-combine-group:before {
    content: ""
}

.p-icon-d3:before {
    content: ""
}

.p-icon-fov:before {
    content: ""
}

.p-icon-fov2:before {
    content: ""
}

.p-icon-ground:before {
    content: ""
}

.p-icon-light-active:before {
    content: ""
}

.p-icon-light:before {
    content: ""
}

.p-icon-loading:before {
    content: ""
}

.p-icon-model-active:before {
    content: ""
}

.p-icon-model:before {
    content: ""
}

.p-icon-more:before {
    content: ""
}

.p-icon-new-asset-active:before {
    content: ""
}

.p-icon-new-asset:before {
    content: ""
}

.p-icon-new-light-active:before {
    content: ""
}

.p-icon-new-light:before {
    content: ""
}

.p-icon-new-scene-active:before {
    content: ""
}

.p-icon-new-scene:before {
    content: ""
}

.p-icon-new-upload-active:before {
    content: ""
}

.p-icon-new-upload:before {
    content: ""
}

.p-icon-open-constraints:before {
    content: ""
}

.p-icon-perspective-tags:before {
    content: ""
}

.p-icon-render-logo:before {
    content: ""
}

.p-icon-render-search:before {
    content: ""
}

.p-icon-reset-camera:before {
    content: ""
}

.p-icon-scene-active:before {
    content: ""
}

.p-icon-scene:before {
    content: ""
}

.p-icon-success:before {
    content: ""
}

.p-icon-sunlight:before {
    content: ""
}

.p-icon-un-group:before {
    content: ""
}

.p-icon-unlock:before {
    content: ""
}

.p-icon-upload-image:before {
    content: ""
}

.p-icon-upload:before {
    content: ""
}

.p-icon-reset:before {
    content: ""
}

.p-icon-ruler:before {
    content: ""
}

.p-icon-search:before {
    content: ""
}

.p-icon-single-arrow-left:before {
    content: ""
}

.p-icon-star_v2:before {
    content: ""
}

.p-icon-tip-error:before {
    content: ""
}

.p-icon-tip-success:before {
    content: ""
}

.p-icon-tip-warning:before {
    content: ""
}

.p-icon-setting_v2:before {
    content: ""
}

.p-icon-tool-arrow-left-up:before {
    content: ""
}

.p-icon-tool-arrow-right-up:before {
    content: ""
}

.p-icon-tool-arrow-right:before {
    content: ""
}

.p-icon-tool-arrow-up:before {
    content: ""
}

.p-icon-arrow-top:before {
    content: ""
}

.p-icon-code:before {
    content: ""
}

.p-icon-copy-code:before {
    content: ""
}

.p-icon-upload-image02:before {
    content: ""
}

.p-icon-uses:before {
    content: ""
}

.toggle-enter-active[data-v-2a85e855],
.toggle-leave-active[data-v-2a85e855] {
    transition: height .5s ease, opacity .5s ease;
    transform-origin: center top
}

.toggle-enter-from[data-v-2a85e855],
.toggle-leave-to[data-v-2a85e855] {
    height: 0;
    opacity: 0
}

.scroll-transition[data-v-2a85e855] {
    transition: .3s height ease-in-out, .6s !important
}

.arrow-icon[data-v-2a85e855] {
    margin-left: auto;
    transition: transform .5s ease;
    font-size: 20px;
    display: block
}

.arrow-icon i[data-v-2a85e855] {
    font-size: 20px;
    color: #7f7f7f
}

.arrow-icon.active[data-v-2a85e855] {
    transform: rotate(180deg)
}

.collapse-box[data-v-2a85e855] {
    position: relative
}

.collapse-box .collapse-header[data-v-2a85e855] {
    font-size: var(--fs-base);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    font-weight: var(--fw-medium);
    display: flex;
    align-items: center;
    line-height: 40px;
    cursor: pointer;
    border-radius: 4px;
    overflow: hidden
}

.collapse-box .collapse-header .collapse-header-icon[data-v-2a85e855] {
    transition: transform .5s ease
}

.collapse-box .collapse-header .collapse-header-icon.active[data-v-2a85e855] {
    transform: rotate(90deg)
}

.collapse-box .collapse-header[data-v-2a85e855]:hover {
    background: var(--primary-background-hover)
}

.collapse-box .collapse-header.active[data-v-2a85e855],
.collapse-box .collapse-header[data-v-2a85e855]:active {
    background: var(--primary-background-active)
}

.collapse-box .collapse-header-icon[data-v-2a85e855] {
    margin-right: 12px
}

.collapse-box .collapse-header-title[data-v-2a85e855] {
    font-size: var(--fs-base);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    font-weight: var(--fw-medium);
    margin-left: 8px;
    flex: 1;
    color: var(--h1-color)
}

.collapse-box .collapse-body[data-v-2a85e855] {
    background: var(--primary-background-active)
}

.pac-loading[data-v-7eab5e66] {
    width: 16px;
    height: 16px;
    border-width: 2px;
    border-style: solid;
    border-radius: 100%;
    animation: circle-7eab5e66 infinite .75s linear;
    will-change: transform
}

@keyframes circle-7eab5e66 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes slide-to-right-e9a5ffad {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0% 50%
    }
}

.loading-ani[data-v-e9a5ffad] {
    background-image: linear-gradient(to left, #e3e3e3, #f3f3f3, #e3e3e3);
    animation: slide-to-right-e9a5ffad 3s infinite;
    background-size: 400% 400%
}

.out-box[data-v-e9a5ffad] {
    overflow: hidden
}

.image-container[data-v-e9a5ffad] {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-size: 0
}

.image-container__loading[data-v-e9a5ffad] {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff9;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.block-loading[data-v-c54db4de] {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    background-color: var(--skeleton-image-background-color);
    border-radius: calc(var(--6bef92c9) * 1px);
    z-index: 1;
    top: 0
}

.block-loading[data-v-c54db4de]:after {
    animation: 2s linear .5s infinite normal none running animation-wiooy9-c54db4de;
    background: linear-gradient(90deg, var(--skeleton-image-gradient-start-color), var(--skeleton-image-gradient-end-color));
    content: "";
    position: absolute;
    transform: translate(-100%);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@keyframes animation-wiooy9-c54db4de {
    0% {
        transform: translate(-100%)
    }

    50% {
        transform: translate(100%)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes slide-to-right-41c7a35a {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0% 50%
    }
}

.loading-ani[data-v-41c7a35a] {
    background-image: linear-gradient(to left, #e3e3e3, #f3f3f3, #e3e3e3);
    animation: slide-to-right-41c7a35a 3s infinite;
    background-size: 400% 400%
}

.out-box[data-v-41c7a35a] {
    overflow: hidden
}

.image-container[data-v-41c7a35a] {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 0;
    position: relative
}

.image-container__content[data-v-41c7a35a] {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.image-container--needFilter img[data-v-41c7a35a] {
    filter: blur(10px)
}

.image-container--useThemeFilter .img-show-animation[data-v-41c7a35a] {
    filter: blur(0) var(--image-filter) !important
}

.image-container img[data-v-41c7a35a] {
    width: 100%;
    opacity: 0;
    z-index: 1
}

.image-container .img-show-animation[data-v-41c7a35a] {
    filter: blur(0);
    transition: filter .8s
}

.image-container__loading[data-v-41c7a35a] {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff9;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.image-container__stack[data-v-41c7a35a] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none
}

.image-container__stack__item1[data-v-41c7a35a] {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #747eba33;
    transform-origin: 100% 100%
}

.image-container__stack__item2[data-v-41c7a35a] {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #747eba1a;
    transform-origin: 100% 100%
}

.image-container__refresh[data-v-41c7a35a] {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 14px;
    gap: 4px;
    line-height: 0;
    background: linear-gradient(316deg, var(--Neutral-Gray2, #eee) 0%, var(--Neutral-Gray1, #f7f7f7) 70.37%);
    z-index: 2
}

.image-container__refresh span[data-v-41c7a35a] {
    line-height: 120%
}

.lazy-text-container[data-v-48e9e890] {
    position: relative
}

@keyframes slide-to-right-48e9e890 {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0% 50%
    }
}

.loading-ani[data-v-48e9e890] {
    background-image: linear-gradient(to left, transparent, var(--skeleton-text-gradient-end-color), transparent);
    animation: slide-to-right-48e9e890 3s infinite;
    background-size: 400% 400%;
    margin-bottom: 4px;
    border-radius: calc(var(--1c5e6696) * 1px)
}

.loading-ani[data-v-48e9e890]:last-of-type {
    width: 30%
}

.model-collapse--dark .model-collapse__open[data-v-455a1692]:hover,
.model-collapse--dark .model-collapse__close[data-v-455a1692]:hover {
    color: #007d6c
}

.model-collapse[data-v-455a1692] {
    display: flex;
    align-items: center;
    height: 24px;
    font-size: var(--fs-sm);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    color: var(--one-level-text-color);
    background: var(--primary-background-light);
    border-radius: 16px
}

.model-collapse--disabled[data-v-455a1692] {
    cursor: not-allowed !important;
    color: var(--disabled-text-color) !important
}

.model-collapse__slider[data-v-455a1692] {
    flex: 1;
    min-width: 72px;
    margin: 0 15px 0 10px
}

.model-collapse__open[data-v-455a1692],
.model-collapse__close[data-v-455a1692] {
    display: inline-block;
    max-width: 48px;
    cursor: pointer
}

.model-collapse__open[data-v-455a1692]:hover,
.model-collapse__close[data-v-455a1692]:hover {
    color: var(--primary-color-hover)
}

.model-collapse__open[data-v-455a1692]:active,
.model-collapse__close[data-v-455a1692]:active {
    color: var(--primary-color-active)
}

.model-collapse-tooltip {
    white-space: nowrap
}

.soft-expansion-bar[data-v-f27d9c3d] {
    display: flex;
    align-items: center;
    height: 24px;
    font-size: var(--fs-sm);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    color: var(--one-level-text-color);
    background: var(--primary-background-light);
    border-radius: 16px
}

.soft-expansion-bar__slider[data-v-f27d9c3d] {
    flex: 1;
    min-width: 72px;
    margin: 0 10px
}

.soft-expansion-bar__open[data-v-f27d9c3d],
.soft-expansion-bar__close[data-v-f27d9c3d] {
    margin-left: 10px;
    display: inline-block;
    max-width: 48px
}

.soft-expansion-bar-tooltip {
    white-space: nowrap
}

.LazyImage[data-v-7c77f2a2] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 16px;
    position: relative;
    z-index: 1
}

.LazyImage .loading-ani[data-v-7c77f2a2] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.LazyImage .mockup-loading[data-v-7c77f2a2] {
    z-index: 3
}

.LazyImage img[data-v-7c77f2a2] {
    position: relative;
    width: 100%
}

.LazyImage video[data-v-7c77f2a2] {
    width: 100%;
    height: 100%
}

.LazyImage .no-img[data-v-7c77f2a2] {
    opacity: 0
}

.mockup-loading-img[data-v-7c77f2a2]:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: var(--4fd1ada6);
    background-size: 100%;
    background-repeat: no-repeat
}

.loading-style[data-v-7c77f2a2] {
    border-radius: 16px !important
}

@keyframes slide-to-right-7c77f2a2 {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0% 50%
    }
}

.loading-ani[data-v-7c77f2a2] {
    background-image: linear-gradient(to left, var(--46459e8d), var(--fa76d754), var(--46459e8d), var(--fa76d754));
    animation: slide-to-right-7c77f2a2 3s infinite;
    background-size: 400% 400%
}

.LoginBtn[data-v-cb46723c] {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 12px 16px;
    background: var(--primary-background);
    border-radius: 8px;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.LoginBtn[data-v-cb46723c]:hover {
    background-color: var(--primary-background-hover)
}

.LoginBtn[data-v-cb46723c]:active {
    background-color: var(--primary-background-active)
}

.LoginBtn .img[data-v-cb46723c] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center
}

.LoginBtn .img img[data-v-cb46723c] {
    width: 100%
}

.LoginBtn span[data-v-cb46723c] {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: var(--fw-normal);
    color: #191919;
    line-height: 22px;
    text-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .08)
}

.css-8yzpf7[data-v-cb46723c] {
    display: inline-block;
    animation: 1.4s linear 0s infinite normal none running animation-61bdi0-cb46723c;
    vertical-align: middle
}

.css-13o7eu2[data-v-cb46723c] {
    display: block
}

.css-14891ef[data-v-cb46723c] {
    stroke: currentcolor;
    stroke-dasharray: 80px, 200px;
    stroke-dashoffset: 0;
    animation: 1.4s ease-in-out 0s infinite normal none running animation-1p2h4ri-cb46723c
}

@keyframes animation-1p2h4ri-cb46723c {
    0% {
        stroke-dasharray: 1px, 200px;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -15px
    }

    to {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -125px
    }
}

@keyframes animation-61bdi0-cb46723c {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.ResetPassword[data-v-6634f664] {
    width: 600px;
    padding: 50px 55px
}

.ResetPassword-back[data-v-6634f664] {
    display: flex;
    align-items: center
}

.ResetPassword-back span[data-v-6634f664] {
    margin-left: 10px;
    font-size: 20px;
    font-weight: var(--fw-normal);
    text-align: left;
    color: var(--two-level-text-color);
    line-height: 30px
}

.ResetPassword-back-arrow[data-v-6634f664] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: pointer;
    z-index: 1;
    transition: background .2s ease
}

.ResetPassword-back-arrow[data-v-6634f664]:hover {
    background: #ededed
}

.ResetPassword-back-arrow[data-v-6634f664]:active {
    background: #e7e7e7
}

.ResetPassword-title[data-v-6634f664] {
    margin-top: 30px;
    font-size: 32px;
    font-weight: var(--fw-normal);
    text-align: center;
    color: #191919;
    line-height: 48px;
    text-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .08)
}

.ResetPassword-desc[data-v-6634f664] {
    margin-top: 16px;
    font-size: 16px;
    font-weight: var(--fw-normal);
    text-align: center;
    color: #191919;
    line-height: 22px;
    text-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .08)
}

.ResetPassword-content[data-v-6634f664] {
    padding: 0 22px;
    margin-top: 40px
}

.ResetPassword-content-email[data-v-6634f664] {
    height: 82px
}

.ResetPassword-content-email[data-v-6634f664] .p-input-box {
    padding-left: 16px;
    height: 48px
}

.ResetPassword-content-email[data-v-6634f664] .p-input-box input {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #191919;
    line-height: 18px;
    text-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .08)
}

.ResetPassword-content-email-err[data-v-6634f664] {
    margin-top: 8px;
    color: #ff445d;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    line-height: 18px
}

.ResetPassword-content[data-v-6634f664] .p-button {
    width: 100%;
    height: 48px;
    font-size: 16px
}

.ResetPassword-dialog[data-v-6634f664] .b-dialog-wrapper .close-icon {
    top: 23px;
    right: 20px
}

.err-style[data-v-6634f664] {
    border: 1px solid #ff445d !important
}

@media (max-width: 980px) {
    .ResetPassword[data-v-6634f664] {
        padding: 24px 20px 30px;
        height: auto;
        width: 78vw;
        min-width: 295px
    }

    .ResetPassword-back span[data-v-6634f664] {
        font-size: 18px;
        line-height: 24px;
        margin-left: 8px
    }

    .ResetPassword-back-arrow[data-v-6634f664] {
        width: 28px;
        height: 28px
    }

    .ResetPassword-back-arrow img[data-v-6634f664] {
        width: 28px
    }

    .ResetPassword-title[data-v-6634f664] {
        font-size: 26px;
        line-height: 1.5
    }

    .ResetPassword-desc[data-v-6634f664] {
        font-size: 14px;
        line-height: 1.5
    }

    .ResetPassword-content[data-v-6634f664] {
        margin-top: 32px
    }

    .ResetPassword-content-email[data-v-6634f664] {
        height: 76px
    }

    .ResetPassword-content-email .p-input-box[data-v-6634f664] {
        height: 44px
    }

    .ResetPassword-content-email .p-input-box img[data-v-6634f664] {
        width: 20px
    }

    .ResetPassword-content-email .p-input-box[data-v-6634f664] input {
        font-size: 14px
    }

    .ResetPassword-content-email-err[data-v-6634f664] {
        font-size: 12px
    }

    .ResetPassword-content .p-button[data-v-6634f664] {
        height: 40px;
        font-size: 14px
    }
}

.SendEmailSuccess[data-v-e5c64a5b] {
    width: 600px;
    height: 352px;
    padding: 48px 55px
}

.SendEmailSuccess-title[data-v-e5c64a5b] {
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    color: #191919;
    line-height: 48px;
    text-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .08)
}

.SendEmailSuccess-desc[data-v-e5c64a5b] {
    margin-top: 24px
}

.SendEmailSuccess-desc p[data-v-e5c64a5b]:nth-child(1) {
    font-size: 16px;
    font-weight: 500;
    color: #191919;
    line-height: 32px;
    text-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .08)
}

.SendEmailSuccess-desc p[data-v-e5c64a5b]:nth-child(2) {
    font-size: 16px;
    color: #191919;
    text-align: justify;
    line-height: 32px;
    text-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .08)
}

.SendEmailSuccess-desc p a[data-v-e5c64a5b]:link {
    text-decoration: underline
}

.SendEmailSuccess-desc p a[data-v-e5c64a5b]:hover {
    text-decoration: underline;
    color: var(--one-level-text-color)
}

.SendEmailSuccess-desc p a[data-v-e5c64a5b]:active {
    text-decoration: none;
    color: #59299f
}

.SendEmailSuccess-btn[data-v-e5c64a5b] {
    margin-top: 40px;
    padding: 0 23px;
    width: 100%
}

.SendEmailSuccess-btn[data-v-e5c64a5b] .p-button {
    width: 100%;
    height: 48px;
    font-size: 16px
}

.SendEmailSuccess-dialog[data-v-e5c64a5b] .b-dialog-wrapper {
    min-height: 352px
}

.SendEmailSuccess-dialog[data-v-e5c64a5b] .b-dialog-wrapper .close-icon {
    top: 23px;
    right: 20px
}

.china-login[data-v-24172990] {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.china-login .title[data-v-24172990] {
    font-size: var(--fs-2xl);
    font-weight: var(--fw-medium);
    line-height: var(--lh-normal);
    color: #191919;
    margin-top: 110px
}

.china-login .sub-title-font[data-v-24172990] {
    font-size: var(--fs-sm);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    color: #7f7f7f
}

.china-login .pac-alink[data-v-24172990] {
    color: var(--primary-color);
    cursor: pointer
}

.china-login .pac-alink[data-v-24172990]:hover {
    font-weight: 500;
    text-decoration: underline
}

.china-login .login-area[data-v-24172990] {
    margin-top: 30px;
    text-align: center
}

.china-login .login-area .code-area[data-v-24172990] {
    position: relative;
    width: 185px;
    height: 185px;
    margin-bottom: 10px
}

.china-login .login-area .code-area .code-img[data-v-24172990] {
    width: 100%;
    height: 100%
}

.china-login .login-area .code-area--success[data-v-24172990] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: #ffffffb3
}

.china-login .login-area .code-area--success .success-tick-icon[data-v-24172990] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.china-login .login-area .code-area--expired[data-v-24172990] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: #ffffffe6
}

.china-login .login-area .code-area--expired .expired-content[data-v-24172990] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    color: #4c4c4c
}

.china-login .login-area .code-area--expired .warn-icon[data-v-24172990] {
    width: 28px;
    height: 28px
}

.china-login .login-area .bottom-btn .refresh-btn[data-v-24172990] {
    font-size: var(--fs-base);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 188px;
    height: 40px;
    line-height: 40px;
    background: var(--primary-color);
    border-radius: 20px;
    color: #fff;
    cursor: pointer
}

.china-login .login-area .bottom-btn .refresh-btn[data-v-24172990]:hover {
    opacity: .7
}

.china-login .login-area .bottom-btn .refresh-btn[data-v-24172990]:active {
    background: var(--primary-highlight);
    opacity: 1
}

.china-login .login-area .bottom-tip--login .login-main-tip[data-v-24172990] {
    font-size: var(--fs-2xl);
    font-weight: var(--fw-medium);
    line-height: var(--lh-normal);
    color: #191919
}

.china-login .footer[data-v-24172990] {
    position: absolute;
    bottom: 55px;
    font-size: var(--fs-base);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal)
}

.b-icon-email {
    width: 72px;
    height: 72px;
    mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAAAXNSR0IArs4c6QAAA99JREFUaEPtl0toE0EYx2c2SZPeNGk9eBMRpeDuIqWx1OKlNmcPXnwcxIAUIVSJUIyPBs0hUBCKYBFBCkoRDz6OEnupGFtCSeKlF8GT1gcWEWyeO7IhE6aT2cxusm4Ss4GQDTuP7/f9//PttxD0yAf2CCewQf83pW1FbUW7NAO2dbtUOM2wbUVtRbs0A7Z1u1Q4uxjZ1rWt26UZ+BfWNWtNZGZOzQjKjDX0MLUE3mqQRuZrjTUCYGTsjuQZCZTOOm8u776WijwY3n3mus0Gozlvfn6+b/zY+C1BcAQBAF49niTG/FSU8sOVtyvRUChUaDDXMKyZoJW10uvZGBRAGACAA+0DADgbASOEShDC2nikKHPyETlSncOCahsoThjMZj58Qwg5cvntM36///Xy8vKQzzvwHACwjw2LNja/bp4MBAIfV9+tBtz9/U8EAZZE6fAeAAAGosHaAlqDVEEy6WypClQqFgrh4ZHhhcXFxQFRlJ4KUBgjYZGivEmuJk9PTU39SqXWL7mczjhWX5JF7AIWrCWgtN3V/zXYTDpbJGGKpdJCOHzl6uDgoGNm5to9p8NxVr1fKBYfTE+Hwj6fD8zenL3rcDovkPMkWXRRirakajNnlJxDqlkBzqSzdUWkXC4nXr56cS4ajf5OJtcuA6X8Z3RsdCEej3snT0w+FgTHcdrWkiyqZ1uFw191CAlrSFUzQPEaQhU0zzqLSFE2UuupU8Fg8JN6f2lp6cChg0PPBAHuZ42XZNFdBVOIotR2UGxfVVEmaEUOpPz4svn9osvl7Bvwee9DCHdpVWMClFS1I0CxojmDz07mcEkWPYSitIVpG3O3bMW65PmsQAIAhEw6u83dVccASRb7AQCqbVVI/EsCWnZGex70MwBgtw7RGg3ZkmRxb0cruvZ+7bbb41FbwKY/+VxubuToyI1OAVVBcLWtndGJiQl37E4s4nZ7zkMIDSmLENrK53OPItcjsUQioVZv+ox2TtVVCxIuTEQiWE0GHTSurDQc/k82DpZWXVLROmUZkLwXb/IRwlKy7aAsC1ceNWQPXD2wNCzdsJOPEvq6rS0gS9Val0Soiscxu0OqxaM7IVazYIl16aDrGnsNQD3WxQCstq/pQtQoy7xHA+tVjVSXdd1oTdLCWtfkfENdkZmg5Fo7XsSJc8pLHuu8alm0raBalsaAPOvicXosahkozw1aUFpVl1a7EYhhSF6wPKsZmc97S9IbvN5xdbHzAjATVs9aegpWU+uYAUpvbNaaTavHyoRZQTWVZSsn2aBWZtuKvWxFrciylXvYilqZbSv2shW1IstW7tEziv4FMbFUSsmoABYAAAAASUVORK5CYII=);
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAAAXNSR0IArs4c6QAAA99JREFUaEPtl0toE0EYx2c2SZPeNGk9eBMRpeDuIqWx1OKlNmcPXnwcxIAUIVSJUIyPBs0hUBCKYBFBCkoRDz6OEnupGFtCSeKlF8GT1gcWEWyeO7IhE6aT2cxusm4Ss4GQDTuP7/f9//PttxD0yAf2CCewQf83pW1FbUW7NAO2dbtUOM2wbUVtRbs0A7Z1u1Q4uxjZ1rWt26UZ+BfWNWtNZGZOzQjKjDX0MLUE3mqQRuZrjTUCYGTsjuQZCZTOOm8u776WijwY3n3mus0Gozlvfn6+b/zY+C1BcAQBAF49niTG/FSU8sOVtyvRUChUaDDXMKyZoJW10uvZGBRAGACAA+0DADgbASOEShDC2nikKHPyETlSncOCahsoThjMZj58Qwg5cvntM36///Xy8vKQzzvwHACwjw2LNja/bp4MBAIfV9+tBtz9/U8EAZZE6fAeAAAGosHaAlqDVEEy6WypClQqFgrh4ZHhhcXFxQFRlJ4KUBgjYZGivEmuJk9PTU39SqXWL7mczjhWX5JF7AIWrCWgtN3V/zXYTDpbJGGKpdJCOHzl6uDgoGNm5to9p8NxVr1fKBYfTE+Hwj6fD8zenL3rcDovkPMkWXRRirakajNnlJxDqlkBzqSzdUWkXC4nXr56cS4ajf5OJtcuA6X8Z3RsdCEej3snT0w+FgTHcdrWkiyqZ1uFw191CAlrSFUzQPEaQhU0zzqLSFE2UuupU8Fg8JN6f2lp6cChg0PPBAHuZ42XZNFdBVOIotR2UGxfVVEmaEUOpPz4svn9osvl7Bvwee9DCHdpVWMClFS1I0CxojmDz07mcEkWPYSitIVpG3O3bMW65PmsQAIAhEw6u83dVccASRb7AQCqbVVI/EsCWnZGex70MwBgtw7RGg3ZkmRxb0cruvZ+7bbb41FbwKY/+VxubuToyI1OAVVBcLWtndGJiQl37E4s4nZ7zkMIDSmLENrK53OPItcjsUQioVZv+ox2TtVVCxIuTEQiWE0GHTSurDQc/k82DpZWXVLROmUZkLwXb/IRwlKy7aAsC1ceNWQPXD2wNCzdsJOPEvq6rS0gS9Val0Soiscxu0OqxaM7IVazYIl16aDrGnsNQD3WxQCstq/pQtQoy7xHA+tVjVSXdd1oTdLCWtfkfENdkZmg5Fo7XsSJc8pLHuu8alm0raBalsaAPOvicXosahkozw1aUFpVl1a7EYhhSF6wPKsZmc97S9IbvN5xdbHzAjATVs9aegpWU+uYAUpvbNaaTavHyoRZQTWVZSsn2aBWZtuKvWxFrciylXvYilqZbSv2shW1IstW7tEziv4FMbFUSsmoABYAAAAASUVORK5CYII=);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #d1d0d2
}

.b-icon-psw {
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAAAXNSR0IArs4c6QAAA/1JREFUaEPtmEtME0EYx78pLYgRE+DGhZhwscbQgg9CiGlDsAQ1eFBjiB48cOFgYo0XvXiQg1w8GGPi1eCLePKIj4uPYCjdbkCjHuTZQhFqjEqx7Y7ZpmMm05ll205pke1lt+3w7fzm999vpyDYJi+0TTjBAv3fTFtGLaNbdAWs6G5RccJpW0Yto1t0BazoblFxVjOyomtF1/wKFJIWbP4y5kYWMhnRFWTVlAora1IEWnY9abAyJ2ZUCwUCAU9Fhf0KQqgNAByggYqRdtflcg0DgBGQFNjNAEXBYMhvQ2gIIPtfNxjw/cHBGxdGRkZ0IBFUwbCyQHl10p9NvJ/osFc5XmlYwzil3Qwvhm9Ho9F48/7msxV2uw5fgzXtoqvFdSeTfx5U+YMqQfUpQnBSw9qQ2+26Rnew8bHxM46qymEMeNrlam6ijLJgZQEqtKlHNaSEZgFQw0J4vqmnp2eWBnU6nejhg0cRAKiLLIYburu7l6jvpcLKiC5bg7zXjyikqDEA2PXm7eu6gYGBX+wzSQmqUwhB02psZa/X6/1iYFX/07zNFgpqCKnPjIC+ePm83u/380AnddDo8pKzq6uLgBIgafdrIaBCyNHR0cba2vpzALDTYbdfAoDKZCJxSwNIsEYddns/Qqg2mUrdQxhH47/jz9qPtAdk36+yQdP1lGAohBDaZ25zljXq59SHmT19fSf0yPMeOXnFVxYoe19mmcsFejX246DX2xGUaTVfUF5s080n04D+iMAwxlGM8ZrNZmsUjYl9Xz3k8XgIqBSrxQC1hRR1XQSxHI2en1uYm2xxt+og3FcGVAEATWA15/jKAP1nkjIqBI0shk+pqqr6jnZ/FoF+W1k+3NnZyRql4UoOastENy6CWAjPn1YURT3Wc/zTBqC0UTa+ZQGqR3dNBLEejz9eTyQ+7q6puS4as7gUafP5fMQoiW/ZGE3bBABDUDPdVwBK74xKapQGXdE3C2ageGOmZ7429/b26tEmNvVj+YGOvRu7vKO6+moesIlkMvWk9YC7HwBSmY7L67wlNZqOLYkvdU53Zd0K6fT0fpY0G/1IW6Tfl41RAkTDso8eXlJpSHLOwpZV19UhCCRtl8ASSNYoMcWzyi4CqVGy6JJIZm0eyCYiM0N2g8L+HKOjSkPSsWXPTfU8GTsj+r7jgbLf0xNjn408g2W116WN8s5pWNYAzyrvM9ECFdUob+J0OuifbUaQvHtOOqSZCRitlij2LCTbhERGjaALslksUKO6oma0EXxJQXNdKKPGZ/ZxYXZcVhLz7bp0IRk1zDSUvCFzNWJmMjJrFgTGTnazbJhdpKKNs0CLtrQlKmwZLdHCF+2yltGiLW2JCm8bo38BUeiOSjzeDEkAAAAASUVORK5CYII=);
    mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAAAXNSR0IArs4c6QAAA/1JREFUaEPtmEtME0EYx78pLYgRE+DGhZhwscbQgg9CiGlDsAQ1eFBjiB48cOFgYo0XvXiQg1w8GGPi1eCLePKIj4uPYCjdbkCjHuTZQhFqjEqx7Y7ZpmMm05ll205pke1lt+3w7fzm999vpyDYJi+0TTjBAv3fTFtGLaNbdAWs6G5RccJpW0Yto1t0BazoblFxVjOyomtF1/wKFJIWbP4y5kYWMhnRFWTVlAora1IEWnY9abAyJ2ZUCwUCAU9Fhf0KQqgNAByggYqRdtflcg0DgBGQFNjNAEXBYMhvQ2gIIPtfNxjw/cHBGxdGRkZ0IBFUwbCyQHl10p9NvJ/osFc5XmlYwzil3Qwvhm9Ho9F48/7msxV2uw5fgzXtoqvFdSeTfx5U+YMqQfUpQnBSw9qQ2+26Rnew8bHxM46qymEMeNrlam6ijLJgZQEqtKlHNaSEZgFQw0J4vqmnp2eWBnU6nejhg0cRAKiLLIYburu7l6jvpcLKiC5bg7zXjyikqDEA2PXm7eu6gYGBX+wzSQmqUwhB02psZa/X6/1iYFX/07zNFgpqCKnPjIC+ePm83u/380AnddDo8pKzq6uLgBIgafdrIaBCyNHR0cba2vpzALDTYbdfAoDKZCJxSwNIsEYddns/Qqg2mUrdQxhH47/jz9qPtAdk36+yQdP1lGAohBDaZ25zljXq59SHmT19fSf0yPMeOXnFVxYoe19mmcsFejX246DX2xGUaTVfUF5s080n04D+iMAwxlGM8ZrNZmsUjYl9Xz3k8XgIqBSrxQC1hRR1XQSxHI2en1uYm2xxt+og3FcGVAEATWA15/jKAP1nkjIqBI0shk+pqqr6jnZ/FoF+W1k+3NnZyRql4UoOastENy6CWAjPn1YURT3Wc/zTBqC0UTa+ZQGqR3dNBLEejz9eTyQ+7q6puS4as7gUafP5fMQoiW/ZGE3bBABDUDPdVwBK74xKapQGXdE3C2ageGOmZ7429/b26tEmNvVj+YGOvRu7vKO6+moesIlkMvWk9YC7HwBSmY7L67wlNZqOLYkvdU53Zd0K6fT0fpY0G/1IW6Tfl41RAkTDso8eXlJpSHLOwpZV19UhCCRtl8ASSNYoMcWzyi4CqVGy6JJIZm0eyCYiM0N2g8L+HKOjSkPSsWXPTfU8GTsj+r7jgbLf0xNjn408g2W116WN8s5pWNYAzyrvM9ECFdUob+J0OuifbUaQvHtOOqSZCRitlij2LCTbhERGjaALslksUKO6oma0EXxJQXNdKKPGZ/ZxYXZcVhLz7bp0IRk1zDSUvCFzNWJmMjJrFgTGTnazbJhdpKKNs0CLtrQlKmwZLdHCF+2yltGiLW2JCm8bo38BUeiOSjzeDEkAAAAASUVORK5CYII=)
}

.Login-on[data-v-b333c29c] {
    width: 900px;
    min-width: 800px;
    height: 653px;
    overflow: hidden;
    display: flex
}

.Login-on-left[data-v-b333c29c] {
    display: block;
    width: 40%
}

.Login-on-left[data-v-b333c29c] .LazyImage {
    border-radius: 0
}

.Login-on-left[data-v-b333c29c] .LazyImage img {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: scale(1.01) !important
}

.Login-on-left img[data-v-b333c29c] {
    width: 100%;
    height: 100%
}

.Login-on-right[data-v-b333c29c] {
    width: 60%;
    padding: 40px 48px
}

.Login-on-right-title[data-v-b333c29c] {
    font-size: 32px;
    font-weight: var(--fw-medium);
    color: var(--one-level-text-color);
    line-height: 48px
}

.Login-on-right-desc[data-v-b333c29c] {
    margin-top: 7px
}

.Login-on-right-desc-item[data-v-b333c29c] {
    display: flex;
    align-items: baseline;
    font-size: 16px;
    font-weight: 400;
    color: var(--two-level-text-color);
    line-height: 1.3;
    justify-content: flex-start
}

.Login-on-right-desc-item span.desc[data-v-b333c29c] {
    margin-top: 8px
}

.Login-on-right-desc-item span.desc[data-v-b333c29c]:first-child {
    margin-top: 0
}

.Login-on-right-desc-item .circle[data-v-b333c29c] {
    display: inline-block;
    flex-shrink: 0;
    width: 5px;
    height: 5px;
    background: var(--two-level-text-color);
    border-radius: 50%;
    box-shadow: 0 4px 8px #00000014;
    margin-right: 7px;
    position: relative;
    top: -3px
}

.Login-on-right-btns[data-v-b333c29c] {
    margin-top: 15px
}

.Login-on-right-btns .LoginBtn[data-v-b333c29c] {
    margin-bottom: 16px;
    transition: all .3s ease-in-out
}

.Login-on-right-split[data-v-b333c29c] {
    display: flex;
    align-items: center;
    margin-top: 40px
}

.Login-on-right-split .line[data-v-b333c29c] {
    flex: 1;
    height: 1px;
    background: #d1d0d2
}

.Login-on-right-split span[data-v-b333c29c] {
    margin: 0 15px;
    font-size: 16px;
    font-weight: 400;
    color: #7f7f7f;
    line-height: 18px
}

.Login-on-right-input[data-v-b333c29c] {
    margin-top: 24px
}

.Login-on-right-input .validate[data-v-b333c29c] {
    padding-bottom: 16px;
    position: relative
}

.Login-on-right-input .validate .err-msg[data-v-b333c29c] {
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #ff445d
}

.Login-on-right-input .validate .loginon-err[data-v-b333c29c] {
    margin-top: 8px
}

.Login-on-right-input[data-v-b333c29c] .p-input-box {
    padding-left: 16px;
    border-radius: 8px;
    height: 48px;
    transition: all .3s ease-in-out
}

.Login-on-right-input[data-v-b333c29c] .p-input-box input {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: var(--one-level-text-color);
    line-height: 18px
}

.Login-on-right-input[data-v-b333c29c]:nth-child(2) {
    margin-top: 10px
}

.Login-on-right-policy[data-v-b333c29c] {
    font-size: 14px;
    font-weight: 400;
    color: #7f7f7f;
    line-height: 19px;
    font-size: 12px
}

.Login-on-right-policy.mobile-policy[data-v-b333c29c] {
    display: none
}

.Login-on-right[data-v-b333c29c] .p-button {
    transition: none;
    margin-top: 24px;
    width: 100%;
    height: 48px;
    font-size: 16px;
    border-radius: 8px
}

.Login-on-right-footer[data-v-b333c29c] {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    line-height: var(--lh-tight)
}

.Login-on-right-footer-left[data-v-b333c29c] {
    flex: 1;
    margin-right: 20px
}

.Login-on-right-footer-left span[data-v-b333c29c] {
    font-size: 14px;
    font-weight: 400;
    color: var(--one-level-text-color)
}

.Login-on-right-footer-right[data-v-b333c29c] {
    flex: 1;
    text-align: right;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: var(--two-level-text-color)
}

.Login-on-right-footer-right a[data-v-b333c29c] {
    vertical-align: middle
}

.Login-on.ai-background-style[data-v-b333c29c] .p-input-box:hover,
.Login-on.ai-background-style[data-v-b333c29c] .p-input-box:active {
    border: 1px solid #191919 !important
}

.Login-on.ai-background-style a.a-link[data-v-b333c29c],
.Login-on.ai-background-style a.a-link[data-v-b333c29c]:link {
    color: #5ea110 !important
}

.Login-on.ai-background-style a.a-link[data-v-b333c29c]:hover {
    color: #75ca12 !important
}

.Login-on.ai-background-style a.a-link[data-v-b333c29c]:active {
    color: #5ea110 !important
}

.err-style[data-v-b333c29c] {
    border: 1px solid #ff445d !important
}

a.a-link[data-v-b333c29c] {
    margin-left: 4px;
    color: var(--one-level-text-color);
    text-decoration: underline
}

a.a-link[data-v-b333c29c]:link {
    color: var(--one-level-text-color)
}

a.a-link[data-v-b333c29c]:hover {
    text-decoration: none;
    color: var(--two-level-text-color)
}

a.a-link[data-v-b333c29c]:active {
    color: var(--one-level-text-color);
    text-decoration: underline
}

@media (max-width: 980px) {
    [data-v-b333c29c] .b-dialog-wrapper {
        min-width: auto;
        min-height: auto;
        border-radius: 16px
    }

    [data-v-b333c29c] .b-dialog-wrapper .close-icon {
        right: 25px;
        top: 25px;
        width: 28px;
        height: 28px
    }

    [data-v-b333c29c] .b-dialog-wrapper .close-icon i {
        font-size: 20px
    }

    .Login-on[data-v-b333c29c] {
        min-width: 295px;
        min-height: 508px;
        height: auto;
        width: 78vw
    }

    .Login-on-left[data-v-b333c29c] {
        display: none
    }

    .Login-on-right[data-v-b333c29c] {
        width: 100%;
        padding: 24px 20px
    }

    .Login-on-right .main-input-warp[data-v-b333c29c] {
        height: auto !important
    }

    .Login-on-right-title[data-v-b333c29c] {
        font-size: 20px;
        line-height: 30px;
        font-weight: var(--fw-medium)
    }

    .Login-on-right-desc[data-v-b333c29c] {
        display: none
    }

    .Login-on-right-btns[data-v-b333c29c] {
        margin-top: 24px !important
    }

    .Login-on-right-btns[data-v-b333c29c] .LoginBtn {
        padding: 11px 24px;
        margin-bottom: 12px
    }

    .Login-on-right-btns[data-v-b333c29c] .LoginBtn img {
        width: 16px;
        height: 16px
    }

    .Login-on-right-btns[data-v-b333c29c] .LoginBtn span {
        font-size: var(--fs-sm);
        font-weight: var(--fw-normal);
        line-height: var(--lh-normal)
    }

    .Login-on-right-split[data-v-b333c29c] {
        margin-top: 24px
    }

    .Login-on-right-split span[data-v-b333c29c] {
        font-size: 12px
    }

    .Login-on-right-input .validate .p-input-box[data-v-b333c29c] {
        padding-left: 10px;
        height: 44px
    }

    .Login-on-right-input .validate .p-input-box img[data-v-b333c29c] {
        width: 20px
    }

    .Login-on-right-input .validate .p-input-box[data-v-b333c29c] input {
        font-size: 14px
    }

    .Login-on-right-input .validate .err-msg[data-v-b333c29c] {
        font-size: 12px
    }

    .Login-on-right-policy[data-v-b333c29c] {
        display: none
    }

    .Login-on-right-policy.mobile-policy[data-v-b333c29c] {
        font-size: 12px;
        display: block;
        margin-top: 12px
    }

    .Login-on-right-policy.mobile-policy span a.a-link[data-v-b333c29c] {
        color: #191919
    }

    .Login-on-right .p-button[data-v-b333c29c] {
        margin-top: 8px;
        height: 39px;
        font-size: 14px
    }

    .Login-on-right-footer[data-v-b333c29c] {
        flex-direction: column-reverse
    }

    .Login-on-right-footer-right[data-v-b333c29c] {
        text-align: center
    }

    .Login-on-right-footer-right a[data-v-b333c29c] {
        font-size: 12px
    }

    .Login-on-right-footer-right a.a-link[data-v-b333c29c] {
        color: #4c4c4c
    }

    .Login-on-right-footer-left[data-v-b333c29c] {
        text-align: center;
        margin-top: 36px
    }

    .Login-on-right-footer-left.mobile-left[data-v-b333c29c] {
        margin-top: 13px
    }

    .Login-on-right-footer-left span a.a-link.sign-up-flag[data-v-b333c29c] {
        display: block
    }

    .Login-on-right-footer-left span span[data-v-b333c29c] {
        color: #7f7f7f
    }
}

.Login-form-title[data-v-3045d47d] {
    display: flex;
    margin-top: 40px;
    margin-bottom: 24px;
    font-size: var(--fs-l);
    font-weight: var(--fw-medium);
    color: var(--one-level-text-color);
    line-height: var(--lh-normal)
}

.Login-form-title img[data-v-3045d47d] {
    margin-right: 12px;
    cursor: pointer
}

.ja-login-form-title[data-v-3045d47d] {
    margin-top: 30px;
    margin-left: 20px;
    color: #535353;
    text-align: center;
    font-family: Noto Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

@media screen and (max-width: 980px) {
    .Login-form-title[data-v-3045d47d] {
        position: relative;
        margin-top: 0;
        font-size: var(--fs-lg)
    }

    .Login-form-title img[data-v-3045d47d] {
        position: absolute;
        top: 5px;
        left: 0;
        margin-right: 0;
        width: 20px
    }

    .Login-form-title span[data-v-3045d47d] {
        margin-left: 25px;
        word-break: keep-all;
        padding-right: 12px
    }

    .ja-login-form-title[data-v-3045d47d] {
        width: 100%;
        margin: 0 auto 20px;
        text-align: center;
        display: flex;
        align-items: center
    }

    .ja-login-form-title img[data-v-3045d47d] {
        position: relative;
        display: inline-block;
        margin-right: 0;
        top: unset;
        left: unset;
        width: 10px
    }
}

.email-code[data-v-81ddce52] {
    margin-left: 10px
}

.email-code .desc[data-v-81ddce52] {
    font-size: var(--fs-base);
    font-weight: var(--fw-normal);
    color: var(--three-level-text-color);
    line-height: var(--lh-normal)
}

.email-code .email-span[data-v-81ddce52] {
    color: var(--one-level-text-color);
    font-weight: var(--fw-medium)
}

.email-code .code-bg-area[data-v-81ddce52] {
    margin-top: 22px;
    width: 364px;
    border-radius: 12px;
    background: var(--primary-background)
}

.email-code .code-bg-area .code-err-tip[data-v-81ddce52] {
    margin: -16px 20px 0;
    padding-bottom: 20px;
    font-size: var(--fs-sm);
    font-weight: var(--fw-normal);
    color: var(--error-color);
    line-height: var(--lh-normal)
}

.email-code .code-bg-area .code-input-area[data-v-81ddce52] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 88px
}

.email-code .code-input[data-v-81ddce52] {
    display: flex
}

.email-code .code-input .code-input-item[data-v-81ddce52] {
    width: 48px;
    height: 48px;
    border: 1px solid #b2b2b2;
    border-radius: 8px;
    text-align: center;
    color: #000;
    font-weight: var(--fw-medium);
    font-size: var(--fs-l);
    background: #fff;
    outline: none;
    margin-right: 7px
}

.email-code .code-input .code-input-item[data-v-81ddce52]:last-child {
    margin-right: 0
}

.email-code .code-input .code-input-item[data-v-81ddce52]:focus {
    border-color: var(--one-level-text-color)
}

.email-code .code-input .code-input-item--error[data-v-81ddce52] {
    border-color: var(--error-color) !important
}

.email-code .code-tip[data-v-81ddce52] {
    margin-top: 10px;
    font-size: var(--fs-sm);
    font-weight: var(--fw-normal);
    color: var(--three-level-text-color);
    line-height: var(--lh-normal)
}

.email-code .code-tip_link[data-v-81ddce52] {
    color: var(--one-level-text-color);
    text-decoration: underline;
    cursor: pointer
}

.email-code .code-tip_link--disabled[data-v-81ddce52] {
    cursor: not-allowed
}

.email-code .code-tip .seconds-num[data-v-81ddce52] {
    color: var(--one-level-text-color);
    font-weight: var(--fw-medium)
}

.email-code .continue-btn--disabled[data-v-81ddce52] {
    background-color: #19191980 !important
}

.email-code .divide-line[data-v-81ddce52] {
    margin-top: 30px;
    width: 358px;
    height: 1px;
    text-align: center;
    background: var(--primary-background3)
}

.email-code .use-pass-link[data-v-81ddce52] {
    margin-top: 12px;
    text-align: center;
    font-size: var(--fs-base);
    font-weight: var(--fw-normal);
    color: var(--one-level-text-color);
    line-height: var(--lh-normal);
    cursor: pointer
}

.email-code.email-code--ja .desc[data-v-81ddce52] {
    margin-top: 4px;
    font-size: 11px;
    color: #333;
    line-height: 20px
}

.email-code.email-code--ja .desc .email-span[data-v-81ddce52] {
    font-weight: 600;
    color: #000
}

.email-code.email-code--ja .code-bg-area[data-v-81ddce52] {
    margin-top: 16px;
    width: 250px;
    background: transparent
}

.email-code.email-code--ja .code-bg-area .code-err-tip[data-v-81ddce52] {
    margin: unset;
    padding-bottom: 10px
}

.email-code.email-code--ja .code-input-area[data-v-81ddce52] {
    height: auto
}

.email-code.email-code--ja .code-input[data-v-81ddce52] {
    display: grid;
    grid-template-columns: repeat(6, 30px);
    gap: 10px;
    padding: 10px;
    background: #efefef;
    border-radius: 5px
}

.email-code.email-code--ja .code-input .code-input-item[data-v-81ddce52] {
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 0;
    background: #fff;
    color: #666;
    font-weight: 700;
    font-size: 15px
}

.email-code.email-code--ja .code-input .code-input-item[data-v-81ddce52]:focus {
    outline: 1px solid #666666;
    border-color: transparent
}

.email-code.email-code--ja .code-input .code-input-item--error[data-v-81ddce52] {
    outline: 1px solid var(--error-color);
    border-color: transparent
}

.email-code.email-code--ja .code-tip[data-v-81ddce52] {
    width: 250px;
    margin: 10px auto 25px;
    font-size: 10px;
    color: #777
}

.email-code.email-code--ja .code-tip_link[data-v-81ddce52] {
    color: #3164ff;
    cursor: pointer;
    text-decoration: none
}

.email-code.email-code--ja .continue-btn[data-v-81ddce52] {
    width: 250px;
    height: 30px;
    border-radius: 5px;
    font-size: 12px;
    background: #b14bff;
    font-weight: 700
}

.email-code.email-code--ja .seconds-num[data-v-81ddce52] {
    color: #ff6060;
    font-weight: 400
}

.email-code.email-code--ja .divide-line[data-v-81ddce52] {
    display: none
}

.email-code.email-code--ja .use-pass-link[data-v-81ddce52] {
    margin-top: 18px;
    text-align: center;
    text-decoration: underline;
    font-size: 12px;
    color: #000
}

@media screen and (max-width: 980px) {
    .email-code.email-code--ja[data-v-81ddce52] {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: unset
    }

    .email-code.email-code--ja .code-err-tip[data-v-81ddce52] {
        margin: unset;
        padding: 10px 0
    }
}

.email-code[data-v-6e011838] {
    margin-bottom: 80px
}

.email-code .desc[data-v-6e011838] {
    padding: 8px 12px;
    font-size: var(--fs-xsm);
    font-weight: var(--fw-normal);
    color: var(--three-level-text-color);
    line-height: var(--lh-normal);
    background: var(--primary-background);
    border-radius: 12px
}

.email-code .email-span[data-v-6e011838] {
    color: var(--one-level-text-color);
    font-weight: var(--fw-medium)
}

.email-code .code-bg-area[data-v-6e011838] {
    width: 100%;
    position: relative
}

.email-code .code-bg-area .code-err-tip[data-v-6e011838] {
    font-size: var(--fs-xsm);
    font-weight: var(--fw-normal);
    color: var(--error-color);
    line-height: var(--lh-normal)
}

.email-code .code-bg-area .code-input-area[data-v-6e011838] {
    margin: 20px 0 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.email-code .code-input[data-v-6e011838] {
    display: flex;
    width: 100%
}

.email-code .code-input .code-input-item[data-v-6e011838] {
    flex: 1;
    min-width: 38px;
    height: 44px;
    border: 1px solid #b2b2b2;
    border-radius: 8px;
    text-align: center;
    color: #000;
    font-weight: var(--fw-medium);
    font-size: var(--fs-lg);
    background: #fff;
    outline: none;
    margin-right: 5px
}

.email-code .code-input .code-input-item[data-v-6e011838]:last-child {
    margin-right: 0
}

.email-code .code-input .code-input-item[data-v-6e011838]:focus {
    border-color: var(--one-level-text-color)
}

.email-code .code-input .code-input-item--error[data-v-6e011838] {
    border-color: var(--error-color)
}

.email-code .code-tip[data-v-6e011838] {
    margin-top: 10px;
    font-size: var(--fs-xsm);
    font-weight: var(--fw-normal);
    color: var(--three-level-text-color);
    line-height: var(--lh-normal)
}

.email-code .code-tip_link[data-v-6e011838] {
    color: var(--one-level-text-color);
    text-decoration: underline;
    cursor: pointer
}

.email-code .code-tip .seconds-num[data-v-6e011838] {
    color: var(--one-level-text-color);
    font-weight: var(--fw-medium)
}

.email-code button.continue-btn[data-v-6e011838] {
    height: 44px;
    font-size: var(--fs-base)
}

.email-code .continue-btn--disabled[data-v-6e011838] {
    background-color: #19191980 !important
}

.email-code .use-pass-link[data-v-6e011838] {
    padding-top: 68px;
    text-align: center;
    text-decoration: underline;
    font-size: var(--fs-sm);
    font-weight: var(--fw-normal);
    color: var(--one-level-text-color);
    line-height: var(--lh-normal);
    cursor: pointer
}

.ResetPassword[data-v-72dd0248] {
    width: 600px;
    padding: 48px;
    color: var(--one-level-text-color);
    line-height: var(--lh-normal)
}

.ResetPassword-title[data-v-72dd0248] {
    font-size: var(--fs-2xl);
    font-weight: var(--fw-normal);
    text-align: center
}

.ResetPassword-sub-title[data-v-72dd0248] {
    margin-top: 25px;
    font-size: var(--fs-lg);
    font-weight: var(--fw-normal)
}

.ResetPassword-desc[data-v-72dd0248] {
    margin-top: 16px;
    font-size: var(--fs-base);
    font-weight: var(--fw-normal)
}

.ResetPassword .back-btn[data-v-72dd0248] {
    margin: 42px auto 0;
    display: block;
    text-align: center;
    width: 230px;
    height: 48px;
    border-radius: 10px
}

.ResetPassword .email-link[data-v-72dd0248] {
    text-decoration: underline;
    color: var(--one-level-text-color)
}

.ResetPassword .email-link[data-v-72dd0248]:hover {
    color: var(--primary-color)
}

.ResetPassword .email-link[data-v-72dd0248]:active {
    color: var(--primary-color);
    text-decoration: none
}

.ResetPassword-dialog[data-v-72dd0248] .b-dialog-wrapper .close-icon {
    top: 23px;
    right: 20px
}

@media (max-width: 980px) {
    .ResetPassword[data-v-72dd0248] {
        width: 78vw;
        min-width: 295px;
        padding: 48px;
        color: var(--one-level-text-color);
        line-height: var(--lh-normal)
    }

    .ResetPassword-title[data-v-72dd0248] {
        font-size: var(--fs-l)
    }

    .ResetPassword-sub-title[data-v-72dd0248] {
        font-size: var(--fs-base)
    }

    .ResetPassword-desc[data-v-72dd0248] {
        font-size: var(--fs-sm)
    }
}

.Login-on[data-v-01f3a990] {
    width: 800px;
    min-width: 800px;
    min-height: 560px;
    overflow: hidden;
    display: flex
}

.Login-on-left[data-v-01f3a990] {
    display: block;
    width: 40%
}

.Login-on-left[data-v-01f3a990] .LazyImage {
    border-radius: 0
}

.Login-on-left[data-v-01f3a990] .LazyImage img {
    transform: scale(1.01) !important;
    height: 100%
}

.Login-on-left img[data-v-01f3a990] {
    width: 100%;
    height: 100%
}

.Login-on-right[data-v-01f3a990] {
    width: 60%;
    padding: 40px 60px;
    position: relative
}

.Login-on-right-title[data-v-01f3a990] {
    display: flex;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 24px;
    font-size: var(--fs-l);
    font-weight: var(--fw-medium);
    color: var(--one-level-text-color);
    line-height: var(--lh-normal)
}

.Login-on-right .login-btn[data-v-01f3a990] {
    position: relative;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: var(--fw-normal)
}

.Login-on-right .login-btn .btn-icon[data-v-01f3a990] {
    position: absolute;
    left: 16px;
    width: 24px;
    height: 24px;
    font-size: 24px
}

.Login-on-right .login-btn-a[data-v-01f3a990] {
    border: 1.5px solid var(--one-level-text-color);
    background-color: #fff;
    transition: .2s
}

.Login-on-right .login-btn-a[data-v-01f3a990]:hover {
    border: 1.5px solid var(--one-level-text-color);
    background-color: #1919191a
}

.Login-on-right .login-btn-a[data-v-01f3a990]:active {
    border: 1.5px solid var(--one-level-text-color);
    background-color: #191919;
    color: #fff
}

.Login-on-right .email-text[data-v-01f3a990] {
    font-size: var(--fs-base);
    font-weight: var(--fw-medium);
    color: var(--one-level-text-color);
    line-height: var(--lh-normal);
    margin-bottom: 12px
}

.Login-on-right .forget-pwd-link[data-v-01f3a990] {
    font-size: var(--fs-sm);
    font-weight: var(--fw-normal);
    color: var(--one-level-text-color);
    line-height: var(--lh-normal);
    text-align: right;
    text-decoration: underline;
    margin-top: 12px
}

.Login-on-right .forget-pwd-link span[data-v-01f3a990] {
    cursor: pointer
}

.Login-on-right .continue-btn[data-v-01f3a990] {
    border-radius: 8px
}

.Login-on-right .continue-btn--disabled[data-v-01f3a990] {
    background-color: #19191980 !important
}

.Login-on-right .or-divide[data-v-01f3a990] {
    text-align: center;
    margin: 40px 0 0;
    font-size: var(--fs-sm);
    font-weight: var(--fw-normal);
    color: var(--three-level-text-color);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.Login-on-right .or-divide[data-v-01f3a990]:before,
.Login-on-right .or-divide[data-v-01f3a990]:after {
    content: "";
    flex: 1;
    height: 1px;
    background: #e6e6e6
}

.Login-on-right .or-divide[data-v-01f3a990]:before {
    margin-right: 16px
}

.Login-on-right .or-divide[data-v-01f3a990]:after {
    margin-left: 16px
}

.Login-on-right .or-divide-line[data-v-01f3a990] {
    margin-top: 50px;
    height: 1px;
    background: #e6e6e6
}

.Login-on-right .text-link[data-v-01f3a990] {
    margin-top: 15px;
    margin-bottom: 84px;
    text-align: center;
    font-size: var(--fs-sm);
    font-weight: var(--fw-normal);
    color: var(--one-level-text-color);
    cursor: pointer;
    text-decoration: underline
}

.Login-on-right-input[data-v-01f3a990] {
    margin-top: 12px
}

.Login-on-right-input .validate[data-v-01f3a990] {
    position: relative
}

.Login-on-right-input .validate .err-msg[data-v-01f3a990] {
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #ff445d
}

.Login-on-right-input .validate .loginon-err[data-v-01f3a990] {
    margin-top: 8px
}

.Login-on-right-input .validate[data-v-01f3a990] .p-input-box {
    padding-left: 16px;
    border-radius: 8px;
    height: 48px;
    transition: all .3s ease-in-out;
    border: 1px solid #191919
}

.Login-on-right-input .validate[data-v-01f3a990] .p-input-box input {
    font-size: var(--fs-base);
    font-weight: var(--fw-normal);
    text-align: left;
    color: var(--one-level-text-color);
    line-height: var(--lh-normal)
}

.Login-on-right-input[data-v-01f3a990]:nth-child(2) {
    margin-top: 10px
}

.Login-on-right-footer[data-v-01f3a990] {
    max-width: 360px;
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center
}

.Login-on-right-policy[data-v-01f3a990] {
    font-size: var(--fs-xsm);
    font-weight: var(--fw-normal);
    color: var(--three-level-text-color)
}

.Login-on-right[data-v-01f3a990] .p-button {
    margin-top: 20px;
    width: 100%;
    height: 48px;
    font-size: 16px
}

.Login-on.ai-background-style[data-v-01f3a990] .p-input-box:hover,
.Login-on.ai-background-style[data-v-01f3a990] .p-input-box:active {
    border: 1px solid #191919 !important
}

.err-style[data-v-01f3a990] {
    border: 1px solid #ff445d !important
}

a.a-link[data-v-01f3a990] {
    color: var(--one-level-text-color);
    text-decoration: underline
}

a.a-link[data-v-01f3a990]:link {
    color: var(--primary-color)
}

a.a-link[data-v-01f3a990]:active {
    color: #59299f;
    text-decoration: none
}

@media screen and (max-width: 980px) {
    [data-v-01f3a990] .b-dialog-wrapper {
        min-width: 80vw !important;
        max-width: 80vw !important;
        min-height: auto;
        border-radius: 12px
    }

    [data-v-01f3a990] .b-dialog-wrapper .close-icon {
        right: 16px !important;
        top: 16px !important;
        width: 28px !important;
        height: 28px !important
    }

    [data-v-01f3a990] .b-dialog-wrapper .close-icon i {
        font-size: 20px !important
    }

    .Login-on[data-v-01f3a990] {
        min-width: 295px;
        min-height: 350px;
        height: auto;
        width: 100%;
        margin: 0 auto
    }

    .Login-on-left[data-v-01f3a990] {
        display: none
    }

    .Login-on-right[data-v-01f3a990] {
        width: 100%;
        padding: 24px 20px;
        position: relative
    }

    .Login-on-right .main-input-warp[data-v-01f3a990] {
        height: auto !important
    }

    .Login-on-right-title[data-v-01f3a990] {
        margin-top: 0;
        font-size: 20px;
        line-height: 30px;
        font-weight: var(--fw-medium)
    }

    .Login-on-right-input .validate .p-input-box[data-v-01f3a990] {
        padding-left: 10px;
        height: 44px
    }

    .Login-on-right-input .validate .p-input-box img[data-v-01f3a990] {
        width: 20px
    }

    .Login-on-right-input .validate .p-input-box[data-v-01f3a990] input {
        font-size: 14px
    }

    .Login-on-right-input .validate .err-msg[data-v-01f3a990] {
        font-size: 12px
    }

    .Login-on-right-policy[data-v-01f3a990] {
        padding: 24px 20px;
        font-weight: var(--fw-normal)
    }

    .Login-on-right-policy .a-link[data-v-01f3a990] {
        color: #4c4c4c
    }

    .Login-on-right .login-btn .btn-icon[data-v-01f3a990] {
        width: 16px;
        height: 16px;
        font-size: 16px
    }

    .Login-on-right .p-button[data-v-01f3a990] {
        margin-top: 12px;
        min-height: 44px;
        height: auto;
        font-size: var(--fs-sm);
        white-space: pre-wrap
    }

    .Login-on-right .use-code-btn[data-v-01f3a990] {
        margin-bottom: 84px
    }

    .Login-on-right-footer[data-v-01f3a990] {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
    }

    .Login-on-right-footer-right[data-v-01f3a990] {
        text-align: center
    }

    .Login-on-right-footer-right a[data-v-01f3a990] {
        font-size: 12px
    }

    .Login-on-right-footer-right a.a-link[data-v-01f3a990] {
        color: #4c4c4c
    }
}

.ja-btn[data-v-1a0d42ae] {
    position: relative;
    width: 100%;
    height: var(--height);
    border-radius: var(--radius);
    border: .5px solid var(--border-color);
    background: var(--bg);
    color: var(--text-color);
    display: flex;
    align-items: center;
    padding: 0 15px;
    box-sizing: border-box;
    cursor: pointer;
    transition: background .2s ease, opacity .2s ease
}

.ja-btn[data-v-1a0d42ae]:hover {
    background: var(--hover-bg)
}

.ja-btn[data-v-1a0d42ae]:active {
    background: var(--active-bg)
}

.ja-btn.is-disabled[data-v-1a0d42ae],
.ja-btn.is-loading[data-v-1a0d42ae] {
    cursor: not-allowed;
    opacity: .7
}

.ja-btn.is-disabled[data-v-1a0d42ae]:hover,
.ja-btn.is-loading[data-v-1a0d42ae]:hover {
    background: var(--bg)
}

.ja-btn__icon[data-v-1a0d42ae] {
    display: flex;
    align-items: center;
    margin-right: 10px
}

.ja-btn__text[data-v-1a0d42ae] {
    flex: 1;
    text-align: center;
    font-size: 15px;
    line-height: 1;
    white-space: nowrap
}

.ja-btn__spinner[data-v-1a0d42ae] {
    width: 14px;
    height: 14px;
    display: inline-block;
    border: 2px solid rgba(0, 0, 0, .2);
    border-top-color: #0009;
    border-radius: 50%;
    animation: ja-spin-1a0d42ae .8s linear infinite
}

@keyframes ja-spin-1a0d42ae {
    to {
        transform: rotate(360deg)
    }
}

.ja-login[data-v-3bde8247] {
    width: 750px;
    min-width: 750px;
    min-height: 520px;
    height: 520px;
    display: flex;
    overflow: hidden;
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat
}

.ja-login__left[data-v-3bde8247] {
    position: relative;
    width: 475px;
    height: 100%
}

.ja-login__right[data-v-3bde8247] {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.ja-login__right .glass[data-v-3bde8247] {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 300px;
    height: 470px;
    border-radius: 10px;
    background: #ffffff80;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    box-sizing: border-box;
    padding: 20px 25px;
    display: flex;
    flex-direction: column
}

.ja-login__right .glass__title[data-v-3bde8247] {
    font-size: 20px;
    font-weight: 700;
    color: #535353;
    margin-top: 20px;
    margin-left: 30px
}

.ja-login__right .glass .ja-jp-input-wrap[data-v-3bde8247] {
    width: 250px;
    margin: 0 auto
}

.ja-login__right .glass .input-email-login[data-v-3bde8247] {
    margin-bottom: 50px
}

.ja-login__right .glass[data-v-3bde8247] .p-input-box {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #797979;
    padding-left: 15px;
    background: unset
}

.ja-login__right .glass[data-v-3bde8247] .p-input-box input::placeholder {
    color: #777;
    font-size: 12px
}

.ja-login__right .glass .ja-jp-cta.p-button[data-v-3bde8247] {
    width: 100%;
    height: 30px;
    border-radius: 5px;
    background: #b14bff;
    font-size: 12px;
    font-weight: 700
}

.ja-login__right .glass .ja-jp-cta.p-button[data-v-3bde8247]:hover {
    background: #b070ff
}

.ja-login__right .glass .ja-jp-password[data-v-3bde8247] {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.ja-login__right .glass .ja-jp-password .email-text[data-v-3bde8247] {
    font-size: 12px;
    color: #535353
}

.ja-login__right .glass .ja-jp-password[data-v-3bde8247] .p-button {
    width: 100%;
    height: 30px
}

.ja-login__right .glass .ja-jp-password .forget-pwd-link[data-v-3bde8247] {
    margin-top: 4px;
    font-size: 10px
}

.ja-login__right .glass .ja-jp-password .forget-pwd-link>span[data-v-3bde8247] {
    cursor: pointer
}

.ja-login__right .glass .ja-validate .err-msg[data-v-3bde8247] {
    font-size: 12px;
    color: #ff445d
}

.ja-login__right .glass__btns[data-v-3bde8247] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px
}

.ja-login__right .glass__btns .btn-row[data-v-3bde8247] {
    width: 100%
}

.ja-login__right .glass__btns .btn-row .btn[data-v-3bde8247] {
    position: relative;
    height: 40px;
    border-radius: 5px;
    border: .5px solid #797979;
    display: flex;
    align-items: center;
    padding: 0 15px;
    box-sizing: border-box;
    cursor: default
}

.ja-login__right .glass__btns .btn-row .btn .btn__icon-wrap[data-v-3bde8247] {
    flex: 2
}

.ja-login__right .glass__btns .btn-row .btn .btn__icon[data-v-3bde8247] {
    width: 25px;
    object-fit: contain;
    display: block
}

.ja-login__right .glass__btns .btn-row .btn .btn__text[data-v-3bde8247] {
    flex: 7;
    text-align: center;
    font-size: 15px;
    color: #323139;
    line-height: 1;
    white-space: nowrap
}

.ja-login__right .glass .glass__footer[data-v-3bde8247] {
    margin-top: auto;
    margin-bottom: 30px;
    text-align: center;
    font-size: 10px;
    color: #000
}

.ja-login__right .glass .ja-jp-footer-link[data-v-3bde8247] {
    color: #3164ff;
    font-family: Noto Sans;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.ja-login__right .or-divide[data-v-3bde8247] {
    text-align: center;
    margin: 40px 0 0;
    font-size: 12px;
    font-weight: var(--fw-normal);
    color: var(--three-level-text-color);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.ja-login__right .or-divide[data-v-3bde8247]:before,
.ja-login__right .or-divide[data-v-3bde8247]:after {
    content: "";
    flex: 1;
    height: 1px;
    background: #e6e6e6
}

.ja-login__right .or-divide[data-v-3bde8247]:before {
    margin-right: 16px
}

.ja-login__right .or-divide[data-v-3bde8247]:after {
    margin-left: 16px
}

.ja-login__right .or-divide-line[data-v-3bde8247] {
    margin-top: 50px;
    height: 1px;
    background: #e6e6e6
}

.ja-login__right .use-code-btn[data-v-3bde8247] {
    border: 1px solid #191919;
    font-size: 12px;
    font-weight: 400
}

[data-v-3bde8247] .b-dialog-wrapper .close-icon .p-icon-close {
    color: #9f9f9f
}

@media screen and (max-width: 980px) {
    [data-v-3bde8247] .b-dialog-wrapper {
        min-width: 86vw !important;
        max-width: 86vw !important;
        border-radius: 12px
    }

    .ja-login[data-v-3bde8247] {
        min-width: 295px;
        min-height: 420px;
        height: auto;
        width: 100%;
        margin: 0 auto;
        background-image: none
    }

    .ja-login__left[data-v-3bde8247] {
        display: none
    }

    .ja-login__right .glass__title[data-v-3bde8247] {
        margin-top: 0
    }

    .ja-login__right .glass[data-v-3bde8247] {
        position: static;
        width: 100%;
        height: auto;
        margin: 0;
        background: unset
    }

    .ja-login__right .glass .ja-jp-input-wrap[data-v-3bde8247] {
        width: 100%
    }

    .ja-login__right .glass .glass__footer[data-v-3bde8247] {
        margin-top: 30px;
        margin-bottom: 0
    }

    .ja-login__right .ja-jp-password .forget-pwd-link[data-v-3bde8247] {
        font-size: 10px
    }
}

.err-style[data-v-3bde8247] {
    border: 1px solid #ff445d !important
}

.btn.is-loading[data-v-3bde8247] {
    opacity: .7;
    cursor: progress
}

.btn.is-disabled[data-v-3bde8247] {
    opacity: .5;
    cursor: not-allowed
}

/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: HelveticaLTWXX-Roman by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/helvetica/pro-regular/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * 
 * 
 * 
 * © 2020 MyFonts Incn*/
@font-face {
    font-family: AvenirNext;
    font-weight: 600;
    font-style: normal;
    src: url(https://cloud.pacdora.com/font/AvenirNextDemi/font.woff2) format("woff2"), url(https://cloud.pacdora.com/font/AvenirNextDemi/font.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: AvenirNext;
    font-weight: 300;
    font-style: normal;
    src: url(https://cloud.pacdora.com/font/AvenirNextThin/font.woff2) format("woff2"), url(https://cloud.pacdora.com/font/AvenirNextThin/font.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: AvenirNext;
    font-weight: 500;
    font-style: normal;
    src: url(https://cloud.pacdora.com/font/AvenirNextMedium/font.woff2) format("woff2"), url(https://cloud.pacdora.com/font/AvenirNextMedium/font.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: AvenirNext;
    font-weight: 700;
    font-style: italic;
    src: url(https://cloud.pacdora.com/font/AvenirNextBoldItalic/font.woff2) format("woff2"), url(https://cloud.pacdora.com/font/AvenirNextBoldItalic/font.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: AvenirNext;
    font-weight: 600;
    font-style: italic;
    src: url(https://cloud.pacdora.com/font/AvenirNextDemiItalic/font.woff2) format("woff2"), url(https://cloud.pacdora.com/font/AvenirNextDemiItalic/font.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: AvenirNext;
    font-weight: 800;
    font-style: italic;
    src: url(https://cloud.pacdora.com/font/AvenirNextHeavyItalic/font.woff2) format("woff2"), url(https://cloud.pacdora.com/font/AvenirNextHeavyItalic/font.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: AvenirNext;
    font-weight: 700;
    font-style: normal;
    src: url(https://cloud.pacdora.com/font/AvenirNextBold/font.woff2) format("woff2"), url(https://cloud.pacdora.com/font/AvenirNextBold/font.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: AvenirNext;
    font-style: italic;
    font-weight: 500;
    src: url(https://cloud.pacdora.com/font/AvenirNextMediumItalic/font.woff2) format("woff2"), url(https://cloud.pacdora.com/font/AvenirNextMediumItalic/font.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: AvenirNext;
    font-weight: 400;
    font-style: normal;
    src: url(https://cloud.pacdora.com/font/AvenirNextRegular/font.woff2) format("woff2"), url(https://cloud.pacdora.com/font/AvenirNextRegular/font.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: AvenirNext;
    font-weight: 800;
    font-style: normal;
    src: url(https://cloud.pacdora.com/font/AvenirNextHeavy/font.woff2) format("woff2"), url(https://cloud.pacdora.com/font/AvenirNextHeavy/font.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: AvenirNext;
    font-weight: 300;
    font-style: italic;
    src: url(https://cloud.pacdora.com/font/AvenirNextThinItalic/font.woff2) format("woff2"), url(https://cloud.pacdora.com/font/AvenirNextThinItalic/font.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: AvenirNext;
    font-weight: 400;
    font-style: italic;
    src: url(https://cloud.pacdora.com/font/AvenirNextItalic/font.woff2) format("woff2"), url(https://cloud.pacdora.com/font/AvenirNextItalic/font.woff) format("woff");
    font-display: swap
}

.fs-14 {
    font-size: 14px
}

.fs-18 {
    font-size: 18px
}

.fs-20 {
    font-size: 20px
}

.fs-24 {
    font-size: 24px
}

.fs-48 {
    font-size: 48px
}

.b-img-wrapper {
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.b-img-wrapper img {
    max-width: 100%;
    max-height: 100%
}

.b-img-wrapper.is-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.bd-r16 {
    border-radius: 16px
}

.mt-12 {
    margin-top: 12px
}

.mb-12 {
    margin-bottom: 12px
}

.mt-8 {
    margin-top: 8px
}

.mt-16 {
    margin-top: 16px
}

.mt-20 {
    margin-top: 20px
}

.mt-32 {
    margin-top: 32px
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mt-64 {
    margin-top: 64px
}

.mt-80 {
    margin-top: 80px
}

.mt-90 {
    margin-top: 90px
}

.mt-100 {
    margin-top: 100px
}

.mt-150 {
    margin-top: 150px
}

.mb-4 {
    margin-bottom: 4px
}

.mb-8 {
    margin-bottom: 8px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-100 {
    margin-bottom: 100px
}

.ml-10 {
    margin-left: 10px
}

.ml-8 {
    margin-left: 8px
}

.ml-40 {
    margin-left: 40px
}

.mr-4 {
    margin-right: 4px
}

.pt-50 {
    padding-top: 50px
}

.pr-16 {
    padding-right: 16px
}

.txt-center {
    text-align: center
}

/* .row {
	display: flex
} */

.row.sb {
    justify-content: space-between
}

.pac-ell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pac-ell-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

@media screen and (max-width: 979px) {
    .desktop-only {
        display: none !important
    }
}

@media screen and (min-width: 980px) {
    .mobile-only {
        display: none !important
    }
}

@keyframes animation-in-up {
    0% {
        transform: translateY(30px);
        opacity: 0;
        visibility: hidden
    }

    to {
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }
}

.box-animation {
    animation: animation-in-up 1s
}

.base-animation-style {
    opacity: 0
}

.opacity {
    opacity: 1
}

body {
  

    font-size: var(--fs-base);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal)
}

.grecaptcha-badge {
    display: none !important
}

body {
    --pac-font-family: "Gilroy";
    --fs-xsm: 12px;
    --fs-sm: 14px;
    --fs-base: 16px;
    --fs-lg: 20px;
    --fs-l: 24px;
    --fs-xl: 28px;
    --fs-2xl: 32px;
    --fs-3xl: 40px;
    --fs-4xl: 48px;
    --fs-5xl: 56px;
    --fs-6xl: 64px;
    --fs-7xl: 72px;
    --fs-8xl: 96px;
    --fs-9xl: 110px;
    --fw-bold: 600;
    --fw-medium: 500;
    --fw-normal: 400;
    --fw-light: 300;
    --lh-none: 1;
    --lh-s: 1.1;
    --lh-m: 1.2;
    --lh-tight: 1.3;
    --lh-normal: 1.5;
    --lh-loose: 2;
    --dialog-tab-title-fs: 16px;
    --dialog-tab-content-fc: #4c4c4c;
    --small-font-color: #7f7f7f;
    --normal-font-color: #191919;
    --dialog-tab-title-margin: 8px 0
}

.pac-font-T0 {
    font-size: var(--fs-5xl);
    font-weight: var(--fw-bold);
    line-height: var(--lh-normal)
}

.pac-font-T1 {
    font-size: var(--fs-4xl);
    font-weight: var(--fw-medium);
    line-height: var(--lh-normal)
}

.pac-font-T2 {
    font-size: var(--fs-2xl);
    font-weight: var(--fw-medium);
    line-height: var(--lh-normal)
}

.pac-font-T3 {
    font-size: var(--fs-lg);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal)
}

.pac-font-T4 {
    font-size: var(--fs-base);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal)
}

.pac-font-T5 {
    font-size: var(--fs-sm);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal)
}

.pac-bg-color-control-h-a:hover {
    background-color: var(--primary-background-hover)
}

.pac-bg-color-control-h-a:active {
    background-color: var(--primary-background-active)
}

.pac-fs-sm-class {
    font-size: var(--fs-sm)
}

.pac-fs-base-class {
    font-size: var(--fs-base)
}

.neo-border-transparent {
    border: 1px solid transparent
}

[color-theme=cyan][background-theme=default] {
    --primary-color: #07c5ac;
    --primary-color-hover: #00bda4;
    --primary-color-hover-pure: var(--primary-color-hover);
    --primary-color-active: #0cad99;
    --secondary-background: #eefcf9;
    --secondary-background-pure: var(--secondary-background);
    --secondary-background-hover: #defcf5;
    --secondary-background-active: #d8faf2;
    --auxiliary-background: #c2f6eb;
    --stroke-active: #65d4bf;
    --stroke-active-pure: var(--stroke-active);
    --primary-btn-bg: var(--primary-color);
    --primary-btn-hover: var(--primary-color-hover);
    --primary-btn-active: var(--primary-color-active);
    --primary-btn-disable: var(--primary-color-disable);
    --text-icon-color: #65d4bf;
    --accent-color: var(--primary-color);
    --loading-color: var(--primary-color)
}

[color-theme=cyan][background-theme=dark] {
    --primary-color: #0aae9a;
    --primary-color-hover: #07a28c;
    --primary-color-hover-pure: var(--primary-color-hover);
    --primary-color-active: #45d1bb;
    --primary-color-disable: rgba(0, 201, 146, .11);
    --secondary-background: #112823;
    --secondary-background-pure: var(--secondary-background);
    --secondary-background-hover: #0f322c;
    --secondary-background-active: #103831;
    --auxiliary-background: #13433b;
    --stroke-active: #1f796b;
    --stroke-active-pure: var(--stroke-active);
    --primary-btn-bg: var(--primary-color);
    --primary-btn-hover: var(--primary-color-hover);
    --primary-btn-active: var(--primary-color-active);
    --primary-btn-disable: var(--primary-color-disable);
    --text-icon-color: #73d1be;
    --accent-color: linear-gradient(95deg, #6fb3ff -27.55%, var(--primary-color) 124.59%);
    --loading-color: var(--primary-background-light);
    --ai-search-keywords-background-hover: rgba(19, 194, 194, .1);
    --ai-search-keywords-background-active: rgba(19, 194, 194, .2);
    --ai-search-keywords-background-text: linear-gradient(101deg, #06b3b3 6.18%, #42bdb6 52.33%, #0b9195 91.7%);
    --ai-search-keywords-background-text-hover-active: linear-gradient(101deg, #03dfdf 6.18%, #67e6df 52.33%, #3ad3d9 91.7%)
}

[color-theme=green][background-theme=default] {
    --primary-color: #acf454;
    --primary-color-hover: #9feb35;
    --primary-color-hover-pure: var(--primary-color-hover);
    --primary-color-active: #8cdf16;
    --secondary-background: #f5ffe9;
    --secondary-background-pure: var(--secondary-background);
    --secondary-background-2: #d8f2c0;
    --secondary-background-hover: #ecfbde;
    --secondary-background-active: #e2f7cf;
    --auxiliary-background: var(--secondary-background-active);
    --stroke-active: #75ca12;
    --stroke-active-pure: var(--stroke-active);
    --primary-btn-bg: var(--primary-color);
    --primary-btn-hover: var(--primary-color-hover);
    --primary-btn-active: var(--primary-color-active);
    --primary-btn-disable: var(--primary-color-disable);
    --text-icon-color: #5ea110;
    --accent-color: linear-gradient(92deg, #b6ff60 .87%, #82ffc6 100%);
    --loading-color: var(--primary-color)
}

[color-theme=green][background-theme=dark] {
    --primary-color: #9adb4d;
    --primary-color-hover: #91d041;
    --primary-color-hover-pure: var(--primary-color-hover);
    --primary-color-active: #a6e164;
    --secondary-background: #28321f;
    --secondary-background-pure: var(--secondary-background);
    --secondary-background-2: #445b2c;
    --secondary-background-hover: #2e3c20;
    --secondary-background-active: #3b4e27;
    --auxiliary-background: var(--secondary-background-active);
    --stroke-active: #5a7b35;
    --stroke-active-pure: var(--stroke-active);
    --primary-btn-bg: var(--primary-color);
    --primary-btn-hover: var(--primary-color-hover);
    --primary-btn-active: var(--primary-color-active);
    --primary-btn-disable: var(--primary-color-disable);
    --text-icon-color: #b4e176;
    --accent-color: linear-gradient(92deg, #9bdb4d .87%, #89ffc9 100%);
    --loading-color: var(--primary-color)
}

[color-theme=purple][background-theme=default] {
    --primary-color: #8f47ff;
    --primary-color-hover: #823aec;
    --primary-color-hover-pure: var(--primary-color-hover);
    --primary-color-active: #7832dc;
    --secondary-background: #f8f5ff;
    --secondary-background-pure: var(--secondary-background);
    --secondary-background-hover: #f3eeff;
    --secondary-background-active: #f0eaff;
    --auxiliary-background: var(--secondary-background-active);
    --stroke-active: var(--primary-color);
    --stroke-active-pure: var(--stroke-active);
    --primary-btn-bg: var(--primary-color);
    --primary-btn-hover: var(--primary-color-hover);
    --primary-btn-active: var(--primary-color-active);
    --primary-btn-disable: var(--primary-color-disable);
    --text-icon-color: var(--primary-color);
    --accent-color: linear-gradient(92deg, var(primary-color) .87%, #823aec 100%);
    --loading-color: var(--primary-color)
}

[color-theme=blue][background-theme=default] {
    --primary-color: #007aff;
    --primary-color-hover: #006cf0;
    --primary-color-hover-pure: var(--primary-color-hover);
    --primary-color-active: #2868e3;
    --secondary-background: #f2f7ff;
    --secondary-background-pure: var(--secondary-background);
    --secondary-background-hover: #e9f3ff;
    --secondary-background-active: #e1f0fe;
    --auxiliary-background: #d1e7ff;
    --stroke-active: #689ffb;
    --stroke-active-pure: var(--stroke-active);
    --primary-btn-bg: var(--primary-color);
    --primary-btn-hover: var(--primary-color-hover);
    --primary-btn-active: var(--primary-color-active);
    --primary-btn-disable: var(--primary-color-disable);
    --text-icon-color: #0068eb;
    --accent-color: var(--primary-color);
    --loading-color: var(--primary-color);
    --ai-search-keywords-background-hover: #f0f7ff;
    --ai-search-keywords-background-active: #e0eeff;
    --ai-search-keywords-background-text: linear-gradient(101deg, #3d78ff 6.18%, #53a6ff 52.33%, #5266ff 91.7%);
    --ai-search-keywords-background-text-hover-active: linear-gradient(101deg, #0f57ff 6.18%, #3d84ff 52.33%, #2a43fe 91.7%)
}

.qy-msg-btn[data-v-2e0f5fd1] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 10;
    right: 30px;
    bottom: 20px;
    width: 48px;
    height: 48px;
    background: var(--primary-color);
    border-radius: 50%;
    cursor: pointer
}

.qy-msg-btn i[data-v-2e0f5fd1] {
    font-size: 24px;
    color: #fff
}

.login-limit[data-v-d42809aa] {
    width: 600px;
    padding: 32px 32px 48px;
    color: var(--one-level-text-color);
    line-height: var(--lh-normal)
}

.login-limit .dialog-title[data-v-d42809aa] {
    margin: 36px 24px 0;
    font-weight: var(--fw-normal)
}

.login-limit .confirm-btn[data-v-d42809aa] {
    margin: 48px auto 0;
    display: block;
    text-align: center;
    padding: 0 48px;
    height: 48px;
    border-radius: 8px;
    background-color: #191919
}

.Login-limit-dialog[data-v-d42809aa] .b-dialog-wrapper .close-icon {
    top: 32px;
    right: 32px
}

@media screen and (max-width: 980px) {
    .login-limit[data-v-d42809aa] {
        width: 78vw;
        min-width: 295px
    }

    .login-limit .dialog-title[data-v-d42809aa] {
        margin: 16px 0
    }

    [data-v-d42809aa] .b-dialog-wrapper {
        min-width: auto !important
    }

    [data-v-d42809aa] .b-dialog-wrapper .close-icon {
        right: 10px !important;
        top: 10px !important;
        width: 28px !important;
        height: 28px !important
    }

    [data-v-d42809aa] .b-dialog-wrapper .close-icon i {
        font-size: 20px !important
    }
}

.down-enter-from[data-v-62d0ccd2] {
    transform: translate3d(0, -75px, 0);
    opacity: 0
}

.down-enter-active[data-v-62d0ccd2] {
    transition: all .5s
}

.down-enter-to[data-v-62d0ccd2] {
    transform: none;
    opacity: 1
}

.my-message[data-v-62d0ccd2] {
    padding: 10px 16px;
    position: fixed;
    z-index: 999999999;
    left: 50%;
    top: 50px;
    border-radius: 8px;
    background: var(--reverse-background-color);
    box-shadow: 0 2px 10px #00000014;
    text-align: left;
    display: flex;
    align-items: center;
    transform: translate(-50%, -50%);
    min-height: 48px;
    font-size: var(--fs-base);
    font-weight: var(--fw-normal);
    color: var(--reverse-text-color);
    line-height: var(--lh-tight)
}

@media screen and (max-width: 979px) {
    .my-message[data-v-62d0ccd2] {
        padding: 8px 12px;
        min-height: 40px;
        top: unset;
        bottom: 70px;
        transform: translate(-50%);
        width: max-content;
        max-width: 80vw
    }

    .my-message .my-message__close[data-v-62d0ccd2] {
        color: var(--small-font-color);
        font-size: 12px;
        margin-left: 13px
    }
}

.my-message img[data-v-62d0ccd2] {
    margin-right: 2px;
    width: 20px
}

.my-message .text[data-v-62d0ccd2] {
    margin-left: 4px
}

.my-message .text--info[data-v-62d0ccd2] {
    margin-left: 0
}

.theme-light[data-v-62d0ccd2] {
    background: var(--primary-background-light);
    color: var(--one-level-text-color)
}

.theme-dark[data-v-62d0ccd2] {
    background: var(--reverse-background-color);
    color: var(--reverse-text-color)
}

.pacdora-tip {
    position: fixed;
    z-index: 1000;
    background: var(--background-color);
    color: var(--text-color);
    display: inline-block;
    border-radius: 4px;
    font-size: 12px;
    padding: 4px 8px
}

.pacdora-tip--default {
    --background-color: #fff;
    --text-color: rgba(0, 0, 0, .88)
}

.pacdora-tip--dark {
    --background-color: var(--reverse-background-color);
    --text-color: var(--reverse-text-color)
}

.pacdora-tip--assign--dark {
    --background-color: rgba(0, 0, 0, .88);
    --text-color: rgba(255, 255, 255, .9255)
}

.pacdora-tip--assign--light {
    --background-color: #fff;
    --text-color: #191919
}

.pacdora-tip:before {
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    border: solid 4px transparent
}

.pacdora-tip.top {
    transform: translate(-50%, -100%)
}

.pacdora-tip.top:before {
    bottom: -8px;
    right: 0;
    left: 0;
    margin: auto;
    border-top: solid 4px var(--background-color)
}

.pacdora-tip.topLeft:before {
    bottom: -8px;
    left: 8px;
    margin: auto;
    border-top: solid 4px var(--background-color)
}

.pacdora-tip.left {
    transform: translate(-100%, -50%)
}

.pacdora-tip.left:before {
    top: 0;
    bottom: 0;
    right: -8px;
    margin: auto;
    border-left: solid 4px var(--background-color)
}

.pacdora-tip.right {
    transform: translateY(-50%)
}

.pacdora-tip.right:before {
    top: 0;
    bottom: 0;
    left: -8px;
    margin: auto;
    border-right: solid 4px var(--background-color)
}

.pacdora-tip.rightBottom:before {
    top: 8px;
    left: -8px;
    margin: auto;
    border-right: solid 4px var(--background-color)
}

.pacdora-tip.bottom {
    transform: translate(-50%, 12px)
}

.pacdora-tip.bottom:before {
    top: -8px;
    right: 0;
    left: 0;
    margin: auto;
    border-bottom: solid 4px var(--background-color)
}

.pacdora-tip.bottomRight {
    transform: translateY(12px)
}

.pacdora-tip.bottomRight:before {
    top: -8px;
    left: var(--arrow-offset);
    margin: auto;
    border-bottom: solid 4px var(--background-color)
}

.pacdora-tip.bottomLeft {
    transform: translate(-100%, 12px)
}

.pacdora-tip.bottomLeft:before {
    top: -8px;
    right: var(--arrow-offset);
    transform: translate(50%);
    margin: auto;
    border-bottom: solid 4px var(--background-color)
}

.pacdora-tip.fade-in {
    animation: var(--animation-name) .3s cubic-bezier(0, .55, .54, 1.31)
}

.pacdora-tip-nowrap {
    white-space: nowrap
}

@keyframes bottom-fade-in {
    0% {
        opacity: 0;
        transform: scale(0) translate(-50%, 12px);
        transform-origin: 0 0
    }

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

@keyframes top-fade-in {
    0% {
        opacity: 0;
        transform: scale(0) translate(-50%, -100%);
        transform-origin: 0 0
    }

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

@keyframes left-fade-in {
    0% {
        opacity: 0;
        transform: scale(0) translate(-100%, -50%);
        transform-origin: 0 0
    }

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

@keyframes right-fade-in {
    0% {
        opacity: 0;
        transform: scale(0) translateY(-50%);
        transform-origin: 0 0
    }

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

@keyframes right-bottom-fade-in {
    0% {
        opacity: 0;
        transform: scale(0) translate(0);
        transform-origin: left top
    }

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

@keyframes top-left-fade-in {
    0% {
        opacity: 0;
        transform: scale(0);
        transform-origin: left bottom
    }

    to {
        opacity: 1;
        transform: scale(1);
        transform-origin: left bottom
    }
}

@keyframes top-right-fade-in {
    0% {
        opacity: 0;
        transform: scale(0);
        transform-origin: right bottom
    }

    to {
        opacity: 1;
        transform: scale(1);
        transform-origin: right bottom
    }
}

@keyframes bottom-left-fade-in {
    0% {
        opacity: 0;
        transform: scale(0) translate(-100%, 12px);
        transform-origin: left top
    }

    to {
        opacity: 1;
        transform: scale(1) translate(-100%, 12px);
        transform-origin: left top
    }
}

@keyframes bottom-right-fade-in {
    0% {
        opacity: 0;
        transform: scale(0) translateY(12px);
        transform-origin: left top
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(12px);
        transform-origin: left top
    }
}

.flip i[data-v-283a3102] {
    transform: rotate(180deg)
}

.pagination-box[data-v-283a3102] {
    display: flex;
    align-items: center;
    justify-content: center
}

.pagination-box .pagination-container[data-v-283a3102] {
    cursor: pointer
}

.pagination-box .pagination-container .pagination-item[data-v-283a3102] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    min-width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 14px;
    color: #4c4c4c;
    background-color: #fff;
    font-weight: 400;
    cursor: pointer;
    position: relative
}

.pagination-box .pagination-container .pagination-item[data-v-283a3102]:hover {
    background-color: #f9f9f9
}

.pagination-box .pagination-container .pagination-item[data-v-283a3102]:active {
    background-color: #e7e5ec;
    font-weight: 500
}

.pagination-box .pagination-container .pagination-item.active[data-v-283a3102] {
    background: #191919;
    color: #fff;
    font-weight: 600;
    border-color: transparent;
    cursor: default
}

.pagination-box .pagination-container .pagination-item.disabled[data-v-283a3102] {
    opacity: 0;
    pointer-events: none
}

.pagination-box .pagination-container .pagination-item.arrow[data-v-283a3102] {
    overflow: hidden
}

.pagination-box .pagination-container .pagination-item i[data-v-283a3102]:not(.more) {
    font-size: 20px
}

.pagination-box .pagination-container .pagination-item i.arrow[data-v-283a3102] {
    color: #191919
}

.pagination-box .pagination-container .pagination-item .tooltip[data-v-283a3102] {
    white-space: nowrap;
    padding: 1px 6px;
    position: absolute;
    bottom: -30px;
    background: #ffffffbf;
    border-radius: 6px;
    box-shadow: 0 2px 6px #00000014;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #4c4c4c;
    line-height: 22px;
    opacity: 0;
    visibility: hidden
}

.pagination-box .pagination-container .pagination-item .tooltip-show[data-v-283a3102] {
    visibility: visible;
    transition: opacity .3s ease-in-out;
    opacity: 1
}

.pagination-box .pagination-container .pagination-item .tooltip-v2[data-v-283a3102] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

.pagination-box.neo-style .pagination-container:hover .pagination-item[data-v-283a3102]:not(.active) {
    border: 1.5px solid #191919;
    box-shadow: 3px 3px 0 0 var(--one-level-text-color);
    transform: translate(-3px, -3px)
}

.pagination-box.neo-style .pagination-container .pagination-item[data-v-283a3102] {
    border-radius: 8px;
    min-width: 40px;
    height: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    transition: border .1s linear, box-shadow .1s linear, transform .1s linear;
    border: 1px solid #191919
}

.pagination-box.neo-style .pagination-container .pagination-item[data-v-283a3102]:hover:not(.active) {
    background: #fff !important
}

.pagination-box.neo-style .pagination-container .pagination-item[data-v-283a3102]:active:not(.active) {
    background-color: #fff !important;
    transform: none !important;
    box-shadow: none !important
}

.pagination-box.neo-style .pagination-container .pagination-item.arrow i[data-v-283a3102] {
    font-size: 24px !important;
    color: var(--one-level-text-color) !important
}

.root[data-v-84d28c07] {
    flex: 1;
    display: flex;
    position: relative
}

.root .complete-list[data-v-84d28c07] {
    width: 100%;
    position: absolute;
    bottom: -10px;
    transform: translateY(100%);
    z-index: 10;
    max-height: 250px;
    margin-bottom: 0;
    padding: 4px 0;
    overflow: auto;
    list-style: none;
    outline: 0;
    background-color: #fff;
    box-shadow: 0 2px 8px #00000026;
    border-radius: 4px
}

.root .complete-list li[data-v-84d28c07] {
    position: relative;
    display: block;
    padding: 5px 12px;
    overflow: hidden;
    color: #000000a6;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: background .3s ease
}

.root .complete-list li[data-v-84d28c07]:hover {
    background-color: #f9f0ff
}

.root .input-suffix[data-v-84d28c07] {
    display: flex;
    position: absolute;
    align-items: center;
    right: 12px;
    top: 50%;
    transform: translateY(-50%)
}

.root .input-suffix .search[data-v-84d28c07] {
    font-size: 30px;
    color: var(--primary-color)
}

.root .input-suffix .clear[data-v-84d28c07] {
    font-size: 20px;
    color: #838383
}

.root .input-suffix i[data-v-84d28c07] {
    cursor: pointer
}

.side-root .side-item[data-v-9000be7f] {
    background: var(--primary-background-light);
    color: var(--one-level-text-color)
}

.side-root .side-item[data-v-9000be7f]:hover {
    color: var(--text-icon-color);
    background: var(--primary-background-light)
}

.side-root .side-item.active[data-v-9000be7f] {
    background: var(--secondary-background-active);
    color: var(--text-icon-color)
}

.side-root[data-v-9000be7f] {
    display: flex;
    align-items: center;
    height: 36px;
    width: 100%;
    border-radius: 36px
}

.side-root .side-item[data-v-9000be7f] {
    flex: 1;
    cursor: pointer;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    font-weight: 500
}

.side-root .side-item[data-v-9000be7f]:first-child {
    border-radius: 36px 0 0 36px;
    border-right: none
}

.side-root .side-item[data-v-9000be7f]:last-child {
    border-radius: 0 36px 36px 0
}

.side-root .side-item[data-v-9000be7f] .p-popover__trigger {
    display: inline-block
}

.side-root--square[data-v-9000be7f] {
    border: 1px solid var(--primary-background4);
    background: var(--primary-background3);
    font-weight: 500;
    border-radius: 6px;
    color: var(--one-level-text-color);
    overflow: hidden;
    text-align: center
}

.side-root--square .side-item[data-v-9000be7f] {
    background: transparent;
    border-radius: 0 !important;
    cursor: pointer
}

.side-root--square .side-item[data-v-9000be7f]:hover {
    color: var(--one-level-text-color);
    background: transparent
}

.side-root--square .side-item.active[data-v-9000be7f] {
    background: var(--primary-background3-active);
    cursor: default;
    color: var(--one-level-text-color)
}

.fade-enter-from[data-v-bf722f5d],
.fade-leave-to[data-v-bf722f5d] {
    opacity: 0
}

.fade-enter-active[data-v-bf722f5d],
.fade-leave-active[data-v-bf722f5d] {
    transition: all .3s
}

.zoom-enter-from[data-v-bf722f5d],
.zoom-leave-to[data-v-bf722f5d] {
    transform: translate(-50%, -50%) scale(0) translateY(0) !important;
    opacity: 0
}

.zoom-enter-active[data-v-bf722f5d],
.zoom-leave-active[data-v-bf722f5d] {
    transition: all .3s
}

.dialog .close-icon[data-v-bf722f5d] {
    color: var(--one-level-text-color)
}

.dialog .close-icon[data-v-bf722f5d]:hover {
    background: var(--primary-background-active)
}

.dialog .close-icon[data-v-bf722f5d]:active {
    background: var(--stroke-default)
}

.b-dialog[data-v-bf722f5d] {
    background: var(--menu-mask-color)
}

.b-dialog.b-dialog-dark[data-v-bf722f5d] {
    background: #0006
}

.b-dialog-wrapper[data-v-bf722f5d] {
    background: var(--primary-background-light)
}

.b-dialog[data-v-bf722f5d] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

.b-dialog-wrapper[data-v-bf722f5d] {
    position: fixed;
    left: 50%;
    min-width: 400px;
    min-height: 200px;
    transform: translate(-50%, -50%) scale(1);
    border-radius: 24px;
    overflow: hidden
}

.b-dialog-wrapper .close-icon[data-v-bf722f5d] {
    position: absolute;
    text-align: center;
    right: 32px;
    top: 30px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1
}

.b-dialog-wrapper .close-icon i[data-v-bf722f5d] {
    font-size: 25px
}

.b-dialog-flag[data-v-bf722f5d] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    pointer-events: none
}

.crumb-box[data-v-603fa785] {
    display: flex;
    align-items: center
}

.crumb-box[data-v-603fa785] .crumb-box-item {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: var(--h3-color)
}

.crumb-box[data-v-603fa785] .crumb-box-item .crumb-box-text {
    cursor: pointer;
    min-width: 80px
}

.crumb-box[data-v-603fa785] .crumb-box-item .crumb-box-text .loading-ani {
    width: 100%;
    margin-bottom: 0;
    border-radius: 14px
}

.crumb-box[data-v-603fa785] .crumb-box-item .crumb-box-text:hover {
    color: var(--primary-color)
}

.crumb-box[data-v-603fa785] .crumb-box-item .crumb-split {
    margin: 0 8px
}

.crumb-box[data-v-603fa785] .crumb-box-item:last-of-type .crumb-box-text {
    point-events: none;
    cursor: default;
    color: var(--h2-color)
}

.crumb-box[data-v-603fa785] .crumb-box-item:last-of-type .crumb-box-text:hover {
    color: inherit
}

.p-input-box[data-v-ba2b114c] {
    transition: .3s ease-in-out;
    border: solid 1px var(--stroke-default);
    display: flex;
    align-items: center;
    background: var(--primary-background-light)
}

.p-input-box--dark input[data-v-ba2b114c] {
    color: var(--one-level-text-color)
}

.p-input-box[data-v-ba2b114c]:hover {
    border: solid 1px var(--primary-color-hover)
}

.p-input-box[data-v-ba2b114c]:focus,
.p-input-box[data-v-ba2b114c]:focus-within {
    border: solid 1px var(--primary-color-active);
    background: var(--primary-background-light)
}

.p-input-box--assigned-dark[data-v-ba2b114c]:hover,
.p-input-box--assigned-dark[data-v-ba2b114c]:focus,
.p-input-box--assigned-dark[data-v-ba2b114c]:focus-within {
    border: solid 1px var(--one-level-text-color);
    background: var(--primary-background-light)
}

.p-input-box.sm[data-v-ba2b114c] {
    font-size: 12px;
    border-radius: 6px;
    height: 24px;
    padding: 0 8px
}

.p-input-box.md[data-v-ba2b114c] {
    border-radius: 8px;
    height: 32px;
    font-size: 14px;
    padding: 0 8px
}

.p-input-box.lg[data-v-ba2b114c] {
    border-radius: 8px;
    height: 40px;
    font-size: 14px;
    padding: 0 12px
}

.p-input-box.thin[data-v-ba2b114c] {
    border-radius: 6px;
    height: 36px;
    font-size: 14px;
    padding: 0 12px;
    line-height: 36px
}

.p-input-box.normal[data-v-ba2b114c] {
    border-radius: 8px;
    height: 40px;
    font-size: 14px;
    padding: 0 12px;
    line-height: 40px
}

.p-input-box.large[data-v-ba2b114c] {
    border-radius: 8px;
    height: 48px;
    font-size: 14px;
    padding: 9px 12px;
    line-height: 48px
}

.p-input-box input[data-v-ba2b114c] {
    border: none;
    outline: none;
    flex: 1;
    width: 0;
    background-color: transparent
}

.p-input-box input[data-v-ba2b114c]::input-placeholder {
    color: var(--input-placeholder-color)
}

.p-input-box input[data-v-ba2b114c]::-webkit-input-placeholder {
    color: var(--input-placeholder-color)
}

.p-input-box input[data-v-ba2b114c]::-moz-placeholder {
    color: var(--input-placeholder-color)
}

.p-input-box input[data-v-ba2b114c]::-ms-input-placeholder {
    color: var(--input-placeholder-color)
}

.p-input-box.theme-neo-style[data-v-ba2b114c]:hover,
.p-input-box.theme-neo-style[data-v-ba2b114c]:focus-within {
    border: 1px solid #191919 !important
}

.p-input-box.theme-neo-style[data-v-ba2b114c]:active {
    border: 1px solid #191919 !important
}

.clear[data-v-ba2b114c] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: background-color .2s ease;
    border-radius: 50%;
    margin-left: 24px
}

.clear i[data-v-ba2b114c] {
    font-size: 24px;
    color: var(--one-level-text-color);
    font-weight: 500
}

.clear i[data-v-ba2b114c]:before {
    width: 24px;
    height: 24px
}

.clear[data-v-ba2b114c]:hover {
    background-color: var(--primary-background-hover)
}

.clear[data-v-ba2b114c]:active {
    background-color: var(--primary-background-active)
}

.is-new.p-input-box[data-v-ba2b114c] {
    transition: .3s ease-in-out;
    width: 240px;
    border: solid 1px var(--stroke-default);
    display: flex;
    align-items: center
}

.is-new.p-input-box[data-v-ba2b114c]:hover {
    border: solid 1px var(--one-level-text-color);
    box-shadow: 0 2px 6px #5c1ee014
}

.is-new.p-input-box[data-v-ba2b114c]:focus-within {
    border: solid 1px var(--one-level-text-color);
    box-shadow: none
}

.p-input-box.disabled input[data-v-ba2b114c] {
    cursor: not-allowed
}

.is-new.p-input-box.disabled[data-v-ba2b114c] {
    cursor: not-allowed;
    background-color: var(--primary-background-active);
    border: 1px solid var(--stroke-default-light)
}

.is-new.p-input-box.disabled input[data-v-ba2b114c] {
    cursor: not-allowed;
    color: var(--disabled-text-color)
}

.is-new.p-input-box.disabled input[data-v-ba2b114c]::input-placeholder {
    color: var(--disabled-text-color)
}

.is-new.p-input-box.disabled input[data-v-ba2b114c]::-webkit-input-placeholder {
    color: var(--disabled-text-color)
}

.is-new.p-input-box.disabled input[data-v-ba2b114c]::-moz-placeholder {
    color: var(--disabled-text-color)
}

.is-new.p-input-box.disabled input[data-v-ba2b114c]::-ms-input-placeholder {
    color: var(--disabled-text-color)
}

.is-new.p-input-box.is-icon i[data-v-ba2b114c] {
    margin-right: 4px;
    font-size: 20px;
    color: #ccc
}

.is-new.no-border[data-v-ba2b114c] {
    background: #f8f7fa;
    border: none
}

.is-new.no-border input[data-v-ba2b114c] {
    transition: background-color .3s ease-in-out;
    background: #f8f7fa
}

.is-new.no-border[data-v-ba2b114c]:hover {
    background-color: #f3f2f5;
    border: none;
    box-shadow: none
}

.is-new.no-border:hover input[data-v-ba2b114c] {
    background-color: #f3f2f5
}

.is-new.no-border[data-v-ba2b114c]:focus-within {
    border: none
}

.is-new.no-border.disabled[data-v-ba2b114c] {
    cursor: not-allowed;
    border: none
}

.is-new.no-border.disabled input[data-v-ba2b114c] {
    cursor: not-allowed;
    background-color: #f8f7fa
}

.is-new.no-border.disabled[data-v-ba2b114c]:hover {
    background-color: #f8f7fa;
    border: none
}

.block-check-box[data-v-3d36c320] {
    display: inline-block;
    border: solid 1px var(--border-color);
    cursor: pointer
}

.block-check-box.sm[data-v-3d36c320] {
    border-radius: 4px
}

.block-check-box.sm[data-v-3d36c320]:after {
    border-radius: 4px
}

.block-check-box.md[data-v-3d36c320] {
    border-radius: 6px
}

.block-check-box.md[data-v-3d36c320]:after {
    border-radius: 6px
}

.block-check-box.lg[data-v-3d36c320] {
    border-radius: 8px
}

.block-check-box.lg[data-v-3d36c320]:after {
    border-radius: 8px
}

.block-check-box.active[data-v-3d36c320] {
    border: solid 1px var(--primary-color);
    position: relative
}

.block-check-box.active[data-v-3d36c320]:after {
    content: "";
    border: solid 2px var(--primary-color);
    width: 100%;
    height: 100%;
    position: absolute;
    left: -2px;
    top: -2px
}

.block-check-box.active[data-v-3d36c320]:before {
    content: "";
    bottom: 0;
    right: 0;
    border-top: 14px solid transparent;
    border-right: 14px solid var(--primary-color);
    border-bottom: 0;
    width: 0;
    height: 0;
    display: inline-block;
    position: absolute
}

.slider-tab-wrap[data-v-4457baef] {
    background: var(--primary-background);
    padding: 2px;
    border: 1px solid var(--stroke-default);
    width: 100%
}

.slider-tab-wrap__round[data-v-4457baef],
.slider-tab-wrap__round .slider-tab-box[data-v-4457baef] {
    border-radius: 18px
}

.slider-tab-wrap__round .active-box[data-v-4457baef] {
    border-radius: 15px
}

.slider-tab-wrap__square[data-v-4457baef],
.slider-tab-wrap__square .slider-tab-box[data-v-4457baef] {
    border-radius: 8px
}

.slider-tab-wrap__square .slider-tab-box .active-box[data-v-4457baef] {
    border-radius: 6px
}

.slider-tab-wrap--transition .slider-tab-box .slider-tab-item[data-v-4457baef] {
    transition: color .3s
}

.slider-tab-wrap--transition .slider-tab-box .active-box[data-v-4457baef] {
    transition: left .3s
}

.slider-tab-wrap.slider-tab-wrap__primary-new-1[data-v-4457baef] {
    background: var(--primary-background)
}

.slider-tab-wrap.slider-tab-wrap__primary-new-1 .slider-tab-box .active-box[data-v-4457baef] {
    background: var(--primary-color)
}

.slider-tab-wrap.slider-tab-wrap__minor-2[data-v-4457baef] {
    background: #fff
}

.slider-tab-wrap.slider-tab-wrap__minor-2 .slider-tab-box .active-box[data-v-4457baef] {
    background: #191919
}

.slider-tab-wrap .slider-tab-box[data-v-4457baef] {
    position: relative;
    display: flex;
    align-items: center
}

.slider-tab-wrap .slider-tab-box .slider-tab-item[data-v-4457baef] {
    font-size: var(--fs-sm);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    width: 0;
    flex: 1;
    color: var(--one-level-text-color);
    text-align: center;
    height: 30px;
    line-height: 30px;
    z-index: 1;
    cursor: pointer;
    transition: color .3s;
    padding: 0 4px
}

.slider-tab-wrap .slider-tab-box .slider-tab-item.active[data-v-4457baef] {
    color: #fff
}

.slider-tab-wrap .slider-tab-box .active-box[data-v-4457baef] {
    box-shadow: 0 0 4px #0000001f;
    background: var(--accent-color);
    display: inline-block;
    position: absolute;
    top: 0;
    height: 30px;
    z-index: 1
}

.slider-tab-wrap--lg[data-v-4457baef] {
    padding: 3px;
    border-radius: 46px
}

.slider-tab-wrap--lg .active-box[data-v-4457baef] {
    height: 36px !important;
    border-radius: 46px !important
}

.slider-tab-wrap--lg .slider-tab-item[data-v-4457baef] {
    height: 36px !important;
    line-height: 36px !important
}

.number-input-box--disabled[data-v-130890b6] {
    cursor: not-allowed
}

.number-input-box[data-v-130890b6] input {
    text-align: center
}

.number-input-box[data-v-130890b6] input[type=number]::-webkit-outer-spin-button,
.number-input-box[data-v-130890b6] input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.number-control[data-v-130890b6] {
    cursor: pointer;
    color: var(--one-level-text-color)
}

.number-control[data-v-130890b6]:hover {
    color: var(--primary-color)
}

.number-control.disabled[data-v-130890b6] {
    color: #e0e0e0;
    cursor: not-allowed
}

.arrow-icon[data-v-ae23a676] {
    margin-left: auto;
    transition: transform .5s ease;
    font-size: 20px;
    transform: rotate(180deg)
}

.arrow-icon.active[data-v-ae23a676] {
    transform: rotate(0)
}

.tree-select-box[data-v-ae23a676] {
    border: solid 1px var(--border-color)
}

.tree-select-box__loading[data-v-ae23a676] {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffffb3;
    z-index: 11
}

.tree-select-box--click[data-v-ae23a676]:hover,
.tree-select-box.active[data-v-ae23a676] {
    border: solid 1px var(--primary-color)
}

.tree-select-box--hover.active[data-v-ae23a676] {
    background: #f8f7fa;
    border: 1px solid transparent !important
}

.tree-select-box--loading[data-v-ae23a676] {
    cursor: not-allowed;
    border: solid 1px var(--border-color) !important
}

.tree-select-box.sm[data-v-ae23a676] {
    font-size: 12px;
    border-radius: 2px;
    height: 24px;
    padding: 0 8px
}

.tree-select-box.md[data-v-ae23a676] {
    border-radius: 4px;
    height: 32px;
    font-size: 14px;
    padding: 0 12px
}

.tree-select-box.lg[data-v-ae23a676] {
    border-radius: 8px;
    height: 40px;
    font-size: 16px;
    padding: 0 12px
}

.tree-select-box .tree-select-header[data-v-ae23a676] {
    z-index: 998;
    display: flex;
    font-weight: 500;
    color: #191919;
    font-size: 16px;
    align-items: center;
    height: 100%;
    cursor: pointer
}

.tree-select-box .tree-select-header .tree-select-value[data-v-ae23a676] {
    width: 0;
    flex: 1
}

.tree-select-body[data-v-ae23a676] {
    z-index: 998;
    padding-top: 4px
}

.tree-select-body .tree-select-body-content[data-v-ae23a676] {
    border-radius: 8px;
    box-shadow: 0 2px 8px 0 var(--shadow-color)
}

.tree-select-body .tree-select-item[data-v-ae23a676] {
    cursor: pointer;
    font-size: 14px;
    color: var(--h2-color);
    position: relative
}

.tree-select-body .tree-select-item--active .tree-select-item-header[data-v-ae23a676] {
    background: var(--primary-background-active) !important
}

.tree-select-body .tree-select-item .tree-select-item-header[data-v-ae23a676] {
    background-color: #fff;
    padding: 12px
}

.tree-select-body .tree-select-item .tree-select-item-header[data-v-ae23a676]:hover {
    background: var(--primary-background-hover)
}

.tree-select-body .tree-select-item .tree-select-item-header.disabled[data-v-ae23a676] {
    background: var(--assist-disable);
    color: var(--disabled-text-color)
}

.tree-select-body .tree-select-item:first-of-type .tree-select-item-header[data-v-ae23a676] {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.tree-select-body .tree-select-item:last-of-type:not(.tree-select-item--has-tail) .tree-select-item-header[data-v-ae23a676] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.tree-select-body .tree-select-item .tree-select-item-body[data-v-ae23a676] {
    position: absolute;
    top: 100%;
    padding: 0 4px;
    transform: translateY(-100%);
    max-height: 240px;
    border-radius: 8px
}

.tree-select-body .tree-select-item .tree-select-item-body .scroll-box[data-v-ae23a676] {
    box-shadow: 0 2px 6px #00000014;
    border-radius: 8px;
    background: #fff
}

.tree-select-body .tree-select-item .tree-select-item-body-content[data-v-ae23a676] {
    border-radius: 8px;
    max-height: 240px;
    overflow-y: auto;
    overflow-x: hidden
}

.tree-select-body .tree-select-item .tree-select-item-body-content[data-v-ae23a676]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
}

.tree-select-body .tree-select-item .tree-select-item-body-content[data-v-ae23a676]::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #00000059
}

.tree-select-body .tree-select-item .tree-select-item-body-content[data-v-ae23a676]::-webkit-scrollbar-thumb:hover {
    background-color: #0003
}

.tree-select-body .tree-select-item .tree-select-item-body-content[data-v-ae23a676]::-webkit-scrollbar-track {
    background-color: transparent
}

.tree-select-body .tree-select-item .tree-select-item-body-content .tree-item[data-v-ae23a676] {
    padding: 12px;
    width: 100%
}

.tree-select-body .tree-select-item .tree-select-item-body-content .tree-item[data-v-ae23a676]:hover {
    background: var(--primary-background-hover)
}

.tree-select-body .tree-select-item .tree-select-item-body-content .tree-item[data-v-ae23a676]:active,
.tree-select-body .tree-select-item .tree-select-item-body-content .tree-item--active[data-v-ae23a676] {
    background: var(--primary-background-active)
}

.tree-select-body .tree-select-item .tree-select-item-body-content .tree-item.disabled[data-v-ae23a676] {
    background: var(--assist-disable);
    color: var(--disabled-text-color)
}

.slider-box-outer.dark.disabled .slider-box[data-v-769097ed] {
    background: var(--stroke-default)
}

.slider-box-outer.dark.disabled .slider-box .pointer[data-v-769097ed] {
    background: var(--primary-background-light)
}

.slider-box-outer.dark .slider-box[data-v-769097ed] {
    background: var(--stroke-default)
}

.slider-box-outer.dark .slider-box .pointer[data-v-769097ed] {
    background: var(--primary-background-light);
    transition: background .1s;
    border-color: var(--two-level-text-color)
}

.slider-box-outer.dark .slider-box .pointer.is-dragging[data-v-769097ed],
.slider-box-outer.dark .slider-box .pointer[data-v-769097ed]:hover {
    background: var(--one-level-text-color)
}

.slider-box-outer.dark[data-v-769097ed] .p-input-box {
    border: 1px solid var(--disabled-text-color);
    color: var(--one-level-text-color)
}

.slider-box-outer.dark[data-v-769097ed] .p-input-box input {
    color: var(--one-level-text-color)
}

.slider-box-outer.dark[data-v-769097ed] .p-input-box:hover {
    border: 1px solid var(--primary-color)
}

.slider-box-outer.disabled .slider-box[data-v-769097ed] {
    background: #e1e1e1
}

.slider-box-outer.disabled .pointer[data-v-769097ed] {
    border: solid 1px red
}

.slider-box-outer[data-v-769097ed] .p-input-box {
    background: var(--primary-background-light)
}

.slider-box-outer[data-v-769097ed] .p-input-box input {
    background: var(--primary-background-light);
    color: #4c4c4c
}

.slider-box-outer .slider-box[data-v-769097ed] {
    background: #cfcfcf
}

.slider-box-outer .slider-box .active[data-v-769097ed] {
    background: var(--one-level-text-color)
}

.slider-box-outer .slider-box .pointer[data-v-769097ed] {
    background: #fff;
    border: 1.5px solid #191919;
    transition: background .1s;
    box-shadow: 0 0 3px #0003
}

.slider-box-outer .slider-box .pointer.is-dragging[data-v-769097ed],
.slider-box-outer .slider-box .pointer[data-v-769097ed]:hover {
    background: #191919
}

.slider-box-outer .slider-box .pointer .process-tip[data-v-769097ed] {
    background: #191919;
    color: #fff
}

.slider-box-outer[data-v-769097ed] .show-input-up-down-control.number-input-box.p-input-box {
    padding: 0;
    font-size: 12px
}

.slider-box-outer[data-v-769097ed] .show-input-up-down-control.number-input-box.p-input-box:hover .input-up-down-control i {
    opacity: 1
}

.slider-box-outer[data-v-769097ed] .show-input-up-down-control.number-input-box.p-input-box input {
    font-size: 12px
}

.slider-box-outer[data-v-769097ed] .show-input-up-down-control.number-input-box.p-input-box .input-up-down-control {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%
}

.slider-box-outer[data-v-769097ed] .show-input-up-down-control.number-input-box.p-input-box .input-up-down-control i {
    opacity: 0;
    transition: opacity .1s;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--one-level-text-color)
}

.slider-box-outer[data-v-769097ed] .show-input-up-down-control.number-input-box.p-input-box .input-up-down-control i.disabled {
    pointer-events: none;
    color: var(--three-level-text-color)
}

.slider-box-outer[data-v-769097ed] .show-input-up-down-control.number-input-box.p-input-box .input-up-down-control i:before {
    pointer-events: none
}

.slider-box-outer[data-v-769097ed] .show-input-up-down-control.number-input-box.p-input-box .input-up-down-control i:not(.disabled):hover {
    color: var(--primary-color)
}

.slider-box-outer[data-v-769097ed] {
    display: flex;
    cursor: pointer;
    align-items: center;
    touch-action: none
}

.slider-box-outer.disabled[data-v-769097ed] {
    cursor: not-allowed
}

.slider-box-outer.disabled .active[data-v-769097ed] {
    background-color: var(--tooltip-text-color)
}

.slider-box-outer.disabled .pointer[data-v-769097ed] {
    border: solid 1px var(--tooltip-text-color);
    background: var(--primary-background-light);
    cursor: not-allowed
}

.slider-box-outer[data-v-769097ed] .p-input-box {
    margin-left: 12px;
    border-radius: 6px;
    width: 20%;
    padding: 0 4px;
    height: 24px
}

.slider-box-outer[data-v-769097ed] .p-input-box input {
    height: fit-content;
    font-size: 14px
}

.slider-box[data-v-769097ed] {
    position: relative;
    flex: 1
}

.slider-box .active[data-v-769097ed] {
    display: inline-block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 2px
}

.slider-box .pointer[data-v-769097ed] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    left: -6px;
    top: 0;
    cursor: pointer;
    position: relative
}

.slider-box .pointer .process-tip[data-v-769097ed] {
    position: absolute;
    top: -28px;
    width: 50px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 5px;
    font-size: 12px;
    left: 50%;
    transform: translate(-50%)
}

.v-enter-active[data-v-3f6de1c3],
.v-leave-active[data-v-3f6de1c3] {
    transform: scaleY(1)
}

.v-enter-from[data-v-3f6de1c3],
.v-leave-to[data-v-3f6de1c3] {
    transform: scaleY(0)
}

.select-box[data-v-3f6de1c3] {
    border: 1px solid var(--stroke-default);
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    color: var(--one-level-text-color);
    cursor: pointer;
    background: var(--primary-background-light)
}

.select-box__suffix-icon[data-v-3f6de1c3] {
    font-size: 20px;
    margin-right: -8px;
    color: var(--one-level-text-color);
    transition: transform .3s
}

.select-box__suffix-icon--active[data-v-3f6de1c3] {
    transform: rotate(-180deg)
}

.select-box[data-v-3f6de1c3]:hover,
.select-box.active[data-v-3f6de1c3] {
    border: 1px solid var(--primary-color)
}

.select-box.normal[data-v-3f6de1c3] {
    border-radius: 4px;
    line-height: 40px;
    padding: 12px
}

.select-box.sm[data-v-3f6de1c3] {
    border-radius: 2px;
    line-height: 24px;
    padding: 0 8px
}

.select-box.lg[data-v-3f6de1c3] {
    border-radius: 8px;
    line-height: 40px;
    padding: 12px
}

.select-option-box[data-v-3f6de1c3] {
    position: fixed;
    display: inline-block;
    padding: 8px;
    max-height: 200px;
    font-size: var(--fs-sm);
    z-index: 9999;
    border-radius: 12px;
    overflow: auto;
    box-shadow: 0 0 10px 0 var(--shadow-color);
    background: var(--primary-background-light)
}

.select-option-box[data-v-3f6de1c3]::-webkit-scrollbar {
    display: none
}

.select-option-box--normal .select-option-item[data-v-3f6de1c3],
.select-option-box--sm .select-option-item[data-v-3f6de1c3] {
    height: 40px;
    border-radius: 10px
}

.select-option-box--sm .select-option-item[data-v-3f6de1c3] {
    border-radius: 10px
}

.select-option-box .select-option-item[data-v-3f6de1c3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--one-level-text-color);
    padding: 10px 12px;
    cursor: pointer
}

.select-option-box .select-option-item i[data-v-3f6de1c3] {
    padding: 2px;
    font-size: 18px
}

.select-option-box .select-option-item--active[data-v-3f6de1c3] {
    color: var(--text-icon-color)
}

.select-option-box .select-option-item[data-v-3f6de1c3]:hover {
    background: var(--secondary-background-pure)
}

.right-enter-active[data-v-67b8f187],
.right-leave-active[data-v-67b8f187] {
    transform: translate(0) translateZ(100px)
}

.right-enter-from[data-v-67b8f187],
.right-leave-to[data-v-67b8f187] {
    transform: translate(100%) translateZ(100px)
}

.left-enter-active[data-v-67b8f187],
.left-leave-active[data-v-67b8f187] {
    transform: translate(0) translateZ(100px)
}

.left-enter-from[data-v-67b8f187],
.left-leave-to[data-v-67b8f187] {
    transform: translate(-100%) translateZ(100px)
}

.top-enter-active[data-v-67b8f187],
.top-leave-active[data-v-67b8f187] {
    transform: translateY(0) translateZ(100px)
}

.top-enter-from[data-v-67b8f187],
.top-leave-to[data-v-67b8f187] {
    transform: translateY(-100%) translateZ(100px)
}

.bottom-enter-active[data-v-67b8f187],
.bottom-leave-active[data-v-67b8f187] {
    transform: translateY(0) translateZ(100px)
}

.bottom-enter-from[data-v-67b8f187],
.bottom-leave-to[data-v-67b8f187] {
    transform: translateY(100%) translateZ(100px)
}

.drawer-mask[data-v-67b8f187] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    z-index: 1000;
    background: #e5e5e580;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.drawer[data-v-67b8f187] {
    position: fixed;
    overflow: hidden;
    padding: 40px;
    z-index: 10000;
    background: #fff;
    box-shadow: -4px 0 8px #0000000d
}

.drawer.left[data-v-67b8f187] {
    left: 0;
    top: 0;
    bottom: 0;
    transition: transform .5s ease
}

.drawer.right[data-v-67b8f187] {
    top: 0;
    right: 0;
    bottom: 0;
    transition: transform .5s ease
}

.drawer.top[data-v-67b8f187] {
    left: 0;
    top: 0;
    right: 0;
    transition: transform .5s ease
}

.drawer.bottom[data-v-67b8f187] {
    left: 0;
    bottom: 0;
    right: 0;
    transition: transform .5s ease
}

.drawer .p-icon-icon-close[data-v-67b8f187] {
    position: absolute;
    top: 48px;
    right: 40px;
    font-size: 20px
}

.loader-ring[data-v-e4aca2fa] {
    animation: circle-e4aca2fa infinite .75s linear;
    will-change: transform
}

@keyframes circle-e4aca2fa {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.p-mobile-loading[data-v-b38c7fb7] {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background-color: #0006
}

.p-mobile-loading__container[data-v-b38c7fb7] {
    display: flex;
    width: calc(100% - 80px);
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    background: #000000e0;
    margin: 0 40px;
    position: absolute;
    bottom: 140px
}

.p-mobile-loading__container-loading[data-v-b38c7fb7] {
    display: flex;
    align-items: center
}

.p-mobile-loading__container-loading-message[data-v-b38c7fb7] {
    margin-left: 8px;
    font-size: var(--fs-base);
    line-height: var(--lh-normal);
    font-weight: var(--fw-normal);
    color: #fff
}

.p-mobile-loading__container-cancel[data-v-b38c7fb7] {
    font-size: var(--fs-base);
    line-height: var(--lh-normal);
    font-weight: var(--fw-normal);
    color: #ffffff8f
}

.p-popover-transition-enter-active,
.p-popover-transition-leave-active {
    transition: opacity .3s, transform .3s
}

.p-popover-transition-enter-from,
.p-popover-transition-leave-to {
    transform: scale(.8);
    opacity: 0
}

.p-popover {
    position: fixed;
    z-index: 999;
    animation-play-state: running;
    animation-duration: .3s;
    pointer-events: none
}

.p-popover__content {
    position: relative;
    pointer-events: auto
}

.p-popover__content .p-popover__inner {
    padding: 12px 16px;
    overflow: hidden;
    border-radius: 12px;
    background-color: var(--primary-background-light);
    background-clip: padding-box;
    box-shadow: 0 4px 8px #0000000d, 0 2px 8px #0000001f
}

.p-popover__arrow {
    position: absolute;
    display: block;
    width: 8.5px;
    height: 8.5px;
    overflow: hidden;
    background: transparent;
    pointer-events: none;
    left: 50%;
    transform: translate(-50%, 50%)
}

.p-popover__arrow__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 6px;
    height: 6px;
    background-color: var(--primary-background-light);
    content: "";
    pointer-events: auto;
    transform: translateY(-4) rotate(45deg)
}

.p-popover-right {
    transform: translateY(-50%)
}

.p-popover-right .p-popover__arrow {
    width: 0;
    height: 0;
    border: solid 6px transparent;
    border-right: solid 6px var(--primary-background-light);
    bottom: 50%;
    left: 0;
    transform: translate(-100%, 50%)
}

.p-popover-top {
    padding-top: 10px;
    transform: translateY(-100%)
}

.p-popover-top .p-popover__arrow {
    bottom: -8px;
    left: calc(50% + var(--arrow-offset));
    transform: rotate(45deg) translate(-50%);
    box-shadow: -2px -2px 5px #0000000f
}

.p-popover-bottom {
    padding-top: 10px
}

.p-popover-bottom .p-popover__arrow {
    top: 0;
    left: calc(50% + var(--arrow-offset));
    transform: rotate(45deg) translate(-50%);
    box-shadow: -2px -2px 5px #0000000f
}

.p-popover-topLeft {
    transform: translateY(-100%)
}

.p-popover-topLeft .p-popover__arrow {
    width: 0;
    height: 0;
    border: solid 6px transparent;
    border-top: solid 6px var(--primary-background-light);
    right: var(--arrow-offset);
    left: initial;
    bottom: 1px;
    transform: translate(50%, 100%)
}

.p-popover-topCenter {
    transform: translate(-50%, -100%)
}

.p-popover-topCenter .p-popover__arrow {
    width: 0;
    height: 0;
    border: solid 6px transparent;
    border-top: solid 6px var(--primary-background-light);
    left: 0;
    right: 0;
    bottom: 1px;
    margin: auto;
    transform: translateY(100%)
}

.p-popover-topRight {
    padding-bottom: 10px;
    transform: translateY(-100%)
}

.p-popover-topRight .p-popover__arrow {
    width: 0;
    height: 0;
    border: solid 6px transparent;
    border-top: solid 6px var(--primary-background-light);
    left: var(--arrow-offset);
    bottom: 1px;
    transform: translate(-50%, 100%)
}

.p-popover-rightTop {
    padding-left: 10px;
    transform: translateY(-100%)
}

.p-popover-rightTop .p-popover__arrow {
    width: 0;
    height: 0;
    border: solid 6px transparent;
    border-right: solid 6px var(--primary-background-light);
    left: 0;
    bottom: var(--arrow-offset);
    transform: translate(-100%, -25%)
}

.p-popover-rightBottom {
    padding-left: 10px
}

.p-popover-rightBottom .p-popover__arrow {
    width: 0;
    height: 0;
    border: solid 6px transparent;
    border-right: solid 6px var(--primary-background-light);
    left: 0;
    top: var(--arrow-offset);
    transform: translate(-100%)
}

.p-popover-bottomLeft {
    padding-top: 10px
}

.p-popover-bottomLeft .p-popover__arrow {
    top: -2px;
    right: var(--arrow-offset);
    left: initial;
    transform: rotate(45deg);
    box-shadow: -2px -2px 5px #0000000f
}

.p-popover-bottomRight {
    padding-top: 10px
}

.p-popover-bottomRight .p-popover__arrow {
    top: 0;
    left: var(--arrow-offset);
    transform: rotate(45deg) translate(-50%);
    box-shadow: -2px -2px 5px #0000000f
}

.p-popover--dark .p-popover__inner {
    background-color: #191919;
    color: #fff
}

.p-popover--dark .p-popover__arrow__content {
    background-color: #191919
}

.p-popover--dark.p-popover-right .p-popover__arrow {
    border-right-color: #191919
}

.p-popover--dark.p-popover-topLeft .p-popover__arrow,
.p-popover--dark.p-popover-topCenter .p-popover__arrow,
.p-popover--dark.p-popover-topRight .p-popover__arrow {
    border-top-color: #191919
}

.p-popover--light .p-popover__inner {
    background-color: var(--primary-background-dark, #fff);
    color: var(--primary-text-dark, #000);
    box-shadow: 0 4px 8px #0000000d, 0 2px 8px #0000001f
}

.p-popover--light .p-popover__arrow__content {
    background-color: var(--primary-background-dark, #fff)
}

.p-popover--light.p-popover-right .p-popover__arrow {
    border-right-color: var(--primary-background-dark, #fff)
}

.p-popover--light.p-popover-topLeft .p-popover__arrow,
.p-popover--light.p-popover-topCenter .p-popover__arrow,
.p-popover--light.p-popover-topRight .p-popover__arrow {
    border-top-color: var(--primary-background-dark, #fff)
}

.color-bar[data-v-3f57f29c] {
    width: 100%;
    height: 8px;
    border-radius: 8px;
    background: linear-gradient(90deg, red, #ff0 17%, #0f0 33%, #0ff, #00f 67%, #f0f 83%, red);
    position: relative;
    touch-action: none
}

.color-bar .pointer[data-v-3f57f29c] {
    position: absolute;
    top: -2px;
    left: -2px;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    box-shadow: 0 2px 2px #0000003b;
    background: #fff
}

.color-picker-inner .color-input[data-v-552c26ae] {
    display: flex;
    margin-top: 8px;
    color: #191919;
    align-items: center
}

.color-picker-inner .color-input .current-color[data-v-552c26ae] {
    width: 32px;
    height: 32px;
    display: inline-block;
    border: 1px solid var(--stroke-default);
    border-radius: 100%;
    margin-right: 8px
}

.color-picker-inner .color-input input[data-v-552c26ae] {
    flex: 1;
    outline: none;
    width: 0;
    height: 32px;
    border: 1px solid var(--stroke-default);
    border-radius: 8px;
    font-weight: var(--fw-normal);
    padding: 0 8px;
    line-height: 32px;
    font-size: 14px;
    background-color: var(--primary-background-light);
    color: var(--one-level-text-color)
}

.color-picker-inner .color-input input[data-v-552c26ae]:disabled {
    background: var(--primary-background);
    color: var(--three-level-text-color)
}

.color-picker-inner .color-input input[data-v-552c26ae]:hover,
.color-picker-inner .color-input input[data-v-552c26ae]:focus,
.color-picker-inner .color-input input[data-v-552c26ae]:focus-within {
    border: solid 1px var(--primary-color)
}

.color-picker-inner .title[data-v-552c26ae] {
    font-weight: 500;
    text-align: left;
    color: #191919;
    font-size: 16px;
    margin-bottom: 10px
}

.color-picker-inner .color-box .color-wrap .color-panel[data-v-552c26ae] {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    touch-action: none
}

.color-picker-inner .color-box .color-wrap .color-panel[data-v-552c26ae]:after {
    border-radius: 8px;
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    background: linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent)
}

.color-picker-inner .color-box .color-wrap .color-panel .pointer[data-v-552c26ae] {
    position: absolute;
    width: 13px;
    height: 13px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    display: inline-block;
    z-index: 2
}

.color-picker-inner .color-box .color-wrap .color-panel .pointer.disable[data-v-552c26ae] {
    opacity: .7
}

.color-picker-inner .color-box .color-wrap .color-hue-box[data-v-552c26ae] {
    margin: 12px 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.color-picker-inner .color-box .color-wrap .color-hue-box .hue[data-v-552c26ae] {
    margin-left: unset
}

.color-picker-inner .color-box .color-wrap .color-hue-box .current-color[data-v-552c26ae] {
    width: 24px;
    height: 24px;
    display: inline-block;
    border: 1px solid var(--stroke-default);
    border-radius: 12px;
    margin-top: 8px
}

.pac-mobile-colorPicker.color-picker-inner {
    width: 100%;
    height: 180px
}

.pac-mobile-colorPicker.color-picker-inner .color-box {
    height: 100%
}

.pac-mobile-colorPicker.color-picker-inner .color-box .color-panel {
    height: 140px !important
}

.pac-mobile-colorPicker.color-picker-inner .color-hue-box .color-bar {
    height: 4px
}

.pac-mobile-colorPicker.color-picker-inner .color-hue-box .color-bar .pointer {
    top: 50%;
    transform: translateY(-50%);
    border: 2px solid #fff;
    background-color: #f24f4f;
    width: 14px;
    height: 14px;
    border-radius: 50%
}

.pac-mobile-colorPicker.color-picker-inner .color-input {
    display: none
}

.color-bar[data-v-e6efd297] {
    width: 100%;
    height: 8px;
    border-radius: 8px;
    background: linear-gradient(90deg, red, #ff0 17%, #0f0 33%, #0ff, #00f 67%, #f0f 83%, red);
    position: relative
}

.color-bar .pointer[data-v-e6efd297] {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: -2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    box-shadow: 0 2px 2px #0000003b;
    border: 2px solid #ffffff
}

.color-picker-inner[data-v-64a1dcbd] {
    background-color: var(--primary-background-light)
}

.color-picker-inner .color-input[data-v-64a1dcbd] {
    width: 100%;
    display: flex;
    margin-top: 8px;
    color: var(--one-level-text-color);
    align-items: center
}

.color-picker-inner .color-input__container[data-v-64a1dcbd] {
    position: relative;
    display: flex;
    flex: 1
}

.color-picker-inner .color-input .current-color[data-v-64a1dcbd] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--stroke-default);
    margin-right: 8px
}

.color-picker-inner .color-input input[data-v-64a1dcbd] {
    flex: 1;
    outline: none;
    width: 0;
    height: 32px;
    border: 1px solid var(--stroke-default);
    border-radius: 8px;
    padding: 0 8px 0 10px;
    line-height: 32px;
    font-size: 14px;
    background: var(--primary-background-light);
    color: var(--one-level-text-color)
}

.color-picker-inner .color-input input[data-v-64a1dcbd]:disabled {
    background: var(--primary-background);
    color: var(--three-level-text-color)
}

.color-picker-inner .color-input input[data-v-64a1dcbd]:hover,
.color-picker-inner .color-input input[data-v-64a1dcbd]:focus,
.color-picker-inner .color-input input[data-v-64a1dcbd]:focus-within {
    border: solid 1px var(--primary-color)
}

.color-picker-inner .title[data-v-64a1dcbd] {
    font-weight: 500;
    text-align: left;
    color: #191919;
    font-size: 16px;
    margin-bottom: 10px
}

.color-picker-inner .color-box .color-wrap .color-panel[data-v-64a1dcbd] {
    width: 100%;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.color-picker-inner .color-box .color-wrap .color-panel[data-v-64a1dcbd]:after {
    border-radius: 8px;
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    background: linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent)
}

.color-picker-inner .color-box .color-wrap .color-panel .pointer[data-v-64a1dcbd] {
    position: absolute;
    width: 13px;
    height: 13px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    display: inline-block;
    z-index: 2
}

.color-picker-inner .color-box .color-wrap .color-panel .pointer.disable[data-v-64a1dcbd] {
    opacity: .7
}

.color-picker-inner .color-box .color-wrap .color-hue-box[data-v-64a1dcbd] {
    margin: 12px 0 15px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.color-picker-inner .color-box .color-wrap .color-hue-box .hue[data-v-64a1dcbd] {
    margin-left: unset
}

.color-picker-inner .color-box .color-wrap .color-hue-box .current-color[data-v-64a1dcbd] {
    width: 24px;
    height: 24px;
    display: inline-block;
    border: 1px solid #d1d0d2;
    border-radius: 12px;
    margin-top: 8px
}

.pac-color-picker-popover {
    width: 235px
}

.pac-color-picker-popover .color-picker-inner {
    background-color: var(--reverse-text-color)
}

.slider-tab-wrap[data-v-c7d81f61] {
    background-color: var(--primary-background);
    border-radius: 18px;
    padding: 2px;
    border: 1px solid var(--stroke-divider)
}

.slider-tab-wrap--transition .slider-tab-box .slider-tab-item[data-v-c7d81f61] {
    transition: color .3s
}

.slider-tab-wrap--transition .slider-tab-box .active-box[data-v-c7d81f61] {
    transition: transform .3s cubic-bezier(.645, .045, .355, 1), width .2s cubic-bezier(.645, .045, .355, 1)
}

.slider-tab-box[data-v-c7d81f61] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 18px
}

.slider-tab-box .slider-tab-item[data-v-c7d81f61] {
    font-size: var(--fs-sm);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    color: var(--one-level-text-color);
    text-align: center;
    height: 30px;
    line-height: 30px;
    z-index: 1;
    cursor: pointer;
    padding: 0 8px
}

.slider-tab-box .slider-tab-item.active[data-v-c7d81f61] {
    color: #fff
}

.slider-tab-box .active-box[data-v-c7d81f61] {
    border-radius: 18px;
    box-shadow: 0 0 4px #0000001f;
    background: var(--accent-color);
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    z-index: 0
}

.slider-tab-box .active-box--first[data-v-c7d81f61] {
    transition: none
}

.pac-scrollBar__mask__top[data-v-aee45364] {
    height: var(--5efa743d) !important;
    top: 0;
    background: linear-gradient(0, var(--gradient-mask-start-color), var(--primary-background-light) 49%, var(--primary-background-light));
    z-index: 1
}

.pac-scrollBar__mask__bottom[data-v-aee45364] {
    bottom: 0;
    background: linear-gradient(180deg, var(--gradient-mask-start-color), var(--primary-background-light) 49%, var(--primary-background-light))
}

.pac-scrollBar[data-v-aee45364] {
    height: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 var(--2888cdfa)
}

.pac-scrollBar--autoHeight[data-v-aee45364] {
    display: flex;
    flex-direction: column
}

.pac-scrollBar--autoHeight[data-v-aee45364] .__vuescroll {
    flex: 1;
    display: flex;
    flex-direction: column
}

.pac-scrollBar__container[data-v-aee45364] {
    width: 100%;
    height: 100%;
    padding: 0 var(--5d5d0372)
}

.pac-scrollBar[data-v-aee45364] .__panel .__view {
    overflow: auto
}

.pac-scrollBar[data-v-aee45364] .__rail-is-vertical .__bar-is-vertical:hover,
.pac-scrollBar[data-v-aee45364] .__rail-is-vertical .__bar-is-vertical:active {
    transition: background .3s, opacity .5s ease 0s !important;
    background: rgba(var(--reverse-rgb), .5) !important
}

.pac-scrollBar__mask[data-v-aee45364] {
    position: absolute;
    left: 0;
    width: 100%;
    height: var(--77f5b916);
    pointer-events: none;
    transition: opacity .3s;
    opacity: 0
}

.pac-scrollBar__mask--visible[data-v-aee45364] {
    opacity: 1;
    z-index: 10;
    pointer-events: all
}

.pac-scrollBar-show--hover:hover .__rail-is-vertical .__bar-is-vertical,
.pac-scrollBar-show--always .__rail-is-vertical .__bar-is-vertical {
    opacity: 1 !important
}

.pac-scrollBar--hide .__rail-is-vertical,
.pac-scrollBar--hide .__rail-is-horizontal {
    display: none !important
}

.pac-tag-collapse-cate-title[data-v-106d219d] {
    font-weight: var(--fw-medium) !important;
    margin-bottom: 10px !important;
    display: flex;
    background: var(--primary-background-light);
    border: 1px solid var(--two-level-text-color) !important
}

.pac-tag-collapse-cate-title[data-v-106d219d]:hover {
    background: var(--stroke-default-light) !important;
    border-color: var(--tooltip-text-color) !important
}

.pac-tag-collapse-cate-title[data-v-106d219d]:active {
    background: var(--primary-background-active) !important;
    border-color: var(--tooltip-text-color) !important
}

.pac-tag-collapse-cate-title img[data-v-106d219d] {
    width: 18px;
    height: 18px;
    margin-right: 2px
}

.pac-tag-collapse-toggle[data-v-59804663] {
    position: relative;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border: 1px solid var(--stroke-default);
    background: var(--primary-background-hover);
    border-radius: 4px;
    cursor: pointer
}

.pac-tag-collapse-toggle__icon[data-v-59804663] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform .3s
}

.pac-tag-collapse-toggle__icon i[data-v-59804663] {
    color: var(--two-level-text-color);
    font-size: 20px
}

.pac-tag-collapse-toggle[data-v-59804663]:hover {
    background: var(--stroke-default-light);
    border-color: var(--tooltip-text-color)
}

.pac-tag-collapse-toggle:hover i[data-v-59804663] {
    color: var(--one-level-text-color)
}

.pac-tag-collapse-toggle[data-v-59804663]:active {
    border-color: var(--tooltip-text-color);
    background: var(--primary-background-active)
}

.pac-tag-collapse-toggle:active i[data-v-59804663] {
    color: var(--one-level-text-color)
}

.pac-tag-collapse-toggle--active[data-v-59804663] {
    background: var(--secondary-background) !important;
    border-color: var(--stroke-active) !important;
    float: right;
    position: relative;
    right: auto;
    top: auto
}

.pac-tag-collapse-toggle--active i[data-v-59804663] {
    color: var(--text-icon-color) !important
}

.pac-tag-collapse-toggle--active .pac-tag-collapse-toggle__icon[data-v-59804663] {
    transform: rotate(180deg)
}

.pac-tag-collapse-scrollbar[data-v-0ab7934f] {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px
}

.pac-tag-collapse-scrollbar--expand[data-v-0ab7934f] {
    box-shadow: 0 8px 16px 0 var(--shadow-color)
}

.pac-tag-collapse-wrapper[data-v-0ab7934f] {
    height: 100%
}

.pac-tag-collapse-wrapper__sticky[data-v-0ab7934f] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 111;
    width: 100%;
    padding: 0 12px;
    background: var(--primary-background-light-pure);
    pointer-events: all;
    opacity: 0
}

.pac-tag-collapse-wrapper__sticky__toggle[data-v-0ab7934f] {
    right: 12px !important;
    z-index: 1
}

.pac-tag-collapse-wrapper__sticky[data-v-0ab7934f]:before {
    background: linear-gradient(90deg, var(--gradient-mask-start-color), var(--gradient-mask-end-color) 33%);
    content: "";
    display: block;
    height: 24px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 0;
    width: 56px
}

.pac-tag-collapse-wrapper[data-v-0ab7934f] .pac-tag-collapse__tag {
    font-size: var(--fs-sm);
    padding: 2px 8px;
    cursor: pointer;
    line-height: 17px;
    font-weight: var(--fw-normal);
    display: inline-flex;
    border: 1px solid transparent;
    color: var(--one-level-text-color);
    border-radius: 6px
}

.pac-tag-collapse-wrapper[data-v-0ab7934f] .pac-tag-collapse__tag:not(last-child) {
    margin-right: 4px;
    margin-bottom: 5px
}

.pac-tag-collapse-wrapper[data-v-0ab7934f] .pac-tag-collapse__tag:hover {
    background: var(--primary-background-hover);
    border-color: var(--stroke-default)
}

.pac-tag-collapse-wrapper[data-v-0ab7934f] .pac-tag-collapse__tag:active {
    background: var(--primary-background-active);
    border-color: var(--tooltip-text-color)
}

.pac-tag-collapse-wrapper[data-v-0ab7934f] .pac-tag-collapse__tag--active {
    background: var(--secondary-background) !important;
    color: var(--text-icon-color) !important;
    border-color: var(--stroke-active) !important
}

.pac-tag-collapse-wrapper[data-v-0ab7934f] .pac-tag-collapse__tag:last-child {
    margin-right: 28px
}

.pac-tag-collapse[data-v-0ab7934f] {
    position: relative;
    white-space: nowrap;
    padding: 0 20px 15px;
    max-height: 100%;
    pointer-events: auto
}

.pac-tag-collapse__container[data-v-0ab7934f] {
    position: relative
}

.pac-tag-collapse__container:hover .pac-tag-collapse__arrow[data-v-0ab7934f] {
    opacity: 1
}

.pac-tag-collapse__scroll-container[data-v-0ab7934f] {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.pac-tag-collapse__scroll-container[data-v-0ab7934f]::-webkit-scrollbar {
    display: none
}

.pac-tag-collapse--toggle[data-v-0ab7934f] {
    white-space: normal;
    border-radius: 8px;
    box-shadow: 0 8px 16px 0 var(--shadow-color);
    overflow: auto;
    padding-bottom: 24px;
    background: var(--primary-background-light-pure)
}

.pac-tag-collapse__toggle[data-v-0ab7934f] {
    position: absolute;
    right: 0;
    z-index: 1
}

.pac-tag-collapse__multi__cate:not(:first-child) .pac-tag-collapse__multi__cate__title[data-v-0ab7934f] {
    margin-top: 4px
}

.pac-tag-collapse__mask[data-v-0ab7934f] {
    position: absolute;
    top: 0;
    width: 32px;
    height: 25px
}

.pac-tag-collapse__leftMask[data-v-0ab7934f] {
    left: 0;
    background: linear-gradient(270deg, var(--gradient-mask-start-color), var(--gradient-mask-end-color) 67%)
}

.pac-tag-collapse__rightMask[data-v-0ab7934f] {
    right: 0;
    width: 56px;
    background: linear-gradient(90deg, var(--gradient-mask-start-color), var(--gradient-mask-end-color) 33%)
}

.pac-tag-collapse__arrow[data-v-0ab7934f] {
    position: absolute;
    top: 0;
    width: 32px;
    height: 24px;
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 2;
    opacity: 0
}

.pac-tag-collapse__arrow--left[data-v-0ab7934f] {
    left: 0;
    justify-content: start
}

.pac-tag-collapse__arrow--left i[data-v-0ab7934f] {
    transform: rotate(90deg)
}

.pac-tag-collapse__arrow--right[data-v-0ab7934f] {
    right: 30px;
    justify-content: end;
    background: linear-gradient(90deg, var(--gradient-mask-start-color) .29%, var(--gradient-mask-end-color) 29.85%)
}

.pac-tag-collapse__arrow--right i[data-v-0ab7934f] {
    transform: rotate(-90deg)
}

.pac-tag-collapse__arrow i[data-v-0ab7934f] {
    font-size: 20px;
    width: 20px;
    color: var(--one-level-text-color)
}

.slider-tab-box .slider-tab-item[data-v-de06c85e] {
    color: var(--one-level-text-color)
}

.slider-tab-box[data-v-de06c85e] {
    position: relative;
    display: flex;
    align-items: center
}

.slider-tab-box .slider-tab-item[data-v-de06c85e] {
    font-size: var(--fs-sm);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    line-height: 28px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    transition: color .3s
}

.slider-tab-box .slider-tab-item.active[data-v-de06c85e] {
    position: relative
}

.slider-tab-box .slider-tab-item.active[data-v-de06c85e]:after {
    position: absolute;
    content: "";
    bottom: -8px;
    left: 0;
    right: 0;
    height: 4px;
    background-color: var(--primary-color);
    border-radius: 2px;
    box-shadow: 0 4px 8px #00000014;
    transition: transform .3s cubic-bezier(.645, .045, .355, 1), width .2s cubic-bezier(.645, .045, .355, 1)
}

.slider-tab-box .slider-tab-item[data-v-de06c85e]:not(:last-child) {
    margin-right: 50px
}

.slider-tab-box .active-box[data-v-de06c85e] {
    display: inline-block;
    position: absolute;
    bottom: -8px;
    left: 0;
    z-index: 0;
    height: 4px;
    background: var(--primary-color);
    border-radius: 2px;
    box-shadow: 0 4px 8px #00000014;
    transition: transform .3s cubic-bezier(.645, .045, .355, 1), width .2s cubic-bezier(.645, .045, .355, 1)
}

.checkbox-root label[data-v-ab6d7ce7] {
    border: 1.5px solid var(--stroke-default);
    background: var(--primary-background-light)
}

.checkbox-root label[data-v-ab6d7ce7]:hover {
    border: 1.5px solid var(--primary-color) !important;
    background: var(--primary-background-light)
}

.checkbox-root label[data-v-ab6d7ce7]:hover:after {
    border: 2px solid var(--tooltip-text-color)
}

.checkbox-root input[type=checkbox]:checked+label[data-v-ab6d7ce7] {
    background: var(--primary-color)
}

.checkbox-root input[type=checkbox]:checked+label[data-v-ab6d7ce7]:after {
    border: 2px solid #fff
}

.checkbox-root.is-new label[data-v-ab6d7ce7]:hover {
    border-color: var(--primary-color)
}

.checkbox-root.is-new input[type=checkbox]:checked+label[data-v-ab6d7ce7] {
    background-color: var(--primary-color)
}

.disabled label[data-v-ab6d7ce7],
.is-new label[data-v-ab6d7ce7] {
    border-color: #e7e5ec;
    background-color: #f9f9f9
}

.disabled label[data-v-ab6d7ce7]:hover,
.is-new label[data-v-ab6d7ce7]:hover {
    border-color: #e7e5ec
}

.disabled label[data-v-ab6d7ce7]:hover:after,
.is-new label[data-v-ab6d7ce7]:hover:after {
    border-color: transparent
}

.disabled input[type=checkbox]:checked+label[data-v-ab6d7ce7],
.is-new input[type=checkbox]:checked+label[data-v-ab6d7ce7] {
    border: 1.5px solid #e7e5ec;
    background-color: #f9f9f9
}

.disabled input[type=checkbox]:checked+label[data-v-ab6d7ce7]:after,
.is-new input[type=checkbox]:checked+label[data-v-ab6d7ce7]:after {
    border-color: #ccc
}

.checkbox-root[data-v-ab6d7ce7] {
    width: 18px;
    height: 18px;
    position: relative;
    cursor: pointer
}

.checkbox-root input[data-v-ab6d7ce7] {
    visibility: hidden
}

.checkbox-root label[data-v-ab6d7ce7] {
    cursor: pointer;
    position: absolute;
    border-radius: 4px;
    overflow: hidden;
    width: 18px;
    height: 18px;
    top: 0;
    left: 0
}

.checkbox-root label[data-v-ab6d7ce7]:hover {
    display: flex;
    align-items: center;
    justify-content: center
}

.checkbox-root label[data-v-ab6d7ce7]:hover:after {
    background: transparent;
    border-top: none;
    border-right: none;
    content: " ";
    width: 10px;
    height: 6px;
    display: inline-block;
    transform: rotate(-45deg) translate(1px, -1px)
}

.checkbox-root input[type=checkbox]:checked+label[data-v-ab6d7ce7] {
    background: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid rgba(0, 0, 0, 0)
}

.checkbox-root input[type=checkbox]:checked+label[data-v-ab6d7ce7]:after {
    background: transparent;
    border-top: none;
    border-right: none;
    content: " ";
    width: 10px;
    height: 6px;
    display: inline-block;
    transform: rotate(-45deg) translate(1px, -1px)
}

.checkbox-root.is-new[data-v-ab6d7ce7],
.checkbox-root.is-new label[data-v-ab6d7ce7] {
    width: 16px;
    height: 16px
}

.Tab[data-v-9e7b3be3] {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.Tab-list[data-v-9e7b3be3] {
    width: 100%;
    height: auto;
    display: flex
}

.Tab-list-item[data-v-9e7b3be3] {
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #191919a9;
    cursor: pointer;
    transition: all .3s ease-in-out;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px
}

.Tab-list-item[data-v-9e7b3be3]:hover {
    color: #191919
}

.Tab-list-item[data-v-9e7b3be3]:nth-child(1) {
    padding-left: 0
}

.Tab-list-item[data-v-9e7b3be3]:last-child {
    padding-right: 0
}

.Tab-line[data-v-9e7b3be3] {
    width: 100%;
    height: 4px;
    margin-top: 4px
}

.Tab-line-slider[data-v-9e7b3be3] {
    background: var(--primary-color);
    border-radius: 2px;
    height: 4px;
    transition: all .3s ease
}

.Tab-slot-content[data-v-9e7b3be3] {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.is-active[data-v-9e7b3be3] {
    color: #191919 !important;
    line-height: 28px
}

.TabPane[data-v-329b62d1] {
    width: 100%;
    height: auto;
    visibility: hidden;
    position: absolute
}

.active[data-v-329b62d1] {
    visibility: visible;
    position: relative
}

.left-in[data-v-329b62d1] {
    animation: left-in-329b62d1 .5s ease
}

.right-in[data-v-329b62d1] {
    animation: right-in-329b62d1 .5s ease
}

@keyframes left-in-329b62d1 {
    0% {
        opacity: 0;
        left: -100%
    }

    to {
        opacity: 1;
        left: 0
    }
}

@keyframes right-in-329b62d1 {
    0% {
        opacity: 0;
        left: 100%
    }

    to {
        opacity: 1;
        left: 0
    }
}

.Textarea[data-v-e7682781] {
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #d1d0d2;
    border-radius: 8px;
    padding: 12px 18px;
    transition: border .3s ease-in-out;
    position: relative
}

.Textarea[data-v-e7682781]:hover {
    border: 1px solid var(--primary-color);
    box-shadow: 0 2px 6px #5c1ee014
}

.Textarea[data-v-e7682781]:focus-within {
    border: 1px solid var(--primary-color);
    box-shadow: 0 2px 6px #5c1ee014
}

.Textarea--planar[data-v-e7682781]:not(.disabled) {
    background: #f8f7fa;
    border: none;
    transition: background-color .3s ease-in-out
}

.Textarea--planar[data-v-e7682781]:not(.disabled):hover {
    background-color: #f3f2f5;
    border: none;
    box-shadow: none
}

.Textarea--planar:not(.disabled) textarea[data-v-e7682781]::-webkit-scrollbar {
    background-color: transparent !important
}

.Textarea .textarea__container[data-v-e7682781] {
    width: 100%;
    position: relative;
    z-index: 2;
    height: 100%
}

.Textarea .textarea__container textarea[data-v-e7682781] {
    height: 100%;
    width: 100%;
    resize: none;
    outline: none;
    border: none;
    font-size: 16px;
    font-weight: 500;
    color: #191919;
    line-height: 22px;
    background: none;
    display: -webkit-box
}

.Textarea .textarea__container textarea[data-v-e7682781]::-webkit-scrollbar {
    width: var(--scroll-width)
}

.Textarea .textarea__container textarea[data-v-e7682781]::-webkit-scrollbar-thumb {
    background-color: var(--41d46cb6)
}

.Textarea.theme-neo-style[data-v-e7682781]:hover {
    border: 1px solid #191919;
    box-shadow: 0 2px 6px #5c1ee014
}

.Textarea.theme-neo-style[data-v-e7682781]:focus-within {
    border: 1px solid #191919;
    box-shadow: 0 2px 6px #5c1ee014
}

.is-scroll[data-v-e7682781] {
    padding-right: 8px
}

.disabled[data-v-e7682781] {
    background: #f9f9f9;
    border: 1px solid #f3f2f5 !important;
    box-shadow: none !important
}

.text-disabled[data-v-e7682781] {
    cursor: not-allowed
}

.ellipsis[data-v-e7682781] {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break: normal
}

.PTag[data-v-0062f047] {
    width: fit-content;
    height: fit-content;
    background: #f8f7fa;
    border-radius: 6px;
    padding: 4.5px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    color: #191919;
    line-height: 19px;
    display: inline-block
}

.PTag--success[data-v-0062f047] {
    color: green
}

.PTag--default[data-v-0062f047] {
    color: #191919
}

.PMsgTip[data-v-18a59e24] {
    width: fit-content;
    height: auto;
    padding: 8px 12px;
    background: #fff4e7;
    border-radius: 8px;
    position: fixed;
    z-index: 9999;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    justify-content: space-between;
    word-break: break-all
}

.PMsgTip--warning[data-v-18a59e24] {
    background-color: red
}

.PMsgTip span[data-v-18a59e24] {
    flex-grow: 1;
    font-size: 14px;
    font-weight: 500;
    color: #4c4c4c;
    line-height: 20px
}

.PMsgTip .close[data-v-18a59e24] {
    margin-left: 8px;
    flex-shrink: 0;
    height: 16px;
    width: 16px !important;
    background-color: #ffd8d8;
    cursor: pointer;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.PMsgTip .close i[data-v-18a59e24] {
    font-size: 14px;
    color: #d7814a;
    line-height: 16px
}

.fade-in[data-v-18a59e24] {
    animation: msg-fade-18a59e24 var(--ffef225e) ease-in-out
}

.fade-out[data-v-18a59e24] {
    animation: msg-fade-out-18a59e24 var(--ffef225e) ease-in-out
}

@keyframes msg-fade-18a59e24 {
    0% {
        opacity: 0;
        transform: translate(-50%, -100%)
    }

    to {
        opacity: 1;
        transform: translate(-50%)
    }
}

@keyframes msg-fade-out-18a59e24 {
    0% {
        opacity: 1;
        transform: translate(-50%)
    }

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

.p-row[data-v-81042eae] {
    height: auto;
    display: flex
}

.p-col-1[data-v-ec4483e0] {
    max-width: 4.16666667%;
    flex: 0 0 4.16666667%
}

.p-col-2[data-v-ec4483e0] {
    max-width: 8.33333333%;
    flex: 0 0 8.33333333%
}

.p-col-3[data-v-ec4483e0] {
    max-width: 12.5%;
    flex: 0 0 12.5%
}

.p-col-4[data-v-ec4483e0] {
    max-width: 16.66666667%;
    flex: 0 0 16.66666667%
}

.p-col-5[data-v-ec4483e0] {
    max-width: 20.83333333%;
    flex: 0 0 20.83333333%
}

.p-col-6[data-v-ec4483e0] {
    max-width: 25%;
    flex: 0 0 25%
}

.p-col-7[data-v-ec4483e0] {
    max-width: 29.16666667%;
    flex: 0 0 29.16666667%
}

.p-col-8[data-v-ec4483e0] {
    max-width: 33.33333333%;
    flex: 0 0 33.33333333%
}

.p-col-9[data-v-ec4483e0] {
    max-width: 37.5%;
    flex: 0 0 37.5%
}

.p-col-10[data-v-ec4483e0] {
    max-width: 41.66666667%;
    flex: 0 0 41.66666667%
}

.p-col-11[data-v-ec4483e0] {
    max-width: 45.83333333%;
    flex: 0 0 45.83333333%
}

.p-col-12[data-v-ec4483e0] {
    max-width: 50%;
    flex: 0 0 50%
}

.p-col-13[data-v-ec4483e0] {
    max-width: 54.16666667%;
    flex: 0 0 54.16666667%
}

.p-col-14[data-v-ec4483e0] {
    max-width: 58.33333333%;
    flex: 0 0 58.33333333%
}

.p-col-15[data-v-ec4483e0] {
    max-width: 62.5%;
    flex: 0 0 62.5%
}

.p-col-16[data-v-ec4483e0] {
    max-width: 66.66666667%;
    flex: 0 0 66.66666667%
}

.p-col-17[data-v-ec4483e0] {
    max-width: 70.83333333%;
    flex: 0 0 70.83333333%
}

.p-col-18[data-v-ec4483e0] {
    max-width: 75%;
    flex: 0 0 75%
}

.p-col-19[data-v-ec4483e0] {
    max-width: 79.16666667%;
    flex: 0 0 79.16666667%
}

.p-col-20[data-v-ec4483e0] {
    max-width: 83.33333333%;
    flex: 0 0 83.33333333%
}

.p-col-21[data-v-ec4483e0] {
    max-width: 87.5%;
    flex: 0 0 87.5%
}

.p-col-22[data-v-ec4483e0] {
    max-width: 91.66666667%;
    flex: 0 0 91.66666667%
}

.p-col-23[data-v-ec4483e0] {
    max-width: 95.83333333%;
    flex: 0 0 95.83333333%
}

.p-col-24[data-v-ec4483e0] {
    max-width: 100%;
    flex: 0 0 100%
}

.p-col-offset-1[data-v-ec4483e0] {
    margin-left: 4.16666667%
}

.p-col-offset-2[data-v-ec4483e0] {
    margin-left: 8.33333333%
}

.p-col-offset-3[data-v-ec4483e0] {
    margin-left: 12.5%
}

.p-col-offset-4[data-v-ec4483e0] {
    margin-left: 16.66666667%
}

.p-col-offset-5[data-v-ec4483e0] {
    margin-left: 20.83333333%
}

.p-col-offset-6[data-v-ec4483e0] {
    margin-left: 25%
}

.p-col-offset-7[data-v-ec4483e0] {
    margin-left: 29.16666667%
}

.p-col-offset-8[data-v-ec4483e0] {
    margin-left: 33.33333333%
}

.p-col-offset-9[data-v-ec4483e0] {
    margin-left: 37.5%
}

.p-col-offset-10[data-v-ec4483e0] {
    margin-left: 41.66666667%
}

.p-col-offset-11[data-v-ec4483e0] {
    margin-left: 45.83333333%
}

.p-col-offset-12[data-v-ec4483e0] {
    margin-left: 50%
}

.p-col-offset-13[data-v-ec4483e0] {
    margin-left: 54.16666667%
}

.p-col-offset-14[data-v-ec4483e0] {
    margin-left: 58.33333333%
}

.p-col-offset-15[data-v-ec4483e0] {
    margin-left: 62.5%
}

.p-col-offset-16[data-v-ec4483e0] {
    margin-left: 66.66666667%
}

.p-col-offset-17[data-v-ec4483e0] {
    margin-left: 70.83333333%
}

.p-col-offset-18[data-v-ec4483e0] {
    margin-left: 75%
}

.p-col-offset-19[data-v-ec4483e0] {
    margin-left: 79.16666667%
}

.p-col-offset-20[data-v-ec4483e0] {
    margin-left: 83.33333333%
}

.p-col-offset-21[data-v-ec4483e0] {
    margin-left: 87.5%
}

.p-col-offset-22[data-v-ec4483e0] {
    margin-left: 91.66666667%
}

.p-col-offset-23[data-v-ec4483e0] {
    margin-left: 95.83333333%
}

.p-col-offset-24[data-v-ec4483e0] {
    margin-left: 100%
}

@media screen and (max-width: 799px) {
    .p-col-xs-1[data-v-ec4483e0] {
        max-width: 4.16666667%;
        flex: 0 0 4.16666667%
    }

    .p-col-xs-2[data-v-ec4483e0] {
        max-width: 8.33333333%;
        flex: 0 0 8.33333333%
    }

    .p-col-xs-3[data-v-ec4483e0] {
        max-width: 12.5%;
        flex: 0 0 12.5%
    }

    .p-col-xs-4[data-v-ec4483e0] {
        max-width: 16.66666667%;
        flex: 0 0 16.66666667%
    }

    .p-col-xs-5[data-v-ec4483e0] {
        max-width: 20.83333333%;
        flex: 0 0 20.83333333%
    }

    .p-col-xs-6[data-v-ec4483e0] {
        max-width: 25%;
        flex: 0 0 25%
    }

    .p-col-xs-7[data-v-ec4483e0] {
        max-width: 29.16666667%;
        flex: 0 0 29.16666667%
    }

    .p-col-xs-8[data-v-ec4483e0] {
        max-width: 33.33333333%;
        flex: 0 0 33.33333333%
    }

    .p-col-xs-9[data-v-ec4483e0] {
        max-width: 37.5%;
        flex: 0 0 37.5%
    }

    .p-col-xs-10[data-v-ec4483e0] {
        max-width: 41.66666667%;
        flex: 0 0 41.66666667%
    }

    .p-col-xs-11[data-v-ec4483e0] {
        max-width: 45.83333333%;
        flex: 0 0 45.83333333%
    }

    .p-col-xs-12[data-v-ec4483e0] {
        max-width: 50%;
        flex: 0 0 50%
    }

    .p-col-xs-13[data-v-ec4483e0] {
        max-width: 54.16666667%;
        flex: 0 0 54.16666667%
    }

    .p-col-xs-14[data-v-ec4483e0] {
        max-width: 58.33333333%;
        flex: 0 0 58.33333333%
    }

    .p-col-xs-15[data-v-ec4483e0] {
        max-width: 62.5%;
        flex: 0 0 62.5%
    }

    .p-col-xs-16[data-v-ec4483e0] {
        max-width: 66.66666667%;
        flex: 0 0 66.66666667%
    }

    .p-col-xs-17[data-v-ec4483e0] {
        max-width: 70.83333333%;
        flex: 0 0 70.83333333%
    }

    .p-col-xs-18[data-v-ec4483e0] {
        max-width: 75%;
        flex: 0 0 75%
    }

    .p-col-xs-19[data-v-ec4483e0] {
        max-width: 79.16666667%;
        flex: 0 0 79.16666667%
    }

    .p-col-xs-20[data-v-ec4483e0] {
        max-width: 83.33333333%;
        flex: 0 0 83.33333333%
    }

    .p-col-xs-21[data-v-ec4483e0] {
        max-width: 87.5%;
        flex: 0 0 87.5%
    }

    .p-col-xs-22[data-v-ec4483e0] {
        max-width: 91.66666667%;
        flex: 0 0 91.66666667%
    }

    .p-col-xs-23[data-v-ec4483e0] {
        max-width: 95.83333333%;
        flex: 0 0 95.83333333%
    }

    .p-col-xs-24[data-v-ec4483e0] {
        max-width: 100%;
        flex: 0 0 100%
    }
}

@media screen and (max-width: 979px) {
    .p-col-xs-1[data-v-ec4483e0] {
        max-width: 4.16666667%;
        flex: 0 0 4.16666667%
    }

    .p-col-xs-2[data-v-ec4483e0] {
        max-width: 8.33333333%;
        flex: 0 0 8.33333333%
    }

    .p-col-xs-3[data-v-ec4483e0] {
        max-width: 12.5%;
        flex: 0 0 12.5%
    }

    .p-col-xs-4[data-v-ec4483e0] {
        max-width: 16.66666667%;
        flex: 0 0 16.66666667%
    }

    .p-col-xs-5[data-v-ec4483e0] {
        max-width: 20.83333333%;
        flex: 0 0 20.83333333%
    }

    .p-col-xs-6[data-v-ec4483e0] {
        max-width: 25%;
        flex: 0 0 25%
    }

    .p-col-xs-7[data-v-ec4483e0] {
        max-width: 29.16666667%;
        flex: 0 0 29.16666667%
    }

    .p-col-xs-8[data-v-ec4483e0] {
        max-width: 33.33333333%;
        flex: 0 0 33.33333333%
    }

    .p-col-xs-9[data-v-ec4483e0] {
        max-width: 37.5%;
        flex: 0 0 37.5%
    }

    .p-col-xs-10[data-v-ec4483e0] {
        max-width: 41.66666667%;
        flex: 0 0 41.66666667%
    }

    .p-col-xs-11[data-v-ec4483e0] {
        max-width: 45.83333333%;
        flex: 0 0 45.83333333%
    }

    .p-col-xs-12[data-v-ec4483e0] {
        max-width: 50%;
        flex: 0 0 50%
    }

    .p-col-xs-13[data-v-ec4483e0] {
        max-width: 54.16666667%;
        flex: 0 0 54.16666667%
    }

    .p-col-xs-14[data-v-ec4483e0] {
        max-width: 58.33333333%;
        flex: 0 0 58.33333333%
    }

    .p-col-xs-15[data-v-ec4483e0] {
        max-width: 62.5%;
        flex: 0 0 62.5%
    }

    .p-col-xs-16[data-v-ec4483e0] {
        max-width: 66.66666667%;
        flex: 0 0 66.66666667%
    }

    .p-col-xs-17[data-v-ec4483e0] {
        max-width: 70.83333333%;
        flex: 0 0 70.83333333%
    }

    .p-col-xs-18[data-v-ec4483e0] {
        max-width: 75%;
        flex: 0 0 75%
    }

    .p-col-xs-19[data-v-ec4483e0] {
        max-width: 79.16666667%;
        flex: 0 0 79.16666667%
    }

    .p-col-xs-20[data-v-ec4483e0] {
        max-width: 83.33333333%;
        flex: 0 0 83.33333333%
    }

    .p-col-xs-21[data-v-ec4483e0] {
        max-width: 87.5%;
        flex: 0 0 87.5%
    }

    .p-col-xs-22[data-v-ec4483e0] {
        max-width: 91.66666667%;
        flex: 0 0 91.66666667%
    }

    .p-col-xs-23[data-v-ec4483e0] {
        max-width: 95.83333333%;
        flex: 0 0 95.83333333%
    }

    .p-col-xs-24[data-v-ec4483e0] {
        max-width: 100%;
        flex: 0 0 100%
    }
}

@media screen and (min-width: 800px) and (max-width: 1199px) {
    .p-col-sm-1[data-v-ec4483e0] {
        max-width: 4.16666667%;
        flex: 0 0 4.16666667%
    }

    .p-col-sm-2[data-v-ec4483e0] {
        max-width: 8.33333333%;
        flex: 0 0 8.33333333%
    }

    .p-col-sm-3[data-v-ec4483e0] {
        max-width: 12.5%;
        flex: 0 0 12.5%
    }

    .p-col-sm-4[data-v-ec4483e0] {
        max-width: 16.66666667%;
        flex: 0 0 16.66666667%
    }

    .p-col-sm-5[data-v-ec4483e0] {
        max-width: 20.83333333%;
        flex: 0 0 20.83333333%
    }

    .p-col-sm-6[data-v-ec4483e0] {
        max-width: 25%;
        flex: 0 0 25%
    }

    .p-col-sm-7[data-v-ec4483e0] {
        max-width: 29.16666667%;
        flex: 0 0 29.16666667%
    }

    .p-col-sm-8[data-v-ec4483e0] {
        max-width: 33.33333333%;
        flex: 0 0 33.33333333%
    }

    .p-col-sm-9[data-v-ec4483e0] {
        max-width: 37.5%;
        flex: 0 0 37.5%
    }

    .p-col-sm-10[data-v-ec4483e0] {
        max-width: 41.66666667%;
        flex: 0 0 41.66666667%
    }

    .p-col-sm-11[data-v-ec4483e0] {
        max-width: 45.83333333%;
        flex: 0 0 45.83333333%
    }

    .p-col-sm-12[data-v-ec4483e0] {
        max-width: 50%;
        flex: 0 0 50%
    }

    .p-col-sm-13[data-v-ec4483e0] {
        max-width: 54.16666667%;
        flex: 0 0 54.16666667%
    }

    .p-col-sm-14[data-v-ec4483e0] {
        max-width: 58.33333333%;
        flex: 0 0 58.33333333%
    }

    .p-col-sm-15[data-v-ec4483e0] {
        max-width: 62.5%;
        flex: 0 0 62.5%
    }

    .p-col-sm-16[data-v-ec4483e0] {
        max-width: 66.66666667%;
        flex: 0 0 66.66666667%
    }

    .p-col-sm-17[data-v-ec4483e0] {
        max-width: 70.83333333%;
        flex: 0 0 70.83333333%
    }

    .p-col-sm-18[data-v-ec4483e0] {
        max-width: 75%;
        flex: 0 0 75%
    }

    .p-col-sm-19[data-v-ec4483e0] {
        max-width: 79.16666667%;
        flex: 0 0 79.16666667%
    }

    .p-col-sm-20[data-v-ec4483e0] {
        max-width: 83.33333333%;
        flex: 0 0 83.33333333%
    }

    .p-col-sm-21[data-v-ec4483e0] {
        max-width: 87.5%;
        flex: 0 0 87.5%
    }

    .p-col-sm-22[data-v-ec4483e0] {
        max-width: 91.66666667%;
        flex: 0 0 91.66666667%
    }

    .p-col-sm-23[data-v-ec4483e0] {
        max-width: 95.83333333%;
        flex: 0 0 95.83333333%
    }

    .p-col-sm-24[data-v-ec4483e0] {
        max-width: 100%;
        flex: 0 0 100%
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .p-col-sm-1[data-v-ec4483e0] {
        max-width: 4.16666667%;
        flex: 0 0 4.16666667%
    }

    .p-col-sm-2[data-v-ec4483e0] {
        max-width: 8.33333333%;
        flex: 0 0 8.33333333%
    }

    .p-col-sm-3[data-v-ec4483e0] {
        max-width: 12.5%;
        flex: 0 0 12.5%
    }

    .p-col-sm-4[data-v-ec4483e0] {
        max-width: 16.66666667%;
        flex: 0 0 16.66666667%
    }

    .p-col-sm-5[data-v-ec4483e0] {
        max-width: 20.83333333%;
        flex: 0 0 20.83333333%
    }

    .p-col-sm-6[data-v-ec4483e0] {
        max-width: 25%;
        flex: 0 0 25%
    }

    .p-col-sm-7[data-v-ec4483e0] {
        max-width: 29.16666667%;
        flex: 0 0 29.16666667%
    }

    .p-col-sm-8[data-v-ec4483e0] {
        max-width: 33.33333333%;
        flex: 0 0 33.33333333%
    }

    .p-col-sm-9[data-v-ec4483e0] {
        max-width: 37.5%;
        flex: 0 0 37.5%
    }

    .p-col-sm-10[data-v-ec4483e0] {
        max-width: 41.66666667%;
        flex: 0 0 41.66666667%
    }

    .p-col-sm-11[data-v-ec4483e0] {
        max-width: 45.83333333%;
        flex: 0 0 45.83333333%
    }

    .p-col-sm-12[data-v-ec4483e0] {
        max-width: 50%;
        flex: 0 0 50%
    }

    .p-col-sm-13[data-v-ec4483e0] {
        max-width: 54.16666667%;
        flex: 0 0 54.16666667%
    }

    .p-col-sm-14[data-v-ec4483e0] {
        max-width: 58.33333333%;
        flex: 0 0 58.33333333%
    }

    .p-col-sm-15[data-v-ec4483e0] {
        max-width: 62.5%;
        flex: 0 0 62.5%
    }

    .p-col-sm-16[data-v-ec4483e0] {
        max-width: 66.66666667%;
        flex: 0 0 66.66666667%
    }

    .p-col-sm-17[data-v-ec4483e0] {
        max-width: 70.83333333%;
        flex: 0 0 70.83333333%
    }

    .p-col-sm-18[data-v-ec4483e0] {
        max-width: 75%;
        flex: 0 0 75%
    }

    .p-col-sm-19[data-v-ec4483e0] {
        max-width: 79.16666667%;
        flex: 0 0 79.16666667%
    }

    .p-col-sm-20[data-v-ec4483e0] {
        max-width: 83.33333333%;
        flex: 0 0 83.33333333%
    }

    .p-col-sm-21[data-v-ec4483e0] {
        max-width: 87.5%;
        flex: 0 0 87.5%
    }

    .p-col-sm-22[data-v-ec4483e0] {
        max-width: 91.66666667%;
        flex: 0 0 91.66666667%
    }

    .p-col-sm-23[data-v-ec4483e0] {
        max-width: 95.83333333%;
        flex: 0 0 95.83333333%
    }

    .p-col-sm-24[data-v-ec4483e0] {
        max-width: 100%;
        flex: 0 0 100%
    }
}

@media screen and (min-width: 1200px) and (max-width: 1679px) {
    .p-col-md-1[data-v-ec4483e0] {
        max-width: 4.16666667%;
        flex: 0 0 4.16666667%
    }

    .p-col-md-2[data-v-ec4483e0] {
        max-width: 8.33333333%;
        flex: 0 0 8.33333333%
    }

    .p-col-md-3[data-v-ec4483e0] {
        max-width: 12.5%;
        flex: 0 0 12.5%
    }

    .p-col-md-4[data-v-ec4483e0] {
        max-width: 16.66666667%;
        flex: 0 0 16.66666667%
    }

    .p-col-md-5[data-v-ec4483e0] {
        max-width: 20.83333333%;
        flex: 0 0 20.83333333%
    }

    .p-col-md-6[data-v-ec4483e0] {
        max-width: 25%;
        flex: 0 0 25%
    }

    .p-col-md-7[data-v-ec4483e0] {
        max-width: 29.16666667%;
        flex: 0 0 29.16666667%
    }

    .p-col-md-8[data-v-ec4483e0] {
        max-width: 33.33333333%;
        flex: 0 0 33.33333333%
    }

    .p-col-md-9[data-v-ec4483e0] {
        max-width: 37.5%;
        flex: 0 0 37.5%
    }

    .p-col-md-10[data-v-ec4483e0] {
        max-width: 41.66666667%;
        flex: 0 0 41.66666667%
    }

    .p-col-md-11[data-v-ec4483e0] {
        max-width: 45.83333333%;
        flex: 0 0 45.83333333%
    }

    .p-col-md-12[data-v-ec4483e0] {
        max-width: 50%;
        flex: 0 0 50%
    }

    .p-col-md-13[data-v-ec4483e0] {
        max-width: 54.16666667%;
        flex: 0 0 54.16666667%
    }

    .p-col-md-14[data-v-ec4483e0] {
        max-width: 58.33333333%;
        flex: 0 0 58.33333333%
    }

    .p-col-md-15[data-v-ec4483e0] {
        max-width: 62.5%;
        flex: 0 0 62.5%
    }

    .p-col-md-16[data-v-ec4483e0] {
        max-width: 66.66666667%;
        flex: 0 0 66.66666667%
    }

    .p-col-md-17[data-v-ec4483e0] {
        max-width: 70.83333333%;
        flex: 0 0 70.83333333%
    }

    .p-col-md-18[data-v-ec4483e0] {
        max-width: 75%;
        flex: 0 0 75%
    }

    .p-col-md-19[data-v-ec4483e0] {
        max-width: 79.16666667%;
        flex: 0 0 79.16666667%
    }

    .p-col-md-20[data-v-ec4483e0] {
        max-width: 83.33333333%;
        flex: 0 0 83.33333333%
    }

    .p-col-md-21[data-v-ec4483e0] {
        max-width: 87.5%;
        flex: 0 0 87.5%
    }

    .p-col-md-22[data-v-ec4483e0] {
        max-width: 91.66666667%;
        flex: 0 0 91.66666667%
    }

    .p-col-md-23[data-v-ec4483e0] {
        max-width: 95.83333333%;
        flex: 0 0 95.83333333%
    }

    .p-col-md-24[data-v-ec4483e0] {
        max-width: 100%;
        flex: 0 0 100%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1679px) {
    .p-col-md-1[data-v-ec4483e0] {
        max-width: 4.16666667%;
        flex: 0 0 4.16666667%
    }

    .p-col-md-2[data-v-ec4483e0] {
        max-width: 8.33333333%;
        flex: 0 0 8.33333333%
    }

    .p-col-md-3[data-v-ec4483e0] {
        max-width: 12.5%;
        flex: 0 0 12.5%
    }

    .p-col-md-4[data-v-ec4483e0] {
        max-width: 16.66666667%;
        flex: 0 0 16.66666667%
    }

    .p-col-md-5[data-v-ec4483e0] {
        max-width: 20.83333333%;
        flex: 0 0 20.83333333%
    }

    .p-col-md-6[data-v-ec4483e0] {
        max-width: 25%;
        flex: 0 0 25%
    }

    .p-col-md-7[data-v-ec4483e0] {
        max-width: 29.16666667%;
        flex: 0 0 29.16666667%
    }

    .p-col-md-8[data-v-ec4483e0] {
        max-width: 33.33333333%;
        flex: 0 0 33.33333333%
    }

    .p-col-md-9[data-v-ec4483e0] {
        max-width: 37.5%;
        flex: 0 0 37.5%
    }

    .p-col-md-10[data-v-ec4483e0] {
        max-width: 41.66666667%;
        flex: 0 0 41.66666667%
    }

    .p-col-md-11[data-v-ec4483e0] {
        max-width: 45.83333333%;
        flex: 0 0 45.83333333%
    }

    .p-col-md-12[data-v-ec4483e0] {
        max-width: 50%;
        flex: 0 0 50%
    }

    .p-col-md-13[data-v-ec4483e0] {
        max-width: 54.16666667%;
        flex: 0 0 54.16666667%
    }

    .p-col-md-14[data-v-ec4483e0] {
        max-width: 58.33333333%;
        flex: 0 0 58.33333333%
    }

    .p-col-md-15[data-v-ec4483e0] {
        max-width: 62.5%;
        flex: 0 0 62.5%
    }

    .p-col-md-16[data-v-ec4483e0] {
        max-width: 66.66666667%;
        flex: 0 0 66.66666667%
    }

    .p-col-md-17[data-v-ec4483e0] {
        max-width: 70.83333333%;
        flex: 0 0 70.83333333%
    }

    .p-col-md-18[data-v-ec4483e0] {
        max-width: 75%;
        flex: 0 0 75%
    }

    .p-col-md-19[data-v-ec4483e0] {
        max-width: 79.16666667%;
        flex: 0 0 79.16666667%
    }

    .p-col-md-20[data-v-ec4483e0] {
        max-width: 83.33333333%;
        flex: 0 0 83.33333333%
    }

    .p-col-md-21[data-v-ec4483e0] {
        max-width: 87.5%;
        flex: 0 0 87.5%
    }

    .p-col-md-22[data-v-ec4483e0] {
        max-width: 91.66666667%;
        flex: 0 0 91.66666667%
    }

    .p-col-md-23[data-v-ec4483e0] {
        max-width: 95.83333333%;
        flex: 0 0 95.83333333%
    }

    .p-col-md-24[data-v-ec4483e0] {
        max-width: 100%;
        flex: 0 0 100%
    }
}

@media screen and (min-width: 1680px) and (max-width: 1919px) {
    .p-col-lg-1[data-v-ec4483e0] {
        max-width: 4.16666667%;
        flex: 0 0 4.16666667%
    }

    .p-col-lg-2[data-v-ec4483e0] {
        max-width: 8.33333333%;
        flex: 0 0 8.33333333%
    }

    .p-col-lg-3[data-v-ec4483e0] {
        max-width: 12.5%;
        flex: 0 0 12.5%
    }

    .p-col-lg-4[data-v-ec4483e0] {
        max-width: 16.66666667%;
        flex: 0 0 16.66666667%
    }

    .p-col-lg-5[data-v-ec4483e0] {
        max-width: 20.83333333%;
        flex: 0 0 20.83333333%
    }

    .p-col-lg-6[data-v-ec4483e0] {
        max-width: 25%;
        flex: 0 0 25%
    }

    .p-col-lg-7[data-v-ec4483e0] {
        max-width: 29.16666667%;
        flex: 0 0 29.16666667%
    }

    .p-col-lg-8[data-v-ec4483e0] {
        max-width: 33.33333333%;
        flex: 0 0 33.33333333%
    }

    .p-col-lg-9[data-v-ec4483e0] {
        max-width: 37.5%;
        flex: 0 0 37.5%
    }

    .p-col-lg-10[data-v-ec4483e0] {
        max-width: 41.66666667%;
        flex: 0 0 41.66666667%
    }

    .p-col-lg-11[data-v-ec4483e0] {
        max-width: 45.83333333%;
        flex: 0 0 45.83333333%
    }

    .p-col-lg-12[data-v-ec4483e0] {
        max-width: 50%;
        flex: 0 0 50%
    }

    .p-col-lg-13[data-v-ec4483e0] {
        max-width: 54.16666667%;
        flex: 0 0 54.16666667%
    }

    .p-col-lg-14[data-v-ec4483e0] {
        max-width: 58.33333333%;
        flex: 0 0 58.33333333%
    }

    .p-col-lg-15[data-v-ec4483e0] {
        max-width: 62.5%;
        flex: 0 0 62.5%
    }

    .p-col-lg-16[data-v-ec4483e0] {
        max-width: 66.66666667%;
        flex: 0 0 66.66666667%
    }

    .p-col-lg-17[data-v-ec4483e0] {
        max-width: 70.83333333%;
        flex: 0 0 70.83333333%
    }

    .p-col-lg-18[data-v-ec4483e0] {
        max-width: 75%;
        flex: 0 0 75%
    }

    .p-col-lg-19[data-v-ec4483e0] {
        max-width: 79.16666667%;
        flex: 0 0 79.16666667%
    }

    .p-col-lg-20[data-v-ec4483e0] {
        max-width: 83.33333333%;
        flex: 0 0 83.33333333%
    }

    .p-col-lg-21[data-v-ec4483e0] {
        max-width: 87.5%;
        flex: 0 0 87.5%
    }

    .p-col-lg-22[data-v-ec4483e0] {
        max-width: 91.66666667%;
        flex: 0 0 91.66666667%
    }

    .p-col-lg-23[data-v-ec4483e0] {
        max-width: 95.83333333%;
        flex: 0 0 95.83333333%
    }

    .p-col-lg-24[data-v-ec4483e0] {
        max-width: 100%;
        flex: 0 0 100%
    }
}

@media screen and (min-width: 1920px) {
    .p-col-xl-1[data-v-ec4483e0] {
        max-width: 4.16666667%;
        flex: 0 0 4.16666667%
    }

    .p-col-xl-2[data-v-ec4483e0] {
        max-width: 8.33333333%;
        flex: 0 0 8.33333333%
    }

    .p-col-xl-3[data-v-ec4483e0] {
        max-width: 12.5%;
        flex: 0 0 12.5%
    }

    .p-col-xl-4[data-v-ec4483e0] {
        max-width: 16.66666667%;
        flex: 0 0 16.66666667%
    }

    .p-col-xl-5[data-v-ec4483e0] {
        max-width: 20.83333333%;
        flex: 0 0 20.83333333%
    }

    .p-col-xl-6[data-v-ec4483e0] {
        max-width: 25%;
        flex: 0 0 25%
    }

    .p-col-xl-7[data-v-ec4483e0] {
        max-width: 29.16666667%;
        flex: 0 0 29.16666667%
    }

    .p-col-xl-8[data-v-ec4483e0] {
        max-width: 33.33333333%;
        flex: 0 0 33.33333333%
    }

    .p-col-xl-9[data-v-ec4483e0] {
        max-width: 37.5%;
        flex: 0 0 37.5%
    }

    .p-col-xl-10[data-v-ec4483e0] {
        max-width: 41.66666667%;
        flex: 0 0 41.66666667%
    }

    .p-col-xl-11[data-v-ec4483e0] {
        max-width: 45.83333333%;
        flex: 0 0 45.83333333%
    }

    .p-col-xl-12[data-v-ec4483e0] {
        max-width: 50%;
        flex: 0 0 50%
    }

    .p-col-xl-13[data-v-ec4483e0] {
        max-width: 54.16666667%;
        flex: 0 0 54.16666667%
    }

    .p-col-xl-14[data-v-ec4483e0] {
        max-width: 58.33333333%;
        flex: 0 0 58.33333333%
    }

    .p-col-xl-15[data-v-ec4483e0] {
        max-width: 62.5%;
        flex: 0 0 62.5%
    }

    .p-col-xl-16[data-v-ec4483e0] {
        max-width: 66.66666667%;
        flex: 0 0 66.66666667%
    }

    .p-col-xl-17[data-v-ec4483e0] {
        max-width: 70.83333333%;
        flex: 0 0 70.83333333%
    }

    .p-col-xl-18[data-v-ec4483e0] {
        max-width: 75%;
        flex: 0 0 75%
    }

    .p-col-xl-19[data-v-ec4483e0] {
        max-width: 79.16666667%;
        flex: 0 0 79.16666667%
    }

    .p-col-xl-20[data-v-ec4483e0] {
        max-width: 83.33333333%;
        flex: 0 0 83.33333333%
    }

    .p-col-xl-21[data-v-ec4483e0] {
        max-width: 87.5%;
        flex: 0 0 87.5%
    }

    .p-col-xl-22[data-v-ec4483e0] {
        max-width: 91.66666667%;
        flex: 0 0 91.66666667%
    }

    .p-col-xl-23[data-v-ec4483e0] {
        max-width: 95.83333333%;
        flex: 0 0 95.83333333%
    }

    .p-col-xl-24[data-v-ec4483e0] {
        max-width: 100%;
        flex: 0 0 100%
    }
}

.p-col[data-v-ec4483e0] {
    width: fit-content;
    height: fit-content;
    transition: all .3s ease-in-out
}

.Menu[data-v-9cc1c903] {
    width: 100%;
    height: 100%;
    background-color: #fff
}

.Menu[data-v-9cc1c903]>.MenuItem {
    margin-top: 8px !important
}

.Menu[data-v-9cc1c903]>.MenuItem:nth-child(1) {
    margin-top: 0 !important
}

.Menu[data-v-9cc1c903]>.SubMenu {
    margin-top: 8px !important
}

.Menu[data-v-9cc1c903]>.SubMenu:nth-child(1) {
    margin-top: 0 !important
}

.p-transition-enter-active[data-v-7cef6cd0],
.p-transition-leave-active[data-v-7cef6cd0] {
    transition: all .3s ease-in-out
}

.p-transition-enter-from[data-v-7cef6cd0],
.p-transition-leave-to[data-v-7cef6cd0] {
    opacity: 0
}

.SubMenu[data-v-8b3b1542] {
    width: 100%;
    height: fit-content
}

.SubMenu-box[data-v-8b3b1542] {
    cursor: pointer;
    padding: 9px 10px 9px 12px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color .3s ease-in-out
}

.SubMenu-box .prefix-title-box[data-v-8b3b1542] {
    display: flex;
    align-items: center
}

.SubMenu-box .prefix-title-box .prefix-box[data-v-8b3b1542] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    transition: color .3s ease-in-out;
    color: #191919
}

.SubMenu-box .prefix-title-box .title-box[data-v-8b3b1542] {
    padding-left: 6px;
    font-size: 16px;
    font-weight: 500;
    color: #191919;
    line-height: 22px;
    transition: color .3s ease-in-out
}

.SubMenu-box .append-box[data-v-8b3b1542] {
    width: 16px;
    height: 16px;
    transform: rotate(90deg);
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center
}

.SubMenu-box .append-box--active[data-v-8b3b1542] {
    transform: rotate(-90deg);
    color: #191919
}

.SubMenu-box-bg--active[data-v-8b3b1542] {
    background-color: var(--primary-background-active)
}

.SubMenu-box--active .prefix-title-box .prefix-box[data-v-8b3b1542],
.SubMenu-box--active .prefix-title-box .title-box[data-v-8b3b1542] {
    color: #191919
}

.SubMenu-box[data-v-8b3b1542]:hover {
    background-color: var(--primary-background-hover)
}

.SubMenu-box[data-v-8b3b1542]:active {
    background-color: var(--primary-background-active)
}

.SubMenu .sub-menu-item__container[data-v-8b3b1542] {
    padding-top: 8px
}

.SubMenu .sub-menu-item__container[data-v-8b3b1542]>.MenuItem:nth-child(1) {
    margin-top: 0 !important
}

.simple-mode[data-v-8b3b1542] {
    padding: 0 10px 0 0 !important
}

.simple-mode .content[data-v-8b3b1542] {
    flex: 1;
    height: 100%
}

.MenuItem[data-v-c1e3b386] {
    width: 100%;
    height: fit-content;
    cursor: pointer
}

.MenuItem__container[data-v-c1e3b386] {
    border-radius: 8px;
    background-color: #fff;
    height: 40px;
    padding: 9px 42px;
    padding-left: calc(var(--p-level) * 12px);
    color: #191919;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    transition: all .3s ease-in-out
}

.MenuItem__container .prefix-box[data-v-c1e3b386] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center
}

.MenuItem__container .MenuItem-title[data-v-c1e3b386] {
    padding-left: 6px
}

.MenuItem__container .append-box[data-v-c1e3b386] {
    display: flex;
    align-items: center
}

.MenuItem__container[data-v-c1e3b386]:hover {
    background-color: var(--primary-background-hover)
}

.MenuItem__container[data-v-c1e3b386]:active {
    background-color: var(--primary-background-active)
}

.MenuItem__container--active[data-v-c1e3b386] {
    background-color: var(--primary-background-active) !important
}

.simple-mode[data-v-c1e3b386] {
    padding: 0 !important
}

.pac-text[data-v-4c02da73] {
    cursor: pointer
}

.pac-text[data-v-4c02da73]:hover {
    text-decoration: underline
}

.pac-text--primary[data-v-4c02da73] {
    font-weight: 500;
    color: var(--primary-color)
}

.pac-text--primary[data-v-4c02da73]:hover {
    color: #8045ed
}

.pac-text--primary[data-v-4c02da73]:active {
    color: #400eba
}

.pac-text--secondary[data-v-4c02da73] {
    color: #191919
}

.p-radio-box[data-v-d5a928c8] {
    line-height: 16px;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    cursor: pointer
}

.p-radio-box:hover .p-radio-circle[data-v-d5a928c8] {
    border-color: var(--primary-color)
}

.p-radio-box:hover .p-radio-circle[data-v-d5a928c8]:after {
    background-color: #cacaca
}

.p-radio-circle[data-v-d5a928c8] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1.5px solid #d1d0d2;
    border-radius: 50%;
    margin-right: 8px;
    position: relative;
    background-color: #fff
}

.p-radio-circle[data-v-d5a928c8]:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.p-radio-box.disabled[data-v-d5a928c8] {
    cursor: not-allowed
}

.p-radio-box.disabled .p-radio-circle[data-v-d5a928c8] {
    background-color: #f9f9f9;
    border-color: #e7e5ec !important
}

.p-radio-box.disabled:hover .p-radio-circle[data-v-d5a928c8]:after {
    background-color: #f9f9f9
}

.p-radio-box.disabled.active .p-radio-circle[data-v-d5a928c8]:after {
    background-color: #ccc
}

.p-radio-box.active .p-radio-circle[data-v-d5a928c8] {
    border-color: var(--primary-color)
}

.p-radio-box.active .p-radio-circle[data-v-d5a928c8]:after {
    background-color: var(--primary-color)
}

.p-header[data-v-d87d86a8] {
    width: 100%;
    height: 60px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px
}

.p-segmented[data-v-460311e1] {
    width: 220px;
    height: 36px;
    border-radius: 18px;
    background: #f8f7fa;
    padding: 0 3px;
    display: flex;
    justify-content: space-between;
    justify-items: stretch;
    align-items: center
}

.p-segmented .p-segmented-item[data-v-460311e1] {
    height: 30px;
    padding: 0 8px;
    background-color: transparent;
    font-size: 14px;
    color: #4c4c4c;
    line-height: 30px;
    text-align: center;
    border-radius: 18px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: auto;
    transition: all .3s ease-in-out
}

.p-segmented .p-segmented-item[data-v-460311e1]:hover {
    background: #f0eff2
}

.p-segmented .p-segmented-item.active[data-v-460311e1] {
    background: var(--primary-color);
    color: #fff
}

.p-breadcrumb {
    display: flex;
    align-items: center;
    line-height: var(--lh-normal);
    font-size: 14px;
    color: #595959;
    flex-wrap: wrap
}

.p-breadcrumb.p-breadcrumb-dark .p-breadcrumb-item a {
    color: #ffffffeb
}

.p-breadcrumb.p-breadcrumb-light .p-breadcrumb-item a {
    color: #191919
}

.p-breadcrumb .p-breadcrumb-item {
    display: flex;
    align-items: center;
    height: 100%;
    height: 24px
}

.p-breadcrumb .p-breadcrumb-item a {
    font-size: 14px;
    font-weight: var(--fw-normal);
    text-align: left;
    line-height: 19px;
    white-space: nowrap
}

.p-breadcrumb .p-breadcrumb-item a:hover {
    text-decoration: underline
}

.p-breadcrumb .p-breadcrumb-item a:active {
    text-decoration: none
}

.p-breadcrumb .p-breadcrumb-item a.a-link-neo:hover,
.p-breadcrumb .p-breadcrumb-item a.a-link-neo:active {
    color: #191919;
    text-decoration: underline
}

.p-breadcrumb .p-breadcrumb-item span {
    font-size: 14px;
    font-weight: var(--fw-normal);
    text-align: left;
    color: #7f7f7f;
    line-height: 19px;
    white-space: nowrap
}

.p-breadcrumb .p-breadcrumb-item .p-breadcrumb-separator {
    color: #8c8c8c;
    margin: 0 8px
}

.draggable[data-v-8a4807cb] {
    position: absolute
}

.draggable .drag-corner[data-v-8a4807cb] {
    position: absolute;
    bottom: 0;
    width: 28px;
    height: 28px;
    z-index: 1;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center
}

.draggable .drag-corner.direction-r.active[data-v-8a4807cb]:before {
    transform: scaleX(-1)
}

.draggable .drag-tip[data-v-8a4807cb] {
    position: absolute;
    bottom: 0;
    font-size: 12px;
    max-width: 200px;
    display: block;
    padding: 4px 8px;
    background: #000000bf;
    border-radius: 6px;
    color: #fff;
    pointer-events: none;
    z-index: 100
}

.draggable .drag-tip[data-v-8a4807cb]:after {
    content: "";
    margin: auto;
    position: absolute;
    transform: translate(-50%);
    border-width: 5px;
    border-style: solid
}

.draggable .drag-tip.left-bottom[data-v-8a4807cb] {
    left: -8px;
    transform: translate(-100%)
}

.draggable .drag-tip.left-bottom[data-v-8a4807cb]:after {
    border-color: transparent transparent transparent rgba(0, 0, 0, .75);
    right: -15px
}

.draggable .drag-tip.right-bottom[data-v-8a4807cb] {
    right: -150px
}

.draggable .drag-tip.right-bottom[data-v-8a4807cb]:after {
    left: -5px;
    border-color: transparent rgba(0, 0, 0, .75) transparent transparent
}

.pt-zoom-tool-drag-tip,
.es-zoom-tool-drag-tip {
    width: 200px
}

.zoom-control-popover {
    margin-left: 12px
}

.zoom-control-popover .p-popover__content .p-popover__inner {
    padding: 0;
    overflow: visible;
    box-shadow: none !important
}

.zoom-control[data-v-29a3bcc1] {
    display: flex;
    align-items: center;
    font-weight: 500;
    cursor: pointer;
    color: var(--one-level-text-color)
}

.zoom-control__button[data-v-29a3bcc1] {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 8px;
    font-size: 18px;
    margin: 0 3px;
    color: var(--two-level-text-color);
    transition: all .2s
}

.zoom-control__button i[data-v-29a3bcc1] {
    font-size: 16px;
    margin: 0 !important
}

.zoom-control__button[data-v-29a3bcc1]:hover {
    color: var(--two-level-text-color);
    background: var(--primary-background-hover)
}

.zoom-control__button[data-v-29a3bcc1]:active,
.zoom-control__button.active[data-v-29a3bcc1] {
    color: var(--one-level-text-color);
    background: var(--stroke-default-light)
}

.zoom-control__button.disabled[data-v-29a3bcc1] {
    color: var(--tooltip-text-color);
    cursor: not-allowed
}

.zoom-control__button.disabled[data-v-29a3bcc1]:hover,
.zoom-control__button.disabled[data-v-29a3bcc1]:active {
    background: none
}

.zoom-control__display[data-v-29a3bcc1] {
    font-size: var(--fs-sm);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    width: 48px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin: 0 3px;
    transition: all .2s
}

.zoom-control__display[data-v-29a3bcc1]:hover {
    background: var(--primary-background-hover);
    border-radius: 8px
}

.zoom-control__display[data-v-29a3bcc1]:active {
    background: var(--stroke-default-light);
    border-radius: 8px
}

.zoom-control__menu[data-v-29a3bcc1] {
    font-size: var(--fs-sm);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    width: 136px;
    border-radius: 12px;
    text-align: center;
    padding: 8px;
    color: var(--two-level-text-color);
    border: 1.5px solid #191919;
    box-shadow: 2px 2px 0 0 var(--one-level-text-color);
    transform: translate(-2px, -2px);
    border-width: 1px !important;
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 16px
}

.zoom-control__menu-item[data-v-29a3bcc1] {
    padding: 12px 8px;
    cursor: pointer;
    border-radius: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    transition: all .2s;
    color: #191919;
    border: 1px solid transparent
}

.zoom-control__menu-item[data-v-29a3bcc1]:hover {
    background: #f7f7f7;
    border: 1px solid #191919
}

.zoom-control__menu-item[data-v-29a3bcc1]:active,
.zoom-control__menu-item.active[data-v-29a3bcc1] {
    color: #191919;
    border: 1px solid #191919;
    background: #eee;
    justify-content: space-between
}

.Faq[data-v-f79c4035] {
    width: 100%;
    height: auto;
    overflow: hidden
}

.Faq-title[data-v-f79c4035] {
    font-size: var(--fs-4xl);
    font-weight: var(--fw-medium);
    line-height: var(--lh-normal);
    text-align: left;
    color: var(--one-level-text-color);
    margin-bottom: 16px
}

.Faq-item[data-v-f79c4035] {
    border-bottom: 1px solid #191919
}

.Faq-item-container .title[data-v-f79c4035] {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 24px 0
}

.Faq-item-container .title .expand-icon[data-v-f79c4035] {
    position: relative;
    display: flex;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 26px !important
}

.Faq-item-container .title .expand-icon.open[data-v-f79c4035]:before {
    transform: translate(-50%, -50%) rotate(-360deg)
}

.Faq-item-container .title .expand-icon.open[data-v-f79c4035]:after {
    transform: translate(-50%, -50%) rotate(-90deg) scaleX(0)
}

.Faq-item-container .title .expand-icon[data-v-f79c4035]:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 12px;
    height: 2.4px;
    top: 50%;
    left: 50%;
    background: #000;
    transition: transform .4s ease;
    transform: translate(-50%, -50%) rotate(-180deg)
}

.Faq-item-container .title .expand-icon[data-v-f79c4035]:after {
    content: "";
    display: inline-block;
    position: absolute;
    background: #000;
    width: 12px;
    height: 2.4px;
    top: 50%;
    left: 50%;
    transition: transform .4s ease;
    transform: translate(-50%, -50%) rotate(90deg)
}

.Faq-item-container:hover p[data-v-f79c4035],
.Faq-item-container:hover h3[data-v-f79c4035] {
    color: #4c4c4c
}

.Faq-item-container p[data-v-f79c4035],
.Faq-item-container h3[data-v-f79c4035] {
    flex-grow: 1;
    font-size: 20px;
    font-weight: var(--fw-normal);
    color: var(--one-level-text-color);
    line-height: 30px;
    transition: color .2s ease-in-out
}

.Faq-item-container p[data-v-f79c4035]:active,
.Faq-item-container h3[data-v-f79c4035]:active {
    color: #191919
}

.Faq-item-container span[data-v-f79c4035] {
    font-size: 26px !important
}

.Faq-item-container .Faq-item-answer[data-v-f79c4035] {
    transition: all .4s ease-in-out;
    max-height: 0px;
    text-align: left;
    color: var(--two-level-text-color);
    overflow: hidden
}

.Faq-item-container .Faq-item-answer p[data-v-f79c4035] {
    margin-top: 16px;
    font-size: var(--fs-base);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal)
}

.Faq-item-container .Faq-item-answer p[data-v-f79c4035]:nth-child(1) {
    margin-top: 0
}

.Faq-item-answer[data-v-f79c4035] {
    font-size: var(--fs-base);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    transition: all .4s ease-in-out;
    max-height: 0px;
    text-align: left;
    color: var(--two-level-text-color);
    overflow: hidden
}

.Faq-item-answer p[data-v-f79c4035] {
    margin-top: 16px
}

.Faq-item-answer p[data-v-f79c4035]:nth-child(1) {
    margin-top: 0
}

.question-enter-active[data-v-f79c4035] {
    transition: all .3s ease-out
}

.question-leave-active[data-v-f79c4035] {
    transition: all .3s ease-in
}

.question-enter-from[data-v-f79c4035],
.question-leave-to[data-v-f79c4035] {
    transform: translateY(-20px);
    opacity: 0
}

.search-box[data-v-2ebb0f6f] {
    display: flex;
    align-items: center;
    position: relative;
    height: 48px;
    background: var(--primary-background-light);
    border: 1px solid var(--stroke-default);
    border-radius: 12px;
    padding-left: 20px;
    padding-right: 16px;
    transition: border-color .2s ease-in-out
}

.search-box[data-v-2ebb0f6f]:hover,
.search-box[data-v-2ebb0f6f]:focus-within {
    border-color: var(--stroke-active)
}

.search-box.special-style_neo[data-v-2ebb0f6f] {
    border-color: #7f7f7f
}

.search-box.special-style_neo[data-v-2ebb0f6f]:hover,
.search-box.special-style_neo[data-v-2ebb0f6f]:focus-within {
    border-color: #191919
}

.search-box .prefix[data-v-2ebb0f6f] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px
}

.search-box .prefix i[data-v-2ebb0f6f] {
    font-size: 24px;
    color: var(--one-level-text-color)
}

.search-box .input-el[data-v-2ebb0f6f] {
    width: calc(100% - 64px);
    height: 100%;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: var(--fw-normal);
    text-align: left;
    color: var(--one-level-text-color);
    line-height: 22px;
    margin-left: 4px;
    background: transparent
}

.search-box .input-el[data-v-2ebb0f6f]::placeholder {
    font-size: 16px;
    font-weight: var(--fw-normal);
    color: #b2b2b2;
    line-height: 22px;
    text-overflow: ellipsis
}

.search-box .input-ellipsis[data-v-2ebb0f6f] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.search-box:focus-within .placeholder-mask[data-v-2ebb0f6f] {
    display: none
}

.search-box:has(.input-valid-value) .placeholder-mask[data-v-2ebb0f6f] {
    display: none
}

.search-box .placeholder-mask[data-v-2ebb0f6f] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 85%;
    font-size: var(--fs-base);
    margin-left: 5px;
    font-weight: var(--fw-normal);
    color: var(--three-level-text-color);
    line-height: var(--lh-tight);
    pointer-events: none;
    padding-right: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.search-box .complete-list[data-v-2ebb0f6f] {
    width: 100%;
    position: absolute;
    bottom: -10px;
    left: 0;
    transform: translateY(100%);
    z-index: 10;
    max-height: 250px;
    margin-bottom: 0;
    padding: 4px 0;
    overflow: auto;
    list-style: none;
    outline: 0;
    background-color: #fff;
    box-shadow: 0 2px 8px #00000026;
    border-radius: 4px
}

.search-box .complete-list li[data-v-2ebb0f6f] {
    position: relative;
    display: block;
    padding: 5px 12px;
    overflow: hidden;
    color: #000000a6;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: background .3s ease
}

.search-box .complete-list li[data-v-2ebb0f6f]:hover {
    background-color: #f9f0ff
}

.search-box .input-suffix[data-v-2ebb0f6f] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.search-box .input-suffix .search[data-v-2ebb0f6f] {
    font-size: 30px
}

.search-box .input-suffix .clear[data-v-2ebb0f6f] {
    font-size: 24px;
    color: #191919;
    height: 24px;
    line-height: 24px;
    transition: background-color .2s ease-in-out;
    display: flex;
    align-items: center;
    border-radius: 50%;
    color: var(--one-level-text-color)
}

.search-box .input-suffix .clear[data-v-2ebb0f6f]:hover {
    background-color: var(--stroke-default)
}

.search-box .input-suffix .clear[data-v-2ebb0f6f]:active {
    background-color: var(--primary-background-active)
}

.search-box .input-suffix i[data-v-2ebb0f6f] {
    cursor: pointer
}

.search-box-inside[data-v-2ebb0f6f] {
    height: 36px;
    border-radius: 8px;
    padding: 0 8px
}

.search-box-inside .prefix[data-v-2ebb0f6f] {
    width: 20px;
    height: 20px
}

.search-box-inside .prefix i[data-v-2ebb0f6f] {
    font-size: 20px
}

.search-box-inside .input-suffix .clear[data-v-2ebb0f6f] {
    height: 20px;
    line-height: 20px;
    font-size: 20px
}

.rtl-enter-active[data-v-5bf7d8ca],
.rtl-leave-active[data-v-5bf7d8ca] {
    transform: translate(0) translateZ(100px)
}

.rtl-enter-from[data-v-5bf7d8ca],
.rtl-leave-to[data-v-5bf7d8ca] {
    transform: translate(100%) translateZ(100px)
}

.ltr-enter-active[data-v-5bf7d8ca],
.ltr-leave-active[data-v-5bf7d8ca] {
    transform: translate(0) translateZ(100px)
}

.ltr-enter-from[data-v-5bf7d8ca],
.ltr-leave-to[data-v-5bf7d8ca] {
    transform: translate(-100%) translateZ(100px)
}

.ttb-enter-active[data-v-5bf7d8ca],
.ttb-leave-active[data-v-5bf7d8ca] {
    transform: translateY(0) translateZ(100px)
}

.ttb-enter-from[data-v-5bf7d8ca],
.ttb-leave-to[data-v-5bf7d8ca] {
    transform: translateY(-100%) translateZ(100px)
}

.btt-enter-active[data-v-5bf7d8ca],
.btt-leave-active[data-v-5bf7d8ca] {
    transform: translateY(0) translateZ(100px)
}

.btt-enter-from[data-v-5bf7d8ca],
.btt-leave-to[data-v-5bf7d8ca] {
    transform: translateY(100%) translateZ(100px)
}

.drawer-mask[data-v-5bf7d8ca] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    z-index: 1000;
    background: #0000004d;
    transition: all var(--f1b1f34c) ease-in-out
}

.drawer-mask__header[data-v-5bf7d8ca] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 20px
}

.drawer-mask__header__title[data-v-5bf7d8ca] {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    font-weight: var(--fw-medium);
    font-size: var(--fs-lg);
    color: var(--normal-font-color)
}

.drawer-mask__header__confirm[data-v-5bf7d8ca] {
    font-size: var(--fs-base);
    color: var(--primary-color);
    cursor: pointer
}

.drawer[data-v-5bf7d8ca] {
    position: fixed;
    overflow: hidden;
    padding: 24px 20px 0;
    z-index: 1001;
    background: #fff;
    box-shadow: -4px 0 8px #0000000d;
    display: flex;
    flex-direction: column;
    background: var(--primary-background-light)
}

.drawer .header[data-v-5bf7d8ca] {
    width: 100%;
    height: auto;
    position: relative
}

.drawer .content--container[data-v-5bf7d8ca] {
    flex-grow: 1;
    overflow: hidden
}

.drawer.ltr[data-v-5bf7d8ca] {
    left: 0;
    top: 0;
    bottom: 0;
    transition: transform var(--f1b1f34c) ease-in-out
}

.drawer.rtl[data-v-5bf7d8ca] {
    top: 0;
    right: 0;
    bottom: 0;
    transition: transform var(--f1b1f34c) ease-in-out
}

.drawer.ttb[data-v-5bf7d8ca] {
    left: 0;
    top: 0;
    right: 0;
    transition: transform var(--f1b1f34c) ease-in-out
}

.drawer.btt[data-v-5bf7d8ca] {
    left: 0;
    bottom: 0;
    right: 0;
    transition: transform var(--f1b1f34c) ease-in-out
}

.p-transition-enter-active[data-v-1924a897],
.p-transition-leave-active[data-v-1924a897] {
    transition: all .3s ease-in-out
}

.p-transition-enter-from[data-v-1924a897],
.p-transition-leave-to[data-v-1924a897] {
    opacity: 0
}

.pac-switch input[type=checkbox][data-v-c00f6c93] {
    height: 0;
    width: 0;
    display: none
}

.pac-switch.theme-neo-style input:checked+label[data-v-c00f6c93] {
    background: #191919
}

.pac-switch label[data-v-c00f6c93] {
    cursor: pointer;
    text-indent: -9999px;
    width: 28px;
    height: 16px;
    background: var(--disabled-text-color);
    display: block;
    border-radius: 100px;
    position: relative;
    transform: translateZ(0)
}

.pac-switch label[data-v-c00f6c93]:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 3px;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 100%;
    transition: .3s
}

.pac-switch input:checked+label[data-v-c00f6c93] {
    background: var(--primary-color)
}

.pac-switch input:checked+label[data-v-c00f6c93]:after {
    left: calc(100% - 3px);
    transform: translate(-100%, -50%)
}

.pac-switch label[data-v-c00f6c93]:active:after {
    width: 15px
}

.v2[data-v-b2ebc8d3] {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 990
}

.p-select[data-v-b2ebc8d3] {
    cursor: pointer
}

.p-select:hover .p-select-input[data-v-b2ebc8d3] {
    border-color: var(--primary-color)
}

.p-select.theme-neo-style:hover .p-select-input[data-v-b2ebc8d3] {
    border-color: #191919
}

.p-select.theme-neo-style .p-select-input[data-v-b2ebc8d3]:hover,
.p-select.theme-neo-style .p-select-input[data-v-b2ebc8d3]:focus-within {
    border-color: #191919 !important
}

.p-select.theme-neo-style .p-select-input[data-v-b2ebc8d3]:active {
    border-color: #191919 !important
}

.p-select-input[data-v-b2ebc8d3] {
    height: 100%;
    border-radius: 8px;
    border: 1px solid var(--line-type-component-border);
    background: #fff;
    padding: 10px 8px 10px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: border-color .3s ease
}

.p-select-input span[data-v-b2ebc8d3] {
    font-size: var(--fs-base);
    font-weight: var(--fw-normal)
}

.p-select-input .arrow[data-v-b2ebc8d3] {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--three-level-text-color);
    transition: transform .3s ease;
    font-size: 16px;
    font-weight: 600
}

.p-select-input .arrow.open[data-v-b2ebc8d3] {
    transform: rotate(180deg)
}

.p-select-options[data-v-b2ebc8d3] {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding-top: 4px
}

.p-select-options-container[data-v-b2ebc8d3] {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px #00000014;
    z-index: 1;
    overflow: hidden
}

.p-select-options-container .p-select-options-item[data-v-b2ebc8d3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 12px;
    padding-right: 14px;
    transition: background-color .3s ease
}

.p-select-options-container .p-select-options-item span[data-v-b2ebc8d3] {
    font-size: var(--fs-sm);
    font-weight: var(--fw-normal);
    line-height: 40px;
    -webkit-user-select: none;
    user-select: none
}

.p-select-options-container .p-select-options-item i.select-icon[data-v-b2ebc8d3] {
    color: var(--one-level-text-color);
    font-size: 20px;
    font-weight: 500
}

.p-select-options-container .p-select-options-item[data-v-b2ebc8d3]:hover {
    background-color: #f0f0f0
}

.p-select-options-container .p-select-options-item.item-active[data-v-b2ebc8d3] {
    background-color: #741eff0f
}

.p-select.disabled .p-select-input[data-v-b2ebc8d3] {
    background: #f7f7f7;
    border-color: var(--line-type-component-border);
    color: var(--disabled-text-color);
    cursor: not-allowed
}

.p-select.disabled .arrow[data-v-b2ebc8d3] {
    color: var(--disabled-text-color)
}

.p-select.sm[data-v-b2ebc8d3] {
    height: 36px
}

.p-select.md[data-v-b2ebc8d3] {
    height: 40px
}

.p-select.lg[data-v-b2ebc8d3] {
    height: 48px
}

.select-enter-active,
.select-leave-active {
    transition: all .2s ease-in-out
}

.select-enter-from,
.select-leave-to {
    opacity: 0
}

.PMsgTip[data-v-baa6cbe7] {
    width: fit-content;
    min-width: 331px;
    height: auto;
    padding: 8px 12px;
    background: #000c;
    border-radius: 8px;
    position: fixed;
    z-index: 9999;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.PMsgTip--warning[data-v-baa6cbe7] {
    background-color: red
}

.PMsgTip span[data-v-baa6cbe7] {
    flex-grow: 1;
    font-size: var(--fs-base);
    font-weight: var(--fw-medium);
    color: #fff;
    line-height: var(--lh-normal)
}

.PMsgTip .close[data-v-baa6cbe7] {
    margin-left: 8px;
    flex-shrink: 0;
    height: 16px;
    width: 16px !important;
    cursor: pointer;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.PMsgTip .close i[data-v-baa6cbe7] {
    font-size: 20px;
    color: #7f7f7f;
    line-height: 16px
}

.fade-in[data-v-baa6cbe7] {
    animation: msg-fade-baa6cbe7 var(--23acf196) ease-in-out
}

.fade-out[data-v-baa6cbe7] {
    animation: msg-fade-out-baa6cbe7 var(--23acf196) ease-in-out
}

@keyframes msg-fade-baa6cbe7 {
    0% {
        opacity: 0;
        transform: translate(-50%, 100%)
    }

    to {
        opacity: 1;
        transform: translate(-50%)
    }
}

@keyframes msg-fade-out-baa6cbe7 {
    0% {
        opacity: 1;
        transform: translate(-50%)
    }

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

.pac-mobile-select[data-v-e1965d0a] {
    border: 1px solid #cfcfcf;
    font-size: 12px;
    display: flex;
    justify-content: space-between
}

.pac-mobile-select__suffix-icon[data-v-e1965d0a] {
    font-size: 20px;
    margin-right: -8px;
    color: #8e8d8df2;
    transition: transform .3s
}

.pac-mobile-select__suffix-icon--active[data-v-e1965d0a] {
    transform: rotate(-180deg)
}

.pac-mobile-select[data-v-e1965d0a]:hover,
.pac-mobile-select.active[data-v-e1965d0a] {
    border: 1px solid var(--primary-color)
}

.pac-mobile-select.normal[data-v-e1965d0a] {
    border-radius: 4px;
    line-height: 38px;
    padding: 0 12px
}

.pac-mobile-select.sm[data-v-e1965d0a] {
    border-radius: 2px;
    line-height: 24px;
    padding: 0 8px
}

.pac-mobile-select.lg[data-v-e1965d0a] {
    border-radius: 8px;
    line-height: 40px;
    padding: 12px
}

.pac-mobile-select.theme-neo-style[data-v-e1965d0a]:hover,
.pac-mobile-select.theme-neo-style.active[data-v-e1965d0a] {
    border: 1px solid #191919
}

.pac-mobile-select__menu[data-v-e1965d0a] {
    margin-bottom: -14px
}

.pac-mobile-select__menu[data-v-e1965d0a] .Menu .MenuItem:not(:first-child) {
    margin-top: 4px !important
}

.pac-mobile-select__menu[data-v-e1965d0a] .Menu .MenuItem__container {
    height: auto;
    padding: 12px 14px;
    line-height: 24px
}

.pac-mobile-select__menu[data-v-e1965d0a] .Menu .MenuItem__container .MenuItem-title {
    padding: 0
}

.pac-mobile-select__menu[data-v-e1965d0a] .Menu .SubMenu-box {
    background-color: unset
}

.pac-mobile-select__menu[data-v-e1965d0a] .Menu .sub-menu-item__container {
    padding-top: 4px
}

.pac-mobile-select__menu--disabled[data-v-e1965d0a] {
    pointer-events: none;
    background-color: unset
}

.pac-mobile-select__menu--disabled[data-v-e1965d0a] .MenuItem-title {
    color: var(--disabled-text-color)
}

.pac-mobile-select__title[data-v-e1965d0a] {
    display: flex;
    align-items: center
}

.pac-mobile-select__drawer .content--container {
    overflow: hidden auto !important
}

.pac-skeleton-loader-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.pac-skeleton-loader-element {
    background-image: linear-gradient(to left, var(--skeleton-image-background-color), var(--skeleton-image-gradient-end-color), var(--skeleton-image-background-color));
    animation: slide-to-right 2s infinite;
    background-size: 400% 400%
}

@keyframes slide-to-right {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0% 50%
    }
}

.skeleton-loader {
    position: relative
}

.tooltip-wrapper[data-v-fec1dda4] {
    display: inline-block;
    position: relative
}

.tooltip[data-v-fec1dda4] {
    position: fixed;
    pointer-events: none;
    color: #fff;
    font-family: Gilroy;
    font-size: 14px;
    padding: 4px 8px;
    white-space: nowrap;
    z-index: 9999;
    transform: translateY(-50%);
    border-radius: 6px;
    opacity: .8;
    background: #191919;
    box-shadow: 0 12px 16px -12px #5195001a
}

.fade-enter-active[data-v-fec1dda4],
.fade-leave-active[data-v-fec1dda4] {
    transition: opacity .15s ease
}

.fade-enter-from[data-v-fec1dda4],
.fade-leave-to[data-v-fec1dda4] {
    opacity: 0
}



#shopify-block-floating {
    display: none !important;
}

[class^=p-icon-],
[class*=" p-icon-"] {
    font-family: pacdora-iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@charset "UTF-8";

.pac-render-main canvas {
    touch-action: none !important
}

.pac-render-main[data-v-2f1f2c77] {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #edf1f4;
    background: linear-gradient(#c4c5c7, #ebebeb)
}

.pac-render-main .pac-render-lock[data-v-2f1f2c77] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: all;
    cursor: default;
    display: flex;
    justify-content: center;
    align-items: center
}

.pac-render-main[data-v-2f1f2c77] img,
.pac-render-main__canvas[data-v-2f1f2c77] {
    width: calc(100% + var(--13276710));
    height: 100%
}

.size-root[data-v-6f64d1cf] {
    padding: 20px 16px 0;
    background-color: var(--primary-background-light);
    border-radius: 16px;
    overflow: hidden;
    max-height: 100%
}

.size-root__size[data-v-6f64d1cf] {
    padding-bottom: 16px
}

@keyframes animation-wiooy9-e4b6599f {
    0% {
        transform: translate(-100%)
    }

    50% {
        transform: translate(100%)
    }

    to {
        transform: translate(100%)
    }
}

.loading-skeleton .skeleton-selection[data-v-e4b6599f],
.loading-skeleton .skeleton-attributes[data-v-e4b6599f] {
    position: relative;
    overflow: hidden
}

.loading-skeleton .skeleton-selection[data-v-e4b6599f]:after,
.loading-skeleton .skeleton-attributes[data-v-e4b6599f]:after {
    animation: 2s linear .5s infinite normal none running animation-wiooy9-e4b6599f;
    background: linear-gradient(90deg, var(--skeleton-image-gradient-start-color), var(--skeleton-image-gradient-end-color));
    content: "";
    position: absolute;
    transform: translate(-100%);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-skeleton .skeleton-selection[data-v-e4b6599f] {
    height: 48px;
    background: var(--skeleton-image-background-color);
    margin-bottom: 10px;
    border-radius: 8px
}

.loading-skeleton .skeleton-attributes[data-v-e4b6599f] {
    height: 120px;
    background: var(--skeleton-image-background-color);
    border-radius: 8px;
    margin-bottom: 10px
}

.cup-material-box[data-v-e4b6599f] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 40px
}

.cup-material-box .title[data-v-e4b6599f] {
    color: var(--one-level-text-color)
}

.cup-material-box .title[data-v-e4b6599f] {
    font-size: var(--fs-base);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    margin-bottom: 10px
}

.cup-material-box[data-v-e4b6599f] .material-selection .image-container,
.cup-material-box[data-v-e4b6599f] .material-selection .image-container img {
    height: 100% !important
}

.material-root[data-v-f67d910a] {
    padding: 20px 16px 0;
    background: var(--primary-background-light);
    border-radius: 16px;
    max-height: 100%;
    display: flex;
    flex-direction: column
}

.material-root__box[data-v-f67d910a] {
    padding-bottom: 16px
}

.pac-mockup-custom-parts[data-v-680e10d9] {
    padding: 20px 16px 0;
    background: #fff;
    border-radius: 16px;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.pac-mockup-custom-parts__title[data-v-680e10d9] {
    font-size: var(--fs-base);
    font-weight: var(--fw-medium);
    color: var(--normal-font-color);
    margin-bottom: 12px
}

.pac-mockup-custom-parts__item[data-v-680e10d9] {
    padding: 10px 16px;
    border-radius: 12px;
    background: var(--primary-background1);
    display: flex;
    justify-content: space-between
}

.pac-mockup-custom-parts__item[data-v-680e10d9]:not(:last-child) {
    margin-bottom: 8px
}

.pac-mockup-custom-parts__item__name[data-v-680e10d9] {
    font-size: var(--fs-sm);
    color: var(--dialog-tab-content-fc)
}

.pac-mockup-custom-parts__item__custom[data-v-680e10d9] {
    position: relative;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid transparent
}

.pac-mockup-custom-parts__item__custom__border[data-v-680e10d9] {
    width: 100%;
    height: 100%;
    background: conic-gradient(from 90deg at 50% 50%, #e02020, #fa6400 60.19006312deg, #f7b500, #6dd400 180.18498659deg, #0091ff 239.64069843deg, #6236ff 299.95207787deg, #b620e0 360deg);
    border-radius: 50%
}

.pac-mockup-custom-parts__item__custom__background[data-v-680e10d9] {
    position: absolute;
    width: 17px;
    height: 17px;
    background: var(--primary-background1);
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%
}

.pac-mockup-custom-parts__item__custom__preview[data-v-680e10d9] {
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    box-sizing: content-box;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.pac-mockup-custom-parts__item__custom__header[data-v-680e10d9] {
    color: var(--one-level-text-color)
}

.pac-mockup-custom-parts__item__custom__header__divider[data-v-680e10d9] {
    width: 100%;
    height: 1px;
    background: #dcdcdc;
    margin: 12px 0
}

.pac-mockup-custom-parts__item__custom__header__recent[data-v-680e10d9] {
    display: flex
}

.pac-mockup-custom-parts__item__custom__header__recent .pac-mockup-edit-color__content__item[data-v-680e10d9] {
    width: 22px;
    height: 22px
}

.pac-mockup-custom-parts__item__custom__header__recent .pac-mockup-edit-color__content__item[data-v-680e10d9]:not(:last-child) {
    margin-right: 7px
}

.pac-mockup-edit-color__popover .pac-mockup-custom-parts__item__header__title {
    margin-bottom: 12px
}

.find-similar-result[data-v-4064db6e] {
    padding: 20px 0 0;
    background-color: var(--primary-background-light);
    border-radius: 16px;
    overflow: hidden;
    height: auto
}

.find-similar-result-title[data-v-4064db6e] {
    font-size: var(--fs-base);
    font-weight: var(--fw-medium);
    color: var(--one-level-text-color);
    margin-bottom: 10px;
    margin-left: 14px
}

.find-similar-result-title--inspiration[data-v-4064db6e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 14px
}

.find-similar-result-title--inspiration span[data-v-4064db6e] {
    font-size: var(--fs-sm);
    color: #666;
    font-weight: var(--fw-normal);
    cursor: pointer
}

.find-similar-result-list[data-v-4064db6e] {
    height: calc(100% - 34px)
}

.find-similar-result[data-v-4064db6e] .grid-list--nodata {
    min-height: 240px
}

.ai-design-button[data-v-c3203b71] {
    position: absolute;
    top: 490px;
    width: 90px;
    height: 70px;
    background: #ffffff;
    border: 2px;
    border-radius: 16px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
    pointer-events: all;
    transition: all .3s ease
}

.ai-design-button svg[data-v-c3203b71] {
    width: 24px;
    height: 24px
}

.ai-design-button p[data-v-c3203b71] {
    font-size: 11px;
    color: var(--two-level-text-color);
    margin: 0;
    text-align: center;
    font-weight: 400;
    line-height: 12px
}

.ai-design-button[data-v-c3203b71]:hover {
    border-color: #a855f799
}

.ai-design-button:hover p[data-v-c3203b71] {
    color: var(--primary-color)
}

.ai-design-button[data-v-c3203b71]:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px #a855f726
}

.mockup-features[data-v-b7cd9bdc] {
    position: absolute;
    left: 20px;
    top: 20px;
    /* z-index: 12; */
    pointer-events: auto;
    height: calc(100% - 104px)
}

.mockup-features[data-v-b7cd9bdc] .pac-new-menu-card__right {
    width: 360px
        /* width: 400px;  */
}

.mockup-features[data-v-b7cd9bdc] .pac-new-menu-card__left__item__content--101 p {
    white-space: wrap !important
}

.mockup-features[data-v-b7cd9bdc] .pac-new-menu-card--subIncome {
    transition: border-color .3s ease, background .3s ease;
    border: 1px solid #e6e6e6
}

.mockup-features[data-v-b7cd9bdc] .pac-new-menu-card--subIncome:hover {
    border: 1px solid #191919
}

.mockup-features[data-v-b7cd9bdc] .pac-new-menu-card--subIncome:active {
    border: 1.5px solid #191919;
}

.mockup-assist[data-v-6c6471db] {
    width: 60px;
    position: absolute;
    /* right: -550px; */
    top: 20px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

.mockup-assist[data-v-6c6471db] .pac-toolbar .p-icon-mouse {
    font-weight: 600
}

.visiual-popover {
    padding-bottom: 24px;
    transform: translate(-50%) translateY(-95%)
}

.v-cameraBookMark-popover {
    transform: translate(-68px) translateY(-147px)
}

.v-cameraBookMark-popover .p-popover__content .p-popover__inner {
    padding: 8px;
    width: 136px;
    height: 136px
}

.v-cameraBookMark-popover .p-popover__content .p-popover__inner .v-angle-box {
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: #731eff0f
}

.v-cameraBookMark-popover .p-popover__content .p-popover__inner .v-angle-box .empty-box {
    width: 100%;
    border-radius: 8px;
    height: 100%;
    text-align: center;
    border: 1px solid rgba(115, 30, 255, .15);
    font-size: 12px;
    font-weight: var(--fw-normal);
    color: var(--primary-color);
    line-height: 1.2;
    display: flex;
    justify-content: center;
    align-items: center
}

.v-cameraBookMark-popover .p-popover__content .p-popover__inner .v-angle-box .empty-box .p-icon-add-filled {
    font-size: 24px;
    color: #ab78ff
}

.v-cameraBookMark-popover .p-popover__content .p-popover__inner .v-angle-box .empty-box .empty-box-text {
    padding: 0 8px;
    opacity: .6
}

.v-cameraBookMark-popover .p-popover__content .p-popover__inner .v-angle-box .capture-box {
    width: 100%;
    height: 100%;
    position: relative
}

.v-cameraBookMark-popover .p-popover__content .p-popover__inner .v-angle-box .capture-box .save_loading {
    position: absolute;
    top: 42%;
    left: 45%
}

.v-cameraBookMark-popover .p-popover__content .p-popover__inner .v-angle-box .capture-box .lazy-img {
    width: 100%;
    height: 100% !important;
    border-radius: 8px
}

.v-cameraBookMark-popover .p-popover__content .p-popover__inner .v-angle-box .capture-box .lazy-img img {
    object-fit: cover
}

.v-cameraBookMark-popover .p-popover__content .p-popover__inner .v-angle-box .capture-box .hover-mask {
    position: absolute;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #0000004d
}

.v-cameraBookMark-popover .p-popover__content .p-popover__inner .v-angle-box .capture-box .hover-mask .p-icon-delete {
    color: #4c4c4c;
    position: absolute;
    right: 6px;
    border-radius: 4px;
    top: 6px;
    background-color: #fff;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 8px #0000000d, 0 0 4px #0000001a;
    font-size: 16px
}

.v-cameraBookMark-popover .p-popover__content .p-popover__inner .v-angle-box .capture-box .hover-mask .p-icon-delete:hover,
.v-cameraBookMark-popover .p-popover__content .p-popover__inner .v-angle-box .capture-box .hover-mask .p-icon-delete:active {
    background: #e7e5ec
}

.v-cameraBookMark-popover .p-popover__content .p-popover__inner .v-angle-box .capture-box .hover-mask .txt {
    color: #fff;
    position: absolute;
    top: 50%;
    font-size: var(--fs-sm);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    left: 50%;
    transform: translate(-50%, -50%)
}

.camera-bookMark[data-v-cc61d457] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    border-radius: 8px
}

.camera-bookMark .camera-bookMark__trigger[data-v-cc61d457] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%
}

.camera-bookMark[data-v-cc61d457] .p-popover__trigger {
    width: 100%;
    height: 100%
}

.camera-bookMark[data-v-cc61d457]:hover {
    background: var(--primary-background-hover)
}

.camera-bookMark[data-v-cc61d457]:active:not(.camera-bookMark--no-active),
.camera-bookMark--active[data-v-cc61d457] {
    background: #e6e6e6 !important
}

.camera-bookMark .p-icon-camera-bookmark[data-v-cc61d457] {
    font-size: 20px
}

.mockup-tools[data-v-51d58f51] {
    position: absolute;
    width: 100%;
    height: 48px;
    bottom: 20px;
    left: 0;
    z-index: 12;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    padding-left: var(--273d56d3)
}

.mockup-tools[data-v-51d58f51] .pac-toolbar {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: all;
    padding: 8px 10px
}

.mockup-tools[data-v-51d58f51] .pac-toolbar.dimensions-disabled .dimensions.pac-toolbar__item--active {
    cursor: not-allowed;
    background-color: #0000 !important
}

.mockup-tools[data-v-51d58f51] .pac-toolbar.dimensions-disabled .dimensions.pac-toolbar__item--active i.p-icon-ruler {
    color: #d1d0d2
}

.mockup-tools[data-v-51d58f51] .pac-toolbar__item :deep(.model-collapse__close),
.mockup-tools[data-v-51d58f51] .pac-toolbar__item :deep(.model-collapse__open) {
    font-size: 12px
}

.mockup-tools[data-v-51d58f51] .pac-toolbar__item .p-icon-narrow,
.mockup-tools[data-v-51d58f51] .pac-toolbar__item .p-icon-enlarge {
    font-weight: 600
}

.mockup-tools[data-v-51d58f51] .pac-toolbar__item .model-collapse {
    margin: 0 5px
}

.mockup-tools .mockup-tools-wrapper[data-v-51d58f51] {
    padding: 8px;
    height: 48px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px #0000001a;
    pointer-events: all;
    margin-left: 8px
}

.mockup-tools .mockup-tools-wrapper .mockup-tools-watermark[data-v-51d58f51] {
    font-size: 14px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 8px;
    padding: 0 6px
}

.mockup-tools .mockup-tools-wrapper .mockup-tools-watermark[data-v-51d58f51]:hover {
    color: var(--primary-color-hover)
}

.mockup-tools .mockup-tools-wrapper .mockup-tools-watermark[data-v-51d58f51]:active {
    color: var(--primary-color-active)
}

.mockup-tools .mockup-tools-wrapper .mockup-tools-watermark[data-v-51d58f51] .pac-loading {
    border: 2px solid #000;
    border-top-color: transparent
}

.pac-export-dialog[data-v-bb0f2fc7] {
    display: flex;
    flex-direction: column
}

.pac-export-dialog[data-v-bb0f2fc7] .b-dialog-wrapper {
    width: 1200px
}

@media screen and (max-width: 1300px) {
    .pac-export-dialog[data-v-bb0f2fc7] .b-dialog-wrapper {
        width: 1000px !important
    }
}

@media screen and (max-width: 1100px) {
    .pac-export-dialog[data-v-bb0f2fc7] .b-dialog-wrapper {
        width: 900px !important
    }
}

@media screen and (max-width: 1000px) {
    .pac-export-dialog[data-v-bb0f2fc7] .b-dialog-wrapper {
        width: 800px !important
    }
}

.pac-export-dialog[data-v-bb0f2fc7] .close-icon {
    right: 14px !important;
    top: 14px !important
}

.pac-export-dialog[data-v-bb0f2fc7] .close-icon img {
    vertical-align: middle
}

.pac-export-dialog .pac-export-dialog__tab[data-v-bb0f2fc7] {
    color: red;
    width: 100%;
    height: 60px;
    background: #fff;
    border-radius: 12px 12px 0 0;
    box-shadow: 0 4px 8px #00000008, 0 2px 8px #00000008;
    display: flex;
    justify-content: center;
    align-items: center
}

.pac-export-dialog .pac-export-dialog__tab[data-v-bb0f2fc7] .slider-tab-item {
    font-size: var(--fs-lg);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal)
}

.pac-export-dialog .tab-contents[data-v-bb0f2fc7] {
    height: 650px;
    width: 100%;
    display: flex
}

.pac-export-dialog .tab-contents .tab-contents-left[data-v-bb0f2fc7] {
    width: calc(100% - 400px);
    height: 100%;
    position: relative;
    overflow: hidden
}

.pac-export-dialog .tab-contents .tab-contents-right[data-v-bb0f2fc7] {
    width: 400px;
    height: 100%;
    position: relative
}

.pac-export-dialog .tab-contents .tab-contents-right.dieline[data-v-bb0f2fc7] {
    width: 100%
}

.pac-export-dialog .tab-contents .tab-contents-warper[data-v-bb0f2fc7] {
    height: 100%;
    width: 100%
}

.pac-export-dialog .tab-contents .tab-contents-warper.hide[data-v-bb0f2fc7] {
    opacity: 0;
    display: none;
    pointer-events: none
}

.pac-export-dialog .tab-contents .opacity[data-v-bb0f2fc7] {
    opacity: 1;
    transition: opacity .45s;
    display: flex
}

.pac-export-dialog .tab-contents .no-opacity[data-v-bb0f2fc7] {
    opacity: 0;
    height: 0;
    display: none
}

.pac-export-dialog .tab-contents .model-3d[data-v-bb0f2fc7] {
    top: 60px
}

.pac-export-dialog .tab-contents .model-3d.model-3d-opacity[data-v-bb0f2fc7] {
    opacity: 1;
    z-index: 10
}

.pac-export-dialog .tab-contents .model-3d.model-3d-no-opacity[data-v-bb0f2fc7] {
    opacity: 0;
    z-index: -1
}

.pac-export-dialog .tab-contents__skeleton[data-v-bb0f2fc7] {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    z-index: 101
}

.mb8[data-v-51b445a6] {
    margin-bottom: 8px
}

.mt6[data-v-51b445a6] {
    margin-top: 6px
}

.mt18[data-v-51b445a6] {
    margin-top: 18px
}

.mt8[data-v-51b445a6] {
    margin-top: 8px
}

.mt14[data-v-51b445a6] {
    margin-top: 14px
}

.mt12[data-v-51b445a6] {
    margin-top: 12px
}

.mt24[data-v-51b445a6] {
    margin-top: 24px
}

.mt32[data-v-51b445a6] {
    margin-top: 32px
}

.mt36[data-v-51b445a6] {
    margin-top: 36px
}

.mt40[data-v-51b445a6] {
    margin-top: 40px
}

.mt90[data-v-51b445a6] {
    margin-top: 90px
}

.mtAuto[data-v-51b445a6] {
    margin-top: auto
}

.br8[data-v-51b445a6] {
    border-radius: 8px !important
}

.br24[data-v-51b445a6] {
    border-radius: 24px !important
}

.grid2[data-v-51b445a6] {
    width: 340px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px
}

.grid3[data-v-51b445a6] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.txt-bar[data-v-51b445a6] {
    height: 12px;
    border-radius: 6px;
    display: inline-block;
    font-size: 0
}

.block-bar[data-v-51b445a6] {
    border-radius: 8px;
    font-size: 0;
    overflow: hidden;
    display: inline-block
}

@keyframes slide-to-right-51b445a6 {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0% 50%
    }
}

.loading[data-v-51b445a6] {
    background-image: linear-gradient(90deg, #e6e6e6 7%, #ededed);
    animation: slide-to-right-51b445a6 2s infinite;
    background-size: 400% 400%
}

.skeleton-box[data-v-51b445a6] {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center
}

.skeleton-box.hide[data-v-51b445a6] {
    pointer-events: none
}

.skeleton-box.hide .left[data-v-51b445a6] {
    opacity: 0;
    pointer-events: none
}

.skeleton-box.hide .right[data-v-51b445a6] {
    pointer-events: all
}

.skeleton-box .left[data-v-51b445a6] {
    height: 650px;
    flex: 1;
    background: linear-gradient(226deg, #f2f2f2 1%, #e6e5e5)
}

.skeleton-box .right[data-v-51b445a6] {
    height: 100%;
    width: 400px;
    background: #fff;
    padding: 24px 30px
}

.skeleton-box .right__container[data-v-51b445a6] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.zoomRight-enter-from {
    transform: translate(-50%, -50%) scale(0) !important;
    opacity: 0
}

.zoomRight-enter-active {
    transition: all .3s
}

.zoomRight-leave-active {
    animation: fade-out-scale .4s reverse;
    animation-timing-function: cubic-bezier(.17, .79, .66, .97)
}

@keyframes fade-out-scale {
    0% {
        transform: var(--4cb4683e);
        opacity: 0
    }

    20% {
        opacity: .8
    }

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

.pac-mockup-dialog .skeleton-3d[data-v-4e71f5ca] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(226deg, #f2f2f2 1%, #e6e5e5);
    z-index: 99;
    transition: ease-in-out 1s opacity
}

.pac-mockup-dialog .skeleton-3d.show[data-v-4e71f5ca] {
    opacity: 1
}

.pac-mockup-dialog .skeleton-3d.hide[data-v-4e71f5ca] {
    opacity: 0;
    pointer-events: none
}

.pac-mockup-dialog[data-v-4e71f5ca] .b-dialog-wrapper {
    position: fixed
}

@media screen and (max-height: 750px) {
    .pac-mockup-dialog[data-v-4e71f5ca] .tab-contents {
        height: 600px !important;
        overflow: auto
    }

    .pac-mockup-dialog[data-v-4e71f5ca] .tab-contents::-webkit-scrollbar {
        width: 6px
    }

    .pac-mockup-dialog[data-v-4e71f5ca] .tab-contents::-webkit-scrollbar-thumb {
        background: #0003;
        border-radius: 6px
    }

    .pac-mockup-dialog[data-v-4e71f5ca] .tab-contents .tab-contents-left,
    .pac-mockup-dialog[data-v-4e71f5ca] .tab-contents .tab-contents-right {
        height: 600px
    }
}

@media screen and (max-height: 700px) {
    .pac-mockup-dialog[data-v-4e71f5ca] .tab-contents {
        height: 550px !important;
        overflow: auto
    }

    .pac-mockup-dialog[data-v-4e71f5ca] .tab-contents .tab-contents-left,
    .pac-mockup-dialog[data-v-4e71f5ca] .tab-contents .tab-contents-right {
        height: 600px
    }
}

@media screen and (max-height: 650px) {
    .pac-mockup-dialog[data-v-4e71f5ca] .tab-contents {
        height: 500px !important;
        overflow: auto
    }

    .pac-mockup-dialog[data-v-4e71f5ca] .tab-contents .tab-contents-left,
    .pac-mockup-dialog[data-v-4e71f5ca] .tab-contents .tab-contents-right {
        height: 600px
    }
}

@media screen and (max-height: 600px) {
    .pac-mockup-dialog[data-v-4e71f5ca] .tab-contents {
        height: 450px !important;
        overflow: auto
    }

    .pac-mockup-dialog[data-v-4e71f5ca] .tab-contents .tab-contents-left,
    .pac-mockup-dialog[data-v-4e71f5ca] .tab-contents .tab-contents-right {
        height: 600px
    }
}

@media screen and (max-height: 550px) {
    .pac-mockup-dialog[data-v-4e71f5ca] .tab-contents {
        height: 400px !important;
        overflow: auto
    }

    .pac-mockup-dialog[data-v-4e71f5ca] .tab-contents .tab-contents-left,
    .pac-mockup-dialog[data-v-4e71f5ca] .tab-contents .tab-contents-right {
        height: 600px
    }
}

@media screen and (max-height: 450px) {
    .pac-mockup-dialog[data-v-4e71f5ca] .tab-contents {
        overflow: auto;
        height: 300px !important
    }

    .pac-mockup-dialog[data-v-4e71f5ca] .tab-contents .tab-contents-left,
    .pac-mockup-dialog[data-v-4e71f5ca] .tab-contents .tab-contents-right {
        height: 600px
    }
}

.pac-mockup-dialog__container[data-v-4e71f5ca] {
    width: 100%;
    height: 100%;
    position: relative
}

.pac-mockup-dialog__container__background[data-v-4e71f5ca] {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    transform: translateZ(0);
    will-change: transform, filter
}

.pac-mockup-dialog__container__background[data-v-4e71f5ca]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #32323266
}

.pac-mockup-dialog__container__bottom[data-v-4e71f5ca] {
    position: absolute;
    left: 0;
    bottom: 24px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
    pointer-events: none
}

.pac-mockup-dialog__container__bottom[data-v-4e71f5ca] .slider-process {
    margin-left: 10px
}

.pac-mockup-dialog__container__bottom[data-v-4e71f5ca] .slider-process,
.pac-mockup-dialog__container__bottom[data-v-4e71f5ca] .pac-ratio {
    pointer-events: all
}

.pac-mockup-dialog__container__canvas[data-v-4e71f5ca] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: #b9b9b9
}

.pac-mockup-dialog__container__canvas[data-v-4e71f5ca]>img,
.pac-mockup-dialog__container__canvas[data-v-4e71f5ca]>div {
    width: 100%;
    height: 100%
}

.pac-mockup-dialog__container__logo[data-v-4e71f5ca] {
    position: absolute;
    z-index: 9;
    left: 24px;
    bottom: 24px;
    font-size: 17px;
    color: #b2b2b2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Gilroy
}

.pac-mockup-dialog__container__logo img[data-v-4e71f5ca] {
    margin-right: 6px;
    color: unset
}

.pac-render-nameEditor__content[data-v-02ac28c0] {
    padding: 8px 0 0 12px
}

.pac-header-logout-item span {
    color: var(--error-color)
}

.pac-mockup-header[data-v-d524d2f3] .header {
    padding: 12px 20px
}

.pac-mockup-header__logo[data-v-d524d2f3] {
    display: flex;
    align-items: center;
    font-weight: var(--fw-medium);
    color: var(--one-level-text-color);
    margin-right: 12px
}

.pac-mockup-header__logo i[data-v-d524d2f3] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--one-level-text-color);
    width: 32px;
    height: 32px;
    margin-right: 12px;
    cursor: pointer;
    font-size: 32px
}

.pac-mockup-header__mask[data-v-d524d2f3] {
    background: var(--menu-mask-color);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 99;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.pac-mockup-header[data-v-d524d2f3] .left .title {
    margin-left: 15px !important
}

.pac-mockup-header__credit[data-v-d524d2f3] {
    margin-right: 16px
}

.popup-wrapper[data-v-fa9f9071] {
    position: fixed;
    z-index: 12;
    min-width: 187px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px #0000001f;
    overflow: hidden
}

.popup-wrapper.custom-size[data-v-fa9f9071] {
    width: auto;
    padding: 20px 16px;
    width: 240px
}

.popup-wrapper.custom-size .popup-menu[data-v-fa9f9071] {
    padding: 0
}

.popup-wrapper .popup-menu .popup-menu-item[data-v-fa9f9071] {
    padding: 0 12px;
    font-size: var(--fs-sm);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    -webkit-user-select: none;
    user-select: none;
    height: var(--9a1efb10);
    width: 100%;
    display: none;
    justify-content: start;
    align-items: center;
    cursor: pointer
}

.popup-wrapper .popup-menu .popup-menu-item.visible[data-v-fa9f9071] {
    display: flex
}

.popup-wrapper .popup-menu .popup-menu-item i[data-v-fa9f9071] {
    margin-right: 8px;
    font-size: var(--fs-lg);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal)
}

.popup-wrapper .popup-menu .popup-menu-item .p-icon-name-edit[data-v-fa9f9071] {
    font-size: 16px;
    margin-left: 2px;
    margin-right: 10px
}

.popup-wrapper .popup-menu .popup-menu-item[data-v-fa9f9071]:hover {
    background: #e6e6e6
}

.wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden
}

.container-mockup {
    display: flex;
    width: 100% !important;
    height: auto;
    background-color: #d3d3d3;
    position: relative;
    box-shadow: none !important;
}
#Preview .fa-times {
    background-color: unset !important;
}
#bag_color_range{
   background-color:#f7f7f7 #f7f7f7;
}
.container-mockup .mockup-assist {
    top: 84px
}
.container-mockup .mockup-features{
    top:40px;
}

.wrapper__loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-color: #e5e5e533 !important;
    text-align: center
}

.menu-fade-enter-active[data-v-bf23d18c] {
    animation: fade-in-bf23d18c .3s
}

.menu-fade-leave-active[data-v-bf23d18c] {
    animation: fade-out-bf23d18c .3s
}

@keyframes fade-in-bf23d18c {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-bf23d18c {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.v-enter-from[data-v-bf23d18c],
.v-leave-to[data-v-bf23d18c] {
    opacity: 0;
    transform: translate(0)
}

/* .pac-new-menu-card[data-v-bf23d18c] {
    height: 100%
} */

.pac-new-menu-card__left[data-v-bf23d18c] {
    max-height: 100%;
    width: 100% !important;
    pointer-events: all;
    float: left;
    position: relative;
    z-index: 2
}

.pac-new-menu-card__left__back[data-v-bf23d18c] {
    cursor: pointer;
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 0
}

.pac-new-menu-card__left__back .back-btn[data-v-bf23d18c] {
    width: 70px;
    height: 70px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    background: var(--primary-background-light);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 16px;
    box-shadow: 0 4px 8px 0 var(--shadow-color);
    color: var(--one-level-text-color)
}

.pac-new-menu-card__left__back .back-btn .back-btn-icon[data-v-bf23d18c] {
    transform: rotate(180deg);
    font-size: 24px;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center
}

.pac-new-menu-card__left__back .back-btn .back-btn-icon i[data-v-bf23d18c] {
    font-size: 24px
}

.pac-new-menu-card__left__back .back-btn[data-v-bf23d18c]:hover {
    color: var(--primary-color-active)
}

.pac-new-menu-card__left__back .back-btn[data-v-bf23d18c]:active {
    color: var(--primary-color-hover)
}

.pac-new-menu-card__left__content[data-v-bf23d18c] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #ffff !important;
    border-radius: 16px;
    padding: 16px 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08) !important;
    overflow: hidden;
}

.pac-new-menu-card__left__item[data-v-bf23d18c] {
    display: flex;
    flex-direction: column
}

.pac-new-menu-card__left__item[data-v-bf23d18c]:not(:last-child) {
    margin-bottom: 8px
}

.pac-new-menu-card__left__item__content[data-v-bf23d18c] {
    width: 100%;
    text-align: center;
    font-size: 11px;
    padding: 10px 0;
    color: var(--two-level-text-color);
    cursor: pointer
}

.pac-new-menu-card__left__item__content i[data-v-bf23d18c] {
    color: var(--one-level-text-color);
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 5px
}

.pac-new-menu-card__left__item__content[data-v-bf23d18c]:hover,
.pac-new-menu-card__left__item__content--active[data-v-bf23d18c],
.pac-new-menu-card__left__item__content:hover i[data-v-bf23d18c],
.pac-new-menu-card__left__item__content--active i[data-v-bf23d18c] {
    color: #8f47ff
}

.pac-new-menu-card__left__item__content__linearGradient.pac-new-menu-card__left__item__content--active i[data-v-bf23d18c] {
    background: var(--61ddc799);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.pac-new-menu-card__left__item__content__divider[data-v-bf23d18c] {
    width: 56px;
    height: 1px;
    background-color: var(--stroke-divider);
    margin: 15px auto 7px
}

.pac-new-menu-card__right[data-v-bf23d18c] {
    left: 19px !important;
}

.pac-new-menu-card__right__component[data-v-bf23d18c] {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: flex;
    flex-direction: column
}

.pac-new-menu-card__right__component[data-v-bf23d18c]:not(.pac-new-menu-card__right__subMenu) {
    transition: opacity .3s ease-in-out
}

.pac-new-menu-card__right__component--active[data-v-bf23d18c] {
    opacity: 1;
    z-index: 2
}

.pac-new-menu-card__right__component__content[data-v-bf23d18c] {
    box-shadow: 0 4px 8px 0 var(--shadow-color)
}

.pac-new-menu-card__right--collapse .pac-new-menu-card__right__component[data-v-bf23d18c] {
    width: 360px !important;
}

.pac-new-menu-card__right--collapse .pac-new-menu-card__right__component--animation[data-v-bf23d18c] {
    transform: translate(-80px)
}

.pac-new-menu-card__right--collapse .pac-new-menu-card__right__component--animation[data-v-bf23d18c]:not(.pac-new-menu-card__right__subMenu) {
    transition: opacity .3s ease-in-out, transform .3s ease-in-out
}

.pac-new-menu-card__right--collapse .pac-new-menu-card__right__component--active[data-v-bf23d18c] {
    transform: translate(0)
}

.pac-new-menu-card__right--collapse .pac-new-menu-card__right__component--active[data-v-bf23d18c]:not(.pac-new-menu-card__right__subMenu) {
    transition: opacity .3s ease-in-out !important
}

.pac-new-menu-card__right--collapse .pac-new-menu-card__right__component--soft-package[data-v-bf23d18c] {
    width: 336px !important
}

.pac-new-menu-card__right--collapse .pac-new-menu-card__right__component--soft-package[data-v-bf23d18c] .size-root .size-inputs {
    padding: 0 2px
}

.pac-new-menu-card .pac-new-menu-card__right__component--active[data-v-bf23d18c]>:first-child {
    pointer-events: all
}

/* 共用的一些变量 */
[background-theme='default'],
[background-theme='dark'] {
    /* 品牌颜色 */
    --brand-color: #731eff;

    /* 默认颜色 */
    --primary-color5: #9447ff;
    --primary-color4: #b070ff;
    --primary-color3: #ca99ff;
    --primary-color2: #e1c2ff;
    --primary-color1: #f6ebff;

    --brand-color-hover: var(--primary-color5);
    --brand-color-active: #560fd9;
    --brand-color-disable: var(--primary-color4);

    /* 常用语背景的3种颜色（new） */
    --primary-background1: #f7f7f7;
    --primary-background2: #f0f0f0;
    --primary-background3: #e6e6e6;
    --primary-background10: #191919;
    --primary-background4: #d9d9d9;
    --primary-background9: #4c4c4c;
    --primary-background8: #666666;
    --primary-background10: #191919;
    --primary-background3-active: #fff;
    --primary-background0: #ffffff;

    /* 分割线 */
    --split-line-color: #dcdcdc;

    /* 按钮描边 */
    --primary-button-border: #eaeaea;

    /* 线框组件描边 */
    --line-type-component-border: #d1d0d2;

    /* 默认可交互组件背景色 */
    --interactive-component-background-color: #f0f0f0;

    /* 禁用组件描边色 */
    --disabled-component-border: #e9e9e9;

    /* 禁用组件背景色 */
    --disabled-component-background: #f7f7f7;

    /* 禁用文字颜色 */
    --text-disabled-color: #bfbfbf;

    /* 提示用色 */
    --error-color: #ff445e;
    --warn-color: #ff9947;
    --success-color: #1fd486;

    /* 链接颜色 */
    --link-color: #9155ff;

    --primary-light-color: #fbeeff;

    --primary-disable: #aa87f0;
    --primary-hover: #9155ff;
    --primary-highlight: #5a23d7;

    --error-disable: #ffabac;
    --error-hover: #ff8288;
    --error-highlight: #cc3d4e;

    --warn-disable: #ffd5ab;
    --warn-hover: #ffbb81;
    --warn-highlight: #d87c41;

    --success-disable: #6eedae;
    --success-hover: #45e098;
    --success-highlight: #0fad6f;

    --minor-disable: #f9f9f9;
    --minor-hover: #fbeeff;
    --minor-highlight: #731eff;

    --assist-color: #f9f9f9;
    --assist-highlight: #ededed;
    --assist-disable: #f9f9f9;
    --assist-hover: #f4f3f5;

    --h1-color: rgba(0, 0, 0, 0.85);
    --h2-color: rgba(0, 0, 0, 0.65);
    --h3-color: rgba(0, 0, 0, 0.45);
    --h4-color: rgba(0, 0, 0, 0.25);
    --shadow-color: rgba(0, 0, 0, 0.1);
    --theme-background-color: #ffffff;
    --theme-background-light: #f5f5f5;
    --half-deep: rgba(0, 0, 0, 0.5);
    --btn-color: #ffffff;
    --border-color: rgba(0, 0, 0, 0.11);
    --text-tip-color: #60656c;

    --input-placeholder-color: #b2b2b2;

    --tooltip-yellow-bg: #fff4e7;
    --footer-bg-color: #000000;
}

/* 默认背景色主题 */
[background-theme='default'] {
    /* 下面变量 用于default/dark 模式切换 变量有重复的话需要替换成下面的 */
    /* --------------------start-------------------- */

    /* 背景 - 比默认色浅 */
    --primary-background-light: #ffffff;
    --primary-background-light-pure: var(--primary-background-light);
    /* 默认背景色 */
    --primary-background: #f7f7f7;
    /* 默认背景 hover */
    --primary-background-hover: #f0f0f0;
    /* 默认背景 active */
    --primary-background-active: #e6e6e6;
    /* 描边 - 比默认色浅 */
    --stroke-default-light: #eaeaea;
    /* 描边 - 禁用色 */
    --stroke-disabled: #e9e9e9;
    /* 描边 - 分割线 */
    --stroke-divider: #dcdcdc;
    /* 描边-默认 */
    --stroke-default: #d1d0d2;
    /* 描边 - 默认 - 纯色 */
    --stroke-default-pure: var(--stroke-default);
    /* 提示文字色 */
    --tooltip-text-color: #b2b2b2;
    /*禁用文字色 */
    --disabled-text-color: #c0c0c0;
    /* 一、二、三级标题颜色 */
    --one-level-text-color: #191919;
    /* grey 12 */
    --two-level-text-color: #4c4c4c;
    /* grey 11 */
    --three-level-text-color: #7f7f7f;
    /* grey 10 */

    /* 一、二、三级标题颜色 */
    --one-level-text-color-pure: var(--one-level-text-color);
    --two-level-text-color-pure: var(--two-level-text-color);
    --three-level-text-color-pure: var(--three-level-text-color);

    /* 反色 - rgb */
    --reverse-rgb: 0, 0, 0;
    /* 反色 - 背景 */
    --reverse-background-color: rgba(var(--reverse-rgb), 0.75);
    /* 反色 - 文字 */
    --reverse-text-color: #ffffff;
    /* 反色 - 描述 */
    --reverse-description-color: var(--tooltip-text-color);

    /* 菜单下方遮罩 */
    --menu-mask-color: rgb(238, 238, 238, 0.4);

    /* 图片滤镜 */
    /* --image-filter: ; */
    /* 渐变遮罩 - 开始 */
    --gradient-mask-start-color: rgba(255, 255, 255, 0);
    /* 渐变遮罩 - 结束 */
    --gradient-mask-end-color: var(--primary-background-light);
    /* 渐变遮罩 - 顶部 */
    --gradient-top-mask-end-color: rgba(255, 255, 255, 0.3);

    /* 次要 颜色 */
    --minor-color: #f6f5f7;

    /* 骨架屏图片背景色 */
    --skeleton-image-background-color: var(--minor-color);
    /* 骨架屏图片渐变色 */
    --skeleton-image-gradient-start-color: transparent;
    /* 骨架屏图片渐变色 */
    --skeleton-image-gradient-end-color: #fcfcfc;
    /* 骨架屏 - 文字渐变 */
    --skeleton-text-gradient-end-color: #e3e3e3;

    /* 阴影 */
    --shadow-color: rgba(0, 0, 0, 0.08);

    --footer-bg-color: #191919;
    --brand-teal-color: var(--brand-color);

    /* ai 搜索 特殊背景 */
    --primary-background-ai: var(--primary-background-light-pure);
    --stroke-default-ai: var(--tooltip-text-color);

    --neutral-gray-2: #eeeeee;

    --ai-search-keywords-background-hover: #f7f2ff;
    /* 人工配置的特殊搜索关键词背景hover态 */
    --ai-search-keywords-background-active: #efe5ff;
    /* 人工配置的特殊搜索关键词背景激活态 */
    --ai-search-keywords-background-text: linear-gradient(101deg,
            #6a51ff 6.18%,
            #5c6cff 52.33%,
            #9a52ff 91.7%);
    /* 人工配置的特殊搜索关键词背景文字渐变 */
    --ai-search-keywords-background-text-hover-active: linear-gradient(101deg,
            #683aff 6.18%,
            #4352ff 52.33%,
            #822afe 91.7%);
    /* 人工配置的特殊搜索关键词背景hover、active态文字渐变 */
    /* --------------------end-------------------- */
}

/* 默认暗色主题 */
[background-theme='dark'] {
    /* 下面变量 用于default/dark 模式切换 变量有重复的话需要替换成下面的 */
    /* --------------------start-------------------- */

    /* 背景 - 比默认色浅 */
    --primary-background-light: rgba(0, 0, 0, 0.88);
    --primary-background-light-pure: rgb(6, 6, 6);

    /* 默认背景色 */
    --primary-background: rgba(255, 255, 255, 0.09);
    --primary-background1: #1a1a1a;

    --primary-background3: #4d4d4d;
    --primary-background3-active: rgba(0, 0, 0, 1);
    --primary-background10: #f2f2f2;
    --primary-background4: #666666;
    --primary-background9: #e6e6e6;
    --primary-background8: #cccccc;
    --primary-background0: #000000;
    --primary-background10: #f2f2f2;
    /* 默认背景 hover */
    --primary-background-hover: rgba(22, 11, 11, 0.12);
    /* 默认背景 active */
    --primary-background-active: rgba(255, 255, 255, 0.21);
    /* 描边 - 比默认色浅 */
    --stroke-default-light: rgba(255, 255, 255, 0.16);
    /* 描边 - 禁用色 */
    --stroke-disabled: rgba(255, 255, 255, 0.18);
    /* 描边 - 分割线 */
    --stroke-divider: rgba(255, 255, 255, 0.25);
    /* 描边-默认 */
    --stroke-default: rgba(255, 255, 255, 0.29);
    /* 描边 - 默认 - 纯色 */
    --stroke-default-pure: #606060;
    /* 提示文字色 */
    --tooltip-text-color: rgba(255, 255, 255, 0.4);
    /*禁用文字色 */
    --disabled-text-color: rgba(255, 255, 255, 0.35);
    /* 一、二、三级标题颜色 */
    --one-level-text-color: rgba(255, 255, 255, 0.92);
    --two-level-text-color: rgba(255, 255, 255, 0.7);
    --three-level-text-color: rgba(255, 255, 255, 0.56);

    /* 一、二、三级标题颜色 */
    --one-level-text-color-pure: #ececec;
    --two-level-text-color-pure: #b8b8b8;
    --three-level-text-color-pure: #969696;

    /* 反色 - rgb */
    --reverse-rgb: 255, 255, 255;
    /* 反色 - 背景 */
    --reverse-background-color: rgba(var(--reverse-rgb), 1);
    /* 反色 - 文字 */
    --reverse-text-color: #191919;
    /* 反色 - 描述 */
    --reverse-description-color: #7f7f7f;

    /* 菜单下方遮罩 */
    --menu-mask-color: rgb(0, 0, 0, 0.4);

    /* 图片滤镜 */
    --image-filter: brightness(0.9) contrast(1) grayscale(0.05);
    /* 渐变遮罩 - 开始 */
    --gradient-mask-start-color: rgba(0, 0, 0, 0);
    /* 渐变遮罩 - 结束 */
    --gradient-mask-end-color: var(--primary-background-light-pure);
    /* 渐变遮罩 - 顶部 */
    --gradient-top-mask-end-color: rgba(0, 0, 0, 0.3);

    /* 次要 颜色 */
    --minor-color: #272727;

    /* 骨架屏图片背景色 */
    --skeleton-image-background-color: var(--minor-color);
    /* 骨架屏图片渐变色 */
    --skeleton-image-gradient-start-color: transparent;
    /* 骨架屏图片渐变色 */
    --skeleton-image-gradient-end-color: #484848;
    /* 骨架屏 - 文字渐变 */
    --skeleton-text-gradient-end-color: var(--skeleton-image-gradient-end-color);

    /* 阴影 */
    --shadow-color: rgba(255, 255, 255, 0.08);

    --footer-bg-color: #000000;
    --primary-background-ai: #1f1f1f;
    --stroke-default-ai: var(--primary-background-active);

    --brand-teal-color: #07a28c;
    --neutral-gray-2: #333333;

    /* --------------------end-------------------- */
}

/* 默认颜色主题 */
[color-theme='default'] {
    /* 下面变量 用于主题色切换 变量有重复的话需要替换成下面的 */
    /* --------------------start-------------------- */

    /* 主题色 */
    --primary-color: #8f47ff;
    /* 主题色 - hover */
    --primary-color-hover: #823aec;
    --primary-color-hover-pure: var(--primary-color-hover);
    /* 主题色 - active */
    --primary-color-active: #7832dc;
    /* 主题色 - disable */
    --primary-color-disable: #aa87f0;
    /* 主题色 rgb */
    --primary-color-rgb: 115, 30, 255;
    /* 次要背景色 */
    --secondary-background: rgba(var(--primary-color-rgb), 0.03);
    --secondary-background-pure: var(--secondary-background);
    /* 次要背景色 - hover */
    --secondary-background-hover: rgba(var(--primary-color-rgb), 0.06);
    /* 次要背景色 - active */
    --secondary-background-active: rgba(var(--primary-color-rgb), 0.12);
    /* 辅助背景色（默认情况下是与次要背景色相同） */
    --auxiliary-background: var(--secondary-background);
    /* 描边 - active */
    --stroke-active: var(--primary-color);
    --stroke-active-pure: var(--stroke-active);
    /* 文字icon颜色 - 默认 */
    --text-icon-color: var(--primary-color);
    /* 强调色 */
    --accent-color: var(--primary-color);

    --primary-btn-bg: var(--primary-color);
    --primary-btn-hover: var(--primary-color-hover);
    --primary-btn-active: var(--primary-color-active);
    --primary-btn-disable: var(--primary-color-disable);

    --loading-color: var(--primary-color);
    --brand-teal-color: var(--brand-color);
    /* --------------------end-------------------- */
}



body {
    overflow: overlay;
    overflow-x: hidden;
}

html,
body,
#app {
    width: 100%;
    height: 100%;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

*::after,
*::before {
    box-sizing: border-box;
}

[data-title]:hover {
    position: relative;
}

[data-title]::after {
    content: attr(data-title);
    line-height: 22px;
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    padding: 5px 16px;
    left: 50%;
    top: -18px;
    transform: translate(-50%, -100%);
    border-radius: 6px;
    white-space: nowrap;
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
}

[data-title]::before {
    content: ' ';
    width: 0;
    height: 0;
    display: inline-block;
    left: 50%;
    top: -18px;
    position: absolute;
    border: solid 6px transparent;
    border-top: solid 6px rgba(0, 0, 0, 0.75);
    transform: translateX(-50%);
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
}

[data-title]:hover::after,
[data-title]:hover::before {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}

[contenteditable] {
    -webkit-user-select: text;
    user-select: text;
}

body {
    background-color: var(--theme-background-color);
}

body,
button {
    font-family: 'Gilroy', 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
        'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol' !important;
}

input {
    font-family: unset !important;
}

a:not(.pac-a-link) {
    text-decoration: none;
    color: #333;
}

a:not(.pac-a-link)::hover,
a:not(.pac-a-link):visited,
a:not(.pac-a-link):link,
a:not(.pac-a-link):active {
    color: #333;
}

ul,
ol {
    list-style: none;
}

.beautify-scrollbar2 {
    margin-right: -6px;
    padding-right: 2px;
    position: relative;
    overflow: auto;
}

.beautify-scrollbar2::-webkit-scrollbar {
    width: 6px;
    background-color: #fff;
    position: absolute;
    right: 6px;
    opacity: 0;
    /* transition: all 0.3s ease-in-out; */
}

.beautify-scrollbar2::-webkit-scrollbar-thumb {
    border-radius: 4px;
    width: 6px;
    background-color: rgba(0, 0, 0, 0);
}

.beautify-scrollbar2:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
}

.beautify-scrollbar2::-webkit-scrollbar-track {
    width: 6px;
    background-color: transparent;
}

.beautify-scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
    opacity: 0;
}

.beautify-scrollbar::-webkit-scrollbar:active {
    width: 6px;
    background-color: transparent;
    /* opacity: 1; */
}

.beautify-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 4px;
    width: 6px;
    background-color: rgba(0, 0, 0, 0.2);
}

.beautify-scrollbar::-webkit-scrollbar-track {
    width: 16px;
}

@keyframes slide-to-right {
    from {
        background-position: 100% 50%;
    }

    to {
        background-position: 0% 50%;
    }
}

.skeleton-loading {
    position: relative;
    overflow: hidden;
}

.skeleton-loading::after {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    z-index: 999;
    background-image: linear-gradient(90deg, #f2f2f2 7%, #ededed);
    animation: slide-to-right 2s infinite;
    background-size: 400% 400%;
}

.hover-border:hover {
    position: relative;
}

.hover-border:hover::after {
    content: ' ';
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    border: solid 1px var(--primary-color);
}

.active-border {
    position: relative;
}

.active-border::after {
    content: ' ';
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    border: solid 2px var(--primary-color) !important;
}

.pointer {
    cursor: pointer;
}

.bottom-line {
    position: relative;
}

.bottom-line::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--stroke-default);
    display: inline-block;
    content: ' ';
}

@keyframes message-in {
    from {
        transform: translateY(-24px);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes slide-in-bottom {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-in-left {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-out-bottom {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(100%);
    }
}

.g-color-picker-box {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.g-color-picker-box .color-picker {
    background-image: conic-gradient(rgb(57, 41, 255),
            rgb(57, 107, 235),
            rgb(93, 255, 82),
            rgb(255, 219, 30),
            rgb(255, 118, 118),
            rgb(255, 40, 40),
            rgb(81, 129, 255),
            rgb(57, 41, 255));
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-clip: padding-box;
    background-origin: padding-box;
    position: relative;
}

.g-color-picker-box .color-picker div {
    border-radius: 100%;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: solid 1px #fff;
    margin: 2px;
}



input::selection,
input::-moz-selection {
    color: #fff;
    background: var(--primary-hover);
}

.mgl0 {
    margin-left: 0;
}

.mgr0 {
    margin-right: 0;
}

.cursor-rotate {
    cursor: url('https://cdn.pacdora.com/ui/cursor/rotate.png') 12 12, default;
}

/* 入场动画需要的 class */
.animation-opacity {
    opacity: 0;
}

.opacity {
    opacity: 1;
}

* {
    -webkit-tap-highlight-color: transparent;
    /* 去掉手机点击高亮反馈 */
    /* -webkit-touch-callout: none; 禁止长按链接与图片弹出菜单 */
}

.edit-material-box[data-v-7e6c626c] {
    background: #f7f7f7;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 8px 16px;
    cursor: pointer
}

.edit-material-box--disabled[data-v-7e6c626c] {
    cursor: default
}

.edit-material-box[data-v-7e6c626c]:not(.edit-material-box--disabled):hover {
    background: #f0f0f0
}

.edit-material-box[data-v-7e6c626c]:not(.edit-material-box--disabled):active {
    background: #e6e6e6
}

.edit-material-box .left .title[data-v-7e6c626c] {
    font-size: 12px;
    color: #7f7f7f
}

.edit-material-box .left .title--no-value[data-v-7e6c626c],
.edit-material-box .left .name[data-v-7e6c626c] {
    font-size: var(--fs-sm);
    color: var(--one-level-text-color);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal)
}

.edit-material-box .right[data-v-7e6c626c] {
    margin-left: auto;
    color: #b2b2b2
}

.edit-size-box[data-v-be16925b] {
    background: #f7f7f7;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 8px 16px
}

.edit-size-box.isShowSizes[data-v-be16925b] {
    cursor: pointer
}

.edit-size-box.isShowSizes[data-v-be16925b]:hover {
    background: var(--primary-background-hover)
}

.edit-size-box.isShowSizes[data-v-be16925b]:active {
    background: #e6e6e6
}

.edit-size-box.hideSize[data-v-be16925b] {
    display: none
}

.edit-size-box .left .title[data-v-be16925b] {
    font-size: 12px;
    color: #7f7f7f
}

.edit-size-box .left .title--no-value[data-v-be16925b],
.edit-size-box .left .name[data-v-be16925b] {
    font-size: var(--fs-sm);
    color: var(--one-level-text-color);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal)
}

.edit-size-box .right[data-v-be16925b] {
    margin-left: auto;
    color: #b2b2b2
}

.pac-mockup-edit-color[data-v-41852e9f] {
    background: var(--primary-background1);
    border-radius: 8px;
    padding: 6px 16px 16px;
    margin-bottom: 8px
}

.pac-mockup-edit-color__title[data-v-41852e9f] {
    font-size: 12px;
    color: #7f7f7f;
    margin-bottom: 8px
}

.pac-mockup-edit-part[data-v-67b102c3] {
    background: var(--primary-background1);
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 8px 16px;
    cursor: pointer;
    margin-bottom: 8px
}

.pac-mockup-edit-part[data-v-67b102c3]:hover {
    background: var(--primary-background-hover)
}

.pac-mockup-edit-part[data-v-67b102c3]:active {
    background: #e6e6e6
}

.pac-mockup-edit-part .left .title[data-v-67b102c3] {
    font-size: 12px;
    color: #7f7f7f
}

.pac-mockup-edit-part .left .name[data-v-67b102c3] {
    font-size: var(--fs-sm);
    color: var(--one-level-text-color);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal)
}

.pac-mockup-edit-part .right[data-v-67b102c3] {
    margin-left: auto;
    color: #b2b2b2
}

.pac-mockup-edit-part[data-v-35f3c53b] {
    background: #f7f7f7;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 8px 16px;
    cursor: pointer;
    margin-bottom: 8px
}

.pac-mockup-edit-part[data-v-35f3c53b]:hover {
    background: var(--primary-background-hover)
}

.pac-mockup-edit-part[data-v-35f3c53b]:active {
    background: var(--primary-background-active)
}

.pac-mockup-edit-part .left .title[data-v-35f3c53b] {
    font-size: 12px;
    color: #7f7f7f
}

.pac-mockup-edit-part .left .name[data-v-35f3c53b] {
    font-size: var(--fs-sm);
    color: var(--one-level-text-color);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal)
}

.pac-mockup-edit-part .right[data-v-35f3c53b] {
    margin-left: auto;
    color: #b2b2b2
}

.mb8[data-v-98cc7b08] {
    margin-bottom: 8px
}

.mockup-edit[data-v-98cc7b08] {
    background: #fff;
    border-radius: 16px;
    padding: 20px 16px
}

.mockup-edit .title[data-v-98cc7b08] {
    font-size: var(--fs-base);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    font-weight: var(--fw-medium);
    margin-bottom: 12px
}

.mockup-edit__inspiration__entry[data-v-98cc7b08] {
    margin-top: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 10px 12px;
    background: var(--primary-background);
    border-radius: 8px;
    border: 1px solid #e6e6e6;
    cursor: pointer;
    transition: background-color, border-color .3s ease;
    font-size: var(--fs-sm);
    font-weight: var(--fw-normal)
}

.mockup-edit__inspiration__entry[data-v-98cc7b08]:hover {
    background: var(--primary-background);
    border-color: var(--one-level-text-color)
}

.mockup-edit__inspiration__entry--active[data-v-98cc7b08],
.mockup-edit__inspiration__entry[data-v-98cc7b08]:active {
    background: var(--primary-background);
    border: 1.5px solid var(--one-level-text-color)
}

.mockup-edit__inspiration__entry i[data-v-98cc7b08] {
    margin-left: 6px
}

.mockup-edit .mockup-edit-download[data-v-98cc7b08] {
    cursor: pointer;
    font-size: var(--fs-sm);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    color: #444;
    margin-top: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

.mockup-edit .mockup-edit-download[data-v-98cc7b08]:hover {
    color: var(--primary-color);
    text-decoration: unset
}

.mockup-edit .mockup-edit-download[data-v-98cc7b08]:active {
    color: var(--primary-highlight)
}

.mockup-edit .mockup-edit-divider[data-v-98cc7b08] {
    height: 1px;
    width: 100%;
    background: #ededed;
    margin: 20px 0
}

.mockup-edit .mockup-edit-custom[data-v-98cc7b08],
.mockup-edit .mockup-edit-sizes[data-v-98cc7b08] {
    cursor: pointer;
    height: 50px;
    border-radius: 12px;
    background: #f7f7f7;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px
}

.mockup-edit .mockup-edit-detail[data-v-98cc7b08] {
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--small-font-color);
    cursor: pointer;
    width: fit-content
}

.mockup-edit .mockup-edit-detail span[data-v-98cc7b08] {
    text-decoration: underline
}

.mockup-edit .mockup-edit-detail:hover span[data-v-98cc7b08] {
    color: var(--normal-font-color)
}

.mockup-edit .mockup-edit-detail:hover i[data-v-98cc7b08] {
    color: var(--small-font-color)
}

.mockup-edit .mockup-edit-detail:active span[data-v-98cc7b08] {
    text-decoration: none
}

.mockup-edit .mockup-edit-detail .p-icon-packaging-info[data-v-98cc7b08] {
    text-decoration: none;
    font-size: var(--fs-base);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    color: #cacaca;
    margin-right: 4px
}

.upload-box[data-v-58888481] {
    --hover--background--color: rgba(0, 0, 0, .3);
    --hover--bg--background--color: rgba(0, 0, 0, .25);
    --empty-background--color: var(--secondary-background-hover);
    --empty--hover--background--color: var(--secondary-background);
    --empty--active--background--color: var(--secondary-background-active);
    -webkit-user-select: none;
    user-select: none
}

.upload-box.dark[data-v-58888481] {
    --hover--bg--background--color: var(--primary-background);
    --hover--background--color: var(--primary-background-hover)
}

.upload-box.dark .preview-root .hover-bg[data-v-58888481] {
    background: #0006
}

.upload-box.dark .preview-root .hover-bg[data-v-58888481]:hover {
    background: #0000004d
}

.upload-box__container[data-v-58888481] {
    position: relative;
    width: 100%;
    height: 0
}

.upload-box .preview-root .hover-bg[data-v-58888481] {
    background: var(--hover--bg--background--color)
}

.upload-box .preview-root .hover-bg[data-v-58888481]:hover {
    background: var(--hover--background--color)
}

.upload-box .upload-empty[data-v-58888481] {
    background: rgba(115, 30, 255, 0.06)
}

.upload-box .upload-empty[data-v-58888481]:hover {
    background: rgba(115, 30, 255, 0.12)
}

.upload-box .upload-empty[data-v-58888481]:active {
    background: var(--secondary-background)
}

.upload-box .upload-empty__btn[data-v-58888481] {
    max-width: 240px;
    margin-top: 3px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs-base)
}

.upload-box .upload-empty__btn i[data-v-58888481] {
    font-size: 18px;
    margin-right: 6px
}

.upload-box .preview-root[data-v-58888481] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1.5px dashed var(--primary-color);
    border-radius: 16px;
    overflow: hidden;
    cursor: pointer
}

.upload-box .preview-root .preview-box[data-v-58888481] {
    width: 100%;
    height: 100%;
    color: #fff
}

.upload-box .preview-root .preview-box[data-v-58888481] svg {
    fill: currentColor
}

.upload-box .preview-root .hover-bg[data-v-58888481] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: background .3s
}

.upload-box .upload-empty[data-v-58888481] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1.5px dashed #8f47ff;
    color: #8f47ff;
    border-radius: 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background .1s
}

.upload-box .upload-empty .img i[data-v-58888481],
.upload-box .upload-empty .t1[data-v-58888481],
.upload-box .upload-empty .t2[data-v-58888481] {
    background: #8f47ff;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.upload-box .upload-empty .img i[data-v-58888481] {
    display: inline-block
}

.upload-box .upload-empty .img i[data-v-58888481] {
    font-size: 28px
}

.upload-box .upload-empty .t1[data-v-58888481] {
    font-size: var(--fs-base);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    padding: 0 12px;
    line-height: var(--lh-tight)
}

.upload-box .upload-empty .t2[data-v-58888481] {
    font-size: var(--fs-sm);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal)
}

.pac-toolbar[data-v-f5793ae3] {
    height: 48px;
    background: #ffffff;
    border-radius: 8px;
    padding: 8px 18px;
    display: flex;
    box-shadow: 0 4px 8px #0000001a
}

.pac-toolbar--default[data-v-f5793ae3] {
    --icon-color: #191919
}

.pac-toolbar--dark[data-v-f5793ae3] {
    --icon-color: var(--two-level-text-color)
}

.pac-toolbar.vertical[data-v-f5793ae3] {
    height: unset;
    flex-direction: column;
    width: 48px;
    padding: 10px 8px
}

.pac-toolbar.vertical .pac-toolbar__item[data-v-f5793ae3]:not(:last-child) {
    margin-bottom: 10px;
    margin-right: 0
}

.pac-toolbar.vertical .pac-toolbar__item--divider[data-v-f5793ae3]:not(:last-child) {
    margin-right: 0;
    margin-bottom: 20px
}

.pac-toolbar.vertical .pac-toolbar__item--divider[data-v-f5793ae3]:after {
    content: "";
    width: 18px;
    height: 1px;
    position: absolute;
    bottom: -10px;
    background-color: var(--stroke-divider);
    left: 50%;
    transform: translate(-50%)
}

.pac-toolbar__item[data-v-f5793ae3] {
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center
}

.pac-toolbar__item i[data-v-f5793ae3] {
    font-size: 20px;
    color: var(--icon-color)
}

.pac-toolbar__item[data-v-f5793ae3]:not(:last-child) {
    margin-right: 10px
}

.pac-toolbar__item[data-v-f5793ae3]:hover:not(.pac-toolbar__item--disabled) {
    color: var(--two-level-text-color);
    background: var(--primary-background-hover)
}

.pac-toolbar__item:hover:not(.pac-toolbar__item--disabled) i[data-v-f5793ae3] {
    color: var(--one-level-text-color)
}

.pac-toolbar__item[data-v-f5793ae3]:active:not(.pac-toolbar__item--no-active):not(.pac-toolbar__item--disabled),
.pac-toolbar__item--active[data-v-f5793ae3] {
    background: var(--stroke-default-light) !important
}

.pac-toolbar__item:active:not(.pac-toolbar__item--no-active):not(.pac-toolbar__item--disabled) i[data-v-f5793ae3],
.pac-toolbar__item--active i[data-v-f5793ae3] {
    color: #191919
}

.pac-toolbar__item--divider[data-v-f5793ae3]:not(:last-child) {
    margin-right: 20px
}

.pac-toolbar__item--divider[data-v-f5793ae3]:after {
    content: "";
    width: 1px;
    height: 18px;
    position: absolute;
    right: -10px;
    background-color: var(--stroke-divider)
}

.pac-toolbar__item--component[data-v-f5793ae3] {
    min-height: 32px;
    min-width: 32px;
    width: auto;
    background: transparent !important
}

.pac-toolbar__item--disabled[data-v-f5793ae3] {
    cursor: not-allowed
}

.pac-toolbar__item--disabled i[data-v-f5793ae3] {
    color: var(--disabled-text-color)
}

.pac-toolbar--component {
    display: none
}

@charset "UTF-8";

.p-button[data-v-f8cf5ed0] {
    padding: 0 20px;
    border-radius: 8px;
    border: none;
    transition: all .3s;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    outline: none
}

.p-button__brand[data-v-f8cf5ed0] {
    background-color: var(--brand-color)
}

.p-button__brand[data-v-f8cf5ed0]:hover {
    background-color: var(--brand-color-hover)
}

.p-button__brand[data-v-f8cf5ed0]:active,
.p-button__brand.active[data-v-f8cf5ed0] {
    background-color: var(--brand-color-active)
}

.p-button__brand.disabled[data-v-f8cf5ed0] {
    background-color: var(--brand-color-disable);
    cursor: not-allowed
}

.p-button__primary[data-v-f8cf5ed0] {
    background-color: var(--primary-color)
}

.p-button__primary[data-v-f8cf5ed0]:hover {
    background-color: var(--primary-color-hover)
}

.p-button__primary[data-v-f8cf5ed0]:active,
.p-button__primary.active[data-v-f8cf5ed0] {
    background-color: var(--primary-color-active)
}

.p-button__primary.disabled[data-v-f8cf5ed0] {
    background-color: var(--primary-disable);
    cursor: not-allowed
}

.p-button__minor[data-v-f8cf5ed0] {
    background-color: var(--minor-color);
    color: #191919
}

.p-button__minor[data-v-f8cf5ed0]:hover {
    background: var(--minor-hover)
}

.p-button__minor[data-v-f8cf5ed0]:active,
.p-button__minor.active[data-v-f8cf5ed0] {
    color: var(--btn-color);
    background-color: var(--minor-highlight)
}

.p-button__minor.disabled[data-v-f8cf5ed0] {
    background-color: var(--minor-disable) !important;
    cursor: not-allowed
}

.p-button__success[data-v-f8cf5ed0] {
    background-color: var(--success-color)
}

.p-button__success[data-v-f8cf5ed0]:hover {
    background: var(--success-hover)
}

.p-button__success[data-v-f8cf5ed0]:active,
.p-button__success.active[data-v-f8cf5ed0] {
    background-color: var(--success-highlight)
}

.p-button__success.disabled[data-v-f8cf5ed0] {
    background-color: var(--success-disable) !important;
    cursor: not-allowed
}

.p-button__assist[data-v-f8cf5ed0] {
    color: #191919;
    background-color: var(--assist-color)
}

.p-button__assist[data-v-f8cf5ed0]:hover {
    background: var(--assist-hover)
}

.p-button__assist[data-v-f8cf5ed0]:active,
.p-button__assist.active[data-v-f8cf5ed0] {
    background-color: var(--assist-highlight);
    box-shadow: 0 4px 8px #79797926
}

.p-button__assist.disabled[data-v-f8cf5ed0] {
    color: #b2b2b2;
    background-color: var(--assist-disable) !important;
    cursor: not-allowed
}

.p-button__assist-border[data-v-f8cf5ed0] {
    border: 1px solid #d1d0d2;
    color: #191919;
    border-radius: 25px;
    background-color: var(--assist-color)
}

.p-button__assist-border[data-v-f8cf5ed0]:hover {
    background: var(--assist-hover);
    background: #f4f3f5
}

.p-button__assist-border[data-v-f8cf5ed0]:active,
.p-button__assist-border.active[data-v-f8cf5ed0] {
    background-color: var(--assist-highlight)
}

.p-button__assist-border.disabled[data-v-f8cf5ed0] {
    color: #b2b2b2;
    background-color: var(--assist-disable) !important;
    cursor: not-allowed
}

.p-button__level-2[data-v-f8cf5ed0] {
    color: #fff;
    border: 1px solid #f3f2f5;
    background-color: var(--one-level-text-color)
}

.p-button__level-2[data-v-f8cf5ed0]:hover {
    background: #4c4c4c
}

.p-button__level-2[data-v-f8cf5ed0]:active,
.p-button__level-2.active[data-v-f8cf5ed0] {
    background-color: var(--one-level-text-color)
}

.p-button__level-2.disabled[data-v-f8cf5ed0] {
    background-color: #a3a3a3 !important;
    cursor: not-allowed
}

.p-button__level-3[data-v-f8cf5ed0] {
    color: var(--one-level-text-color);
    border: 1px solid #191919;
    background-color: #fff
}

.p-button__level-3[data-v-f8cf5ed0]:hover {
    background: #1919190f
}

.p-button__level-3[data-v-f8cf5ed0]:active,
.p-button__level-3.active[data-v-f8cf5ed0] {
    background-color: var(--one-level-text-color);
    color: #fff
}

.p-button__level-3.disabled[data-v-f8cf5ed0] {
    background-color: #f9f9f9 !important;
    cursor: not-allowed
}

.p-button__level-4[data-v-f8cf5ed0] {
    color: var(--one-level-text-color);
    border-radius: 25px;
    background-color: var(--primary-background1)
}

.p-button__level-4[data-v-f8cf5ed0]:hover {
    background: var(--primary-background2)
}

.p-button__level-4[data-v-f8cf5ed0]:active,
.p-button__level-4.active[data-v-f8cf5ed0] {
    background-color: var(--primary-background3)
}

.p-button__level-4.disabled[data-v-f8cf5ed0] {
    color: var(--disabled-text-color);
    background-color: var(--assist-disable) !important;
    cursor: not-allowed
}

.p-button__level-4-neo[data-v-f8cf5ed0] {
    color: var(--one-level-text-color);
    border-radius: 10px !important;
    background-color: var(--primary-background1);
    border: 1px solid #d1d0d2
}

.p-button__level-4-neo[data-v-f8cf5ed0]:hover {
    background: var(--primary-background2)
}

.p-button__level-4-neo[data-v-f8cf5ed0]:active,
.p-button__level-4-neo.active[data-v-f8cf5ed0] {
    background-color: var(--primary-background3)
}

.p-button__level-4-neo.disabled[data-v-f8cf5ed0] {
    color: var(--disabled-text-color);
    background-color: var(--assist-disable) !important;
    cursor: not-allowed
}

.p-button__primary-new-1[data-v-f8cf5ed0] {
    background-color: var(--primary-color)
}

.p-button__primary-new-1[data-v-f8cf5ed0]:hover {
    background: var(--primary-btn-hover);
    box-shadow: 0 4px 8px #5c1ee01a
}

.p-button__primary-new-1[data-v-f8cf5ed0]:active,
.p-button__primary-new-1.active[data-v-f8cf5ed0] {
    background-color: var(--primary-btn-active)
}

.p-button__primary-new-1.disabled[data-v-f8cf5ed0] {
    background-color: var(--primary-btn-disable);
    cursor: not-allowed
}

.p-button__primary-new-3[data-v-f8cf5ed0] {
    background: var(--accent-color)
}

.p-button__primary-new-3[data-v-f8cf5ed0]:hover {
    opacity: .88 !important;
    box-shadow: 0 4px 8px #5c1ee01a
}

.p-button__primary-new-3[data-v-f8cf5ed0]:active,
.p-button__primary-new-3.active[data-v-f8cf5ed0] {
    opacity: 1.2 !important
}

.p-button__primary-new-3.disabled[data-v-f8cf5ed0] {
    background: var(--stroke-default);
    cursor: not-allowed;
    color: var(--three-level-text-color)
}

.p-button__minor-1[data-v-f8cf5ed0] {
    background-color: #fff;
    color: var(--primary-color);
    border: 2px solid var(--primary-color)
}

.p-button__minor-1[data-v-f8cf5ed0]:hover {
    background: #efe7fe
}

.p-button__minor-1[data-v-f8cf5ed0]:active,
.p-button__minor-1.active[data-v-f8cf5ed0] {
    background-color: #400eba;
    box-shadow: none;
    color: #fff;
    border-color: #400eba
}

.p-button__minor-1.disabled[data-v-f8cf5ed0] {
    background-color: #fff;
    border: 2px solid #8045ed;
    cursor: not-allowed;
    color: var(--primary-color);
    box-shadow: none;
    opacity: .5
}

.p-button__neo-style[data-v-f8cf5ed0] {
    background-color: #191919;
    color: #fff;
    border-radius: 8px !important
}

.p-button__neo-style[data-v-f8cf5ed0]:hover {
    background: #4c4c4c;
    box-shadow: 0 4px 8px #4c4c4c26
}

.p-button__neo-style[data-v-f8cf5ed0]:active,
.p-button__neo-style.active[data-v-f8cf5ed0] {
    background-color: #191919;
    box-shadow: none;
    color: #fff
}

.p-button__neo-style.disabled[data-v-f8cf5ed0] {
    cursor: not-allowed;
    background-color: #191919;
    box-shadow: none;
    opacity: .4
}

.p-button__ai-search[data-v-f8cf5ed0] {
    border: 1px solid var(--stroke-default);
    background: var(--primary-background);
    border-radius: 8px !important;
    color: var(--two-level-text-color);
    font-weight: var(--fw-normal)
}

.p-button__ai-search[data-v-f8cf5ed0]:hover {
    background: var(--primary-background-hover)
}

.p-button__ai-search[data-v-f8cf5ed0]:active,
.p-button__ai-search.active[data-v-f8cf5ed0] {
    background-color: var(--primary-background)
}

.p-button__ai-search.disabled[data-v-f8cf5ed0] {
    cursor: not-allowed;
    background-color: #191919;
    box-shadow: none;
    opacity: .4
}

.p-button__minor-2[data-v-f8cf5ed0] {
    background-color: var(--primary-background10);
    color: var(--primary-background0)
}

.p-button__minor-2[data-v-f8cf5ed0]:hover {
    background: var(--primary-background9);
    box-shadow: 0 4px 8px #4c4c4c26
}

.p-button__minor-2[data-v-f8cf5ed0]:active,
.p-button__minor-2.active[data-v-f8cf5ed0] {
    background-color: var(--primary-background10);
    box-shadow: none;
    color: var(--primary-background0)
}

.p-button__minor-2.disabled[data-v-f8cf5ed0] {
    cursor: not-allowed;
    background-color: var(--primary-background10);
    box-shadow: none;
    opacity: .4
}

.p-button__minor-2.disabled[data-v-f8cf5ed0]:hover {
    background-color: var(--primary-background10) !important;
    box-shadow: none
}

.p-button__minor-2.disabled[data-v-f8cf5ed0]:active,
.p-button__minor-2.disabled.active[data-v-f8cf5ed0] {
    background-color: var(--primary-background10);
    box-shadow: none
}

.p-button__minor-3[data-v-f8cf5ed0] {
    background-color: #f8f7fa;
    color: #191919
}

.p-button__minor-3[data-v-f8cf5ed0]:hover {
    background-color: #f9f9f9;
    box-shadow: 0 4px 8px #d8d7db5c
}

.p-button__minor-3[data-v-f8cf5ed0]:active,
.p-button__minor-3.active[data-v-f8cf5ed0] {
    background-color: #f0eff2;
    box-shadow: none
}

.p-button__minor-3.disabled[data-v-f8cf5ed0] {
    background-color: #f9f9f9;
    border: 1px solid #e9e9e9;
    cursor: not-allowed;
    box-shadow: none;
    color: #cacaca
}

.p-button__minor-4[data-v-f8cf5ed0] {
    color: #191919;
    background: #fff;
    border: 2px solid #191919
}

.p-button__minor-4[data-v-f8cf5ed0]:hover {
    background: #1919190f;
    border: 2px solid #191919
}

.p-button__minor-4[data-v-f8cf5ed0]:active,
.p-button__minor-4.active[data-v-f8cf5ed0] {
    background-color: #191919;
    box-shadow: none;
    color: #fff
}

.p-button__minor-4.disabled[data-v-f8cf5ed0] {
    background: #f9f9f9;
    border: 2px solid #a3a3a3;
    cursor: not-allowed;
    box-shadow: none;
    color: #a3a3a3
}

.p-button__minor-5[data-v-f8cf5ed0] {
    color: #191919;
    background: #fff;
    border: 1px solid #191919
}

.p-button__minor-5[data-v-f8cf5ed0]:hover {
    background: #f7f7f7;
    border: 1px solid #191919
}

.p-button__minor-5[data-v-f8cf5ed0]:active,
.p-button__minor-5.active[data-v-f8cf5ed0] {
    background-color: #eee;
    box-shadow: none
}

.p-button__minor-5.disabled[data-v-f8cf5ed0] {
    background: #fff;
    border: 1px solid #bfbfbf;
    cursor: not-allowed;
    box-shadow: none;
    color: #bfbfbf
}

.p-button__text-1[data-v-f8cf5ed0] {
    color: #191919;
    background-color: #fff
}

.p-button__text-1[data-v-f8cf5ed0]:hover {
    background-color: #f9f9f9;
    box-shadow: 0 4px 8px #d8d7db5c
}

.p-button__text-1[data-v-f8cf5ed0]:active,
.p-button__text-1.active[data-v-f8cf5ed0] {
    background-color: #f0eff2;
    box-shadow: none
}

.p-button__text-2[data-v-f8cf5ed0] {
    color: #191919;
    background-color: #fff
}

.p-button__text-2[data-v-f8cf5ed0]:hover {
    background-color: #191919;
    box-shadow: 0 4px 8px #4c4c4c26;
    color: #fff
}

.p-button__text-2[data-v-f8cf5ed0]:active,
.p-button__text-2.active[data-v-f8cf5ed0] {
    box-shadow: none
}

.p-button__border[data-v-f8cf5ed0] {
    border: 1px solid #e7e5eb;
    color: #191919
}

.p-button__primary-new-2[data-v-f8cf5ed0] {
    color: #fff;
    background-color: #1fd486
}

.p-button__primary-new-2[data-v-f8cf5ed0]:hover {
    background: #46e098;
    box-shadow: 0 4px 8px #46e09826
}

.p-button__primary-new-2[data-v-f8cf5ed0]:active,
.p-button__primary-new-2.active[data-v-f8cf5ed0] {
    background-color: #0fad6f
}

.p-button__primary-new-2.disabled[data-v-f8cf5ed0] {
    background-color: #6eedae;
    cursor: not-allowed
}

.p-button__ja-primary[data-v-f8cf5ed0] {
    color: #fff;
    background-color: #4066ff
}

.p-button__ja-primary[data-v-f8cf5ed0]:hover {
    background-color: #4b6df5
}

.p-button__ja-primary[data-v-f8cf5ed0]:active,
.p-button__ja-primary.active[data-v-f8cf5ed0] {
    background-color: #4066ff
}

.p-button__ja-primary.disabled[data-v-f8cf5ed0] {
    cursor: not-allowed
}

.p-button__update[data-v-f8cf5ed0] {
    border-radius: 20px;
    border: 2px solid transparent;
    background-image: linear-gradient(to right, #fff, #fff), conic-gradient(#6dd400, #3cb672, #0091ff, #6236ff, #b620e0, #6236ff, #0091ff, #3cb672, #6dd400, #f7b500, #fa6400, #e02020, #fa6400, #f7b500, #6dd400);
    clip-path: inset(0px round 20px);
    filter: hue-rotate(360deg);
    background-color: #fff;
    color: #191919;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box
}

.p-button__update[data-v-f8cf5ed0]:hover {
    background-color: #f9efff;
    border: 2px solid #f9efff;
    background-image: unset;
    box-shadow: unset
}

.p-button__update[data-v-f8cf5ed0]:active {
    background-color: #955ce626;
    box-shadow: 0 4px 8px #955ce626;
    border: 2px solid rgba(149, 92, 230, .15)
}

.p-button__icon-1[data-v-f8cf5ed0] {
    border: 1px solid transparent;
    background: #fff;
    color: #4c4c4c
}

.p-button__icon-2[data-v-f8cf5ed0] {
    border: 1px solid #f3f2f5;
    background: #fff;
    color: #4c4c4c
}

.p-button__icon-3[data-v-f8cf5ed0] {
    border: 1px solid transparent;
    background: #f8f7fa;
    color: #4c4c4c
}

.p-button__icon-1[data-v-f8cf5ed0],
.p-button__icon-2[data-v-f8cf5ed0],
.p-button__icon-3[data-v-f8cf5ed0] {
    font-size: 12px;
    padding: 0;
    text-align: center
}

.p-button__icon-1[data-v-f8cf5ed0]:hover,
.p-button__icon-2[data-v-f8cf5ed0]:hover,
.p-button__icon-3[data-v-f8cf5ed0]:hover {
    border: 1px solid transparent;
    background: #f3f2f5
}

.p-button__icon-1[data-v-f8cf5ed0]:active,
.p-button__icon-2[data-v-f8cf5ed0]:active,
.p-button__icon-3[data-v-f8cf5ed0]:active,
.p-button__icon-1.active[data-v-f8cf5ed0],
.p-button__icon-2.active[data-v-f8cf5ed0],
.p-button__icon-3.active[data-v-f8cf5ed0] {
    background-color: #e7e5eb
}

.p-button__ai-background[data-v-f8cf5ed0] {
    background: linear-gradient(92deg, #b6ff60 .87%, #82ffc6);
    color: var(--one-level-text-color);
    transition: background .3s ease-in-out
}

.p-button__ai-background[data-v-f8cf5ed0]:hover {
    background: linear-gradient(0deg, #0141210f, #0141210f), linear-gradient(92deg, #b6ff60 .87%, #82ffc6)
}

.p-button__ai-background[data-v-f8cf5ed0]:active,
.p-button__ai-background.active[data-v-f8cf5ed0] {
    background: linear-gradient(0deg, #0141211f, #0141211f), linear-gradient(92deg, #b6ff60 .87%, #82ffc6)
}

.p-button__ai-background.disabled[data-v-f8cf5ed0] {
    background: #f7f7f7;
    cursor: not-allowed
}

.p-button.p-button-small[data-v-f8cf5ed0] {
    line-height: 36px;
    height: 36px;
    border-radius: 8px
}

.p-button.p-button-middle[data-v-f8cf5ed0] {
    height: 40px;
    line-height: 40px;
    border-radius: 8px
}

.p-button.p-button-big[data-v-f8cf5ed0] {
    height: 48px;
    line-height: 48px;
    border-radius: 8px
}

.p-button__icon-1.p-button-normal[data-v-f8cf5ed0],
.p-button__icon-2.p-button-normal[data-v-f8cf5ed0],
.p-button__icon-3.p-button-normal[data-v-f8cf5ed0] {
    width: 24px;
    height: 24px !important;
    line-height: 24px !important;
    border-radius: 6px !important
}

.p-button__icon-1.p-button-large[data-v-f8cf5ed0],
.p-button__icon-2.p-button-large[data-v-f8cf5ed0],
.p-button__icon-3.p-button-large[data-v-f8cf5ed0] {
    width: 36px;
    height: 36px !important;
    line-height: 34px !important
}

.p-button__icon-1.p-button-larger[data-v-f8cf5ed0],
.p-button__icon-2.p-button-larger[data-v-f8cf5ed0],
.p-button__icon-3.p-button-larger[data-v-f8cf5ed0] {
    width: 48px;
    height: 48px !important;
    line-height: 48px !important
}

.p-button__text-link-1[data-v-f8cf5ed0],
.p-button__text-link-2[data-v-f8cf5ed0],
.p-button__text-link-3[data-v-f8cf5ed0],
.p-button__text-link-4[data-v-f8cf5ed0],
.p-button__text-link-5[data-v-f8cf5ed0] {
    background-color: transparent;
    height: auto !important;
    padding: 0;
    font-size: 16px;
    line-height: 22px !important
}

.p-button__text-link-1 a[data-v-f8cf5ed0] {
    color: var(--primary-color)
}

.p-button__text-link-1 a[data-v-f8cf5ed0]:hover {
    color: #9155ff;
    text-decoration: underline
}

.p-button__text-link-1 a[data-v-f8cf5ed0]:active,
.p-button__text-link-1 a.active[data-v-f8cf5ed0] {
    color: #5a23d7;
    text-decoration: none
}

.p-button__text-link-3 a[data-v-f8cf5ed0] {
    color: var(--dialog-tab-content-fc);
    text-decoration: underline
}

.p-button__text-link-3 a[data-v-f8cf5ed0]:hover {
    color: #9155ff;
    text-decoration: underline
}

.p-button__text-link-3 a[data-v-f8cf5ed0]:active,
.p-button__text-link-3 a.active[data-v-f8cf5ed0] {
    color: #5a23d7;
    text-decoration: none
}

.p-button__text-link-2[data-v-f8cf5ed0] {
    border-radius: 0 !important
}

.p-button__text-link-2 a[data-v-f8cf5ed0] {
    font-weight: var(--fw-normal);
    color: var(--one-level-text-color)
}

.p-button__text-link-2 a[data-v-f8cf5ed0]:hover {
    text-decoration: underline
}

.p-button__text-link-2 a[data-v-f8cf5ed0]:active,
.p-button__text-link-2 a.active[data-v-f8cf5ed0] {
    text-decoration: none
}

.p-button__text-link-4 a[data-v-f8cf5ed0] {
    font-weight: var(--fw-normal);
    color: #b2b2b2
}

.p-button__text-link-4 a[data-v-f8cf5ed0]:hover {
    text-decoration: underline;
    color: #fff
}

.p-button__text-link-4 a[data-v-f8cf5ed0]:active,
.p-button__text-link-4 a.active[data-v-f8cf5ed0] {
    text-decoration: none
}

.p-button__text-link-5 a[data-v-f8cf5ed0] {
    font-weight: var(--fw-normal);
    color: #333
}

.p-button__text-link-5 a[data-v-f8cf5ed0]:hover {
    color: #333
}

.p-button__text-link-5 a[data-v-f8cf5ed0]:active,
.p-button__text-link-5 a.active[data-v-f8cf5ed0] {
    text-decoration: none
}

.p-button.p-button-normal[data-v-f8cf5ed0] {
    height: 40px;
    border-radius: 8px
}

.p-button.p-button-thin[data-v-f8cf5ed0] {
    height: 36px;
    border-radius: 8px
}

.p-button.p-button-large[data-v-f8cf5ed0] {
    height: 48px;
    border-radius: 8px
}

.p-button.p-button-larger[data-v-f8cf5ed0] {
    height: 60px;
    border-radius: 8px
}

.p-button.exports[data-v-f8cf5ed0] {
    border: 2px solid #e5e5e5;
    background-color: #fff;
    padding: 0 6px 0 12px;
    font-size: 14px;
    font-weight: 500;
    color: #31363f
}

.p-button.exports .format-item__title[data-v-f8cf5ed0] {
    font-weight: 500;
    color: #313438;
    line-height: 1;
    margin-bottom: 2px
}

.p-button.exports .format-item__desc[data-v-f8cf5ed0] {
    margin-top: 0 !important;
    text-align: left;
    color: #92989f
}

.p-button.exports.active[data-v-f8cf5ed0] {
    position: relative;
    border: 2px solid var(--primary-color);
    overflow: hidden
}

.p-button.exports.active[data-v-f8cf5ed0]:after {
    content: "";
    position: absolute;
    display: block;
    border: 14px solid transparent;
    border-right: 14px solid var(--primary-color);
    transform: translateY(50%);
    right: -2px;
    bottom: -2px
}

.p-button.exports[data-v-f8cf5ed0]:hover {
    border-color: var(--primary-color)
}

.css-8yzpf7[data-v-f8cf5ed0] {
    display: inline-block;
    animation: 1.4s linear 0s infinite normal none running animation-61bdi0-f8cf5ed0;
    vertical-align: middle
}

.css-13o7eu2[data-v-f8cf5ed0] {
    display: block
}

.css-14891ef[data-v-f8cf5ed0] {
    stroke: currentcolor;
    stroke-dasharray: 80px, 200px;
    stroke-dashoffset: 0;
    animation: 1.4s ease-in-out 0s infinite normal none running animation-1p2h4ri-f8cf5ed0
}

@keyframes animation-1p2h4ri-f8cf5ed0 {
    0% {
        stroke-dasharray: 1px, 200px;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -15px
    }

    to {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -125px
    }
}

@keyframes animation-61bdi0-f8cf5ed0 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@font-face {
    font-family: pacdora-iconfont;
    src: url(/_pacui/assets/pacdora-iconfont-27f8e455.woff2?0790704942508238) format("woff2"), url(/_pacui/assets/pacdora-iconfont-727371e1.eot?6188975518913351) format("embedded-opentype"), url(/_pacui/assets/pacdora-iconfont-92eaca20.ttf?6372684433183939) format("truetype"), url(/_pacui/assets/pacdora-iconfont-b289011c.woff?0126369290085595) format("woff"), url(/_pacui/assets/pacdora-iconfont-cbe80dec.svg?7122796877802957) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

[class^=p-icon-],
[class*=" p-icon-"] {
    font-family: pacdora-iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.p-icon-3D_v2:before {
    content: ""
}

.p-icon-account:before {
    content: ""
}

.p-icon-adjust:before {
    content: ""
}

.p-icon-ai-background:before {
    content: ""
}

.p-icon-ai-enhance:before {
    content: ""
}

.p-icon-ai-light-bulb:before {
    content: ""
}

.p-icon-ai-upload:before {
    content: ""
}

.p-icon-aiupload-image:before {
    content: ""
}

.p-icon-custom_size:before {
    content: ""
}

.p-icon-drop-img:before {
    content: ""
}

.p-icon-history-active:before {
    content: ""
}

.p-icon-history:before {
    content: ""
}

.p-icon-menu-add-active:before {
    content: ""
}

.p-icon-menu-add:before {
    content: ""
}

.p-icon-menu-ai:before {
    content: ""
}

.p-icon-replace:before {
    content: ""
}

.p-icon-save-disabled:before {
    content: ""
}

.p-icon-star:before {
    content: ""
}

.p-icon-upload-file:before {
    content: ""
}

.p-icon-zoom-in:before {
    content: ""
}

.p-icon-ai-copy:before {
    content: ""
}

.p-icon-like:before {
    content: ""
}

.p-icon-likes:before {
    content: ""
}

.p-icon-chat-close:before {
    content: ""
}

.p-icon-chat-delete:before {
    content: ""
}

.p-icon-chat-download:before {
    content: ""
}

.p-icon-chat-edit:before {
    content: ""
}

.p-icon-chat-enter:before {
    content: ""
}

.p-icon-chat-history:before {
    content: ""
}

.p-icon-chat-like:before {
    content: ""
}

.p-icon-chat-unlike:before {
    content: ""
}

.p-icon-heijiantou:before {
    content: ""
}

.p-icon-hide-chat:before {
    content: ""
}

.p-icon-image-edit-elements:before {
    content: ""
}

.p-icon-image-lock:before {
    content: ""
}

.p-icon-image-public:before {
    content: ""
}

.p-icon-image-refine:before {
    content: ""
}

.p-icon-image-unlock:before {
    content: ""
}

.p-icon-like-fill:before {
    content: ""
}

.p-icon-new-chat:before {
    content: ""
}

.p-icon-pencil:before {
    content: ""
}

.p-icon-unlike-fill:before {
    content: ""
}

.p-icon-ai-search:before {
    content: ""
}

.p-icon-ai-upload-img:before {
    content: ""
}

.p-icon-ai-upload-other-img:before {
    content: ""
}

.p-icon-animation-record:before {
    content: ""
}

.p-icon-attr-role:before {
    content: ""
}

.p-icon-clock-cancel:before {
    content: ""
}

.p-icon-clock-ok:before {
    content: ""
}

.p-icon-clock:before {
    content: ""
}

.p-icon-k-clock:before {
    content: ""
}

.p-icon-load-video:before {
    content: ""
}

.p-icon-video-play:before {
    content: ""
}

.p-icon-add_v2:before {
    content: ""
}

.p-icon-click_choose:before {
    content: ""
}

.p-icon-edit_v2:before {
    content: ""
}

.p-icon-elements:before {
    content: ""
}

.p-icon-notes:before {
    content: ""
}

.p-icon-print_upload:before {
    content: ""
}

.p-icon-arrow-left:before {
    content: ""
}

.p-icon-arrow-right-beauty:before {
    content: ""
}

.p-icon-arrow-right:before {
    content: ""
}

.p-icon-check:before {
    content: ""
}

.p-icon-circle-success:before {
    content: ""
}

.p-icon-clear:before {
    content: ""
}

.p-icon-dieline-tip-fill:before {
    content: ""
}

.p-icon-dieline-tip:before {
    content: ""
}

.p-icon-leave-arrow:before {
    content: ""
}

.p-icon-line-color:before {
    content: ""
}

.p-icon-package-active:before {
    content: ""
}

.p-icon-package:before {
    content: ""
}

.p-icon-size-advance-active:before {
    content: ""
}

.p-icon-size-advance:before {
    content: ""
}

.p-icon-size-basic-active:before {
    content: ""
}

.p-icon-size-basic:before {
    content: ""
}

.p-icon-drag-icon:before {
    content: ""
}

.p-icon-earth:before {
    content: ""
}

.p-icon-edit:before {
    content: ""
}

.p-icon-editor-upload:before {
    content: ""
}

.p-icon-clear-pattern:before {
    content: ""
}

.p-icon-element-active:before {
    content: ""
}

.p-icon-element:before {
    content: ""
}

.p-icon-flip-horizontal:before {
    content: ""
}

.p-icon-flip-vertical:before {
    content: ""
}

.p-icon-font-italic:before {
    content: ""
}

.p-icon-font-vertical:before {
    content: ""
}

.p-icon-font-weight:before {
    content: ""
}

.p-icon-group-align-bottom:before {
    content: ""
}

.p-icon-group-align-left:before {
    content: ""
}

.p-icon-group-align-right:before {
    content: ""
}

.p-icon-group-align-top:before {
    content: ""
}

.p-icon-group-horizontal-center:before {
    content: ""
}

.p-icon-group-vertical-center:before {
    content: ""
}

.p-icon-group:before {
    content: ""
}

.p-icon-h-align-center:before {
    content: ""
}

.p-icon-h-align-justify:before {
    content: ""
}

.p-icon-h-align-left:before {
    content: ""
}

.p-icon-h-align-right:before {
    content: ""
}

.p-icon-horizontal-distribution:before {
    content: ""
}

.p-icon-inspiration-active:before {
    content: ""
}

.p-icon-inspiration:before {
    content: ""
}

.p-icon-layering:before {
    content: ""
}

.p-icon-line-height:before {
    content: ""
}

.p-icon-move-down:before {
    content: ""
}

.p-icon-move-to-bottom:before {
    content: ""
}

.p-icon-move-to-top:before {
    content: ""
}

.p-icon-move-up:before {
    content: ""
}

.p-icon-opacity:before {
    content: ""
}

.p-icon-packaging-info:before {
    content: ""
}

.p-icon-radius:before {
    content: ""
}

.p-icon-rotate90:before {
    content: ""
}

.p-icon-rotation:before {
    content: ""
}

.p-icon-ungroup:before {
    content: ""
}

.p-icon-upload-active:before {
    content: ""
}

.p-icon-upload-btn:before {
    content: ""
}

.p-icon-v-align-center:before {
    content: ""
}

.p-icon-v-align-justify:before {
    content: ""
}

.p-icon-v-align-left:before {
    content: ""
}

.p-icon-v-align-right:before {
    content: ""
}

.p-icon-vertical-distribution:before {
    content: ""
}

.p-icon-visiual:before {
    content: ""
}

.p-icon-email:before {
    content: ""
}

.p-icon-error_warning:before {
    content: ""
}

.p-icon-export-history:before {
    content: ""
}

.p-icon-arrow-down:before {
    content: ""
}

.p-icon-arrow-up:before {
    content: ""
}

.p-icon-back-five:before {
    content: ""
}

.p-icon-back:before {
    content: ""
}

.p-icon-bell:before {
    content: ""
}

.p-icon-bubble:before {
    content: ""
}

.p-icon-close:before {
    content: ""
}

.p-icon-copy:before {
    content: ""
}

.p-icon-correct:before {
    content: ""
}

.p-icon-custom-size:before {
    content: ""
}

.p-icon-delete:before {
    content: ""
}

.p-icon-dot-more:before {
    content: ""
}

.p-icon-email_v2:before {
    content: ""
}

.p-icon-forward-five:before {
    content: ""
}

.p-icon-gift:before {
    content: ""
}

.p-icon-go:before {
    content: ""
}

.p-icon-hand:before {
    content: ""
}

.p-icon-icon-3d-active:before {
    content: ""
}

.p-icon-icon-3d-tip:before {
    content: ""
}

.p-icon-icon-3d:before {
    content: ""
}

.p-icon-language:before {
    content: ""
}

.p-icon-lock:before {
    content: ""
}

.p-icon-mouse:before {
    content: ""
}

.p-icon-noSave:before {
    content: ""
}

.p-icon-save:before {
    content: ""
}

.p-icon-search-clear:before {
    content: ""
}

.p-icon-search-icon:before {
    content: ""
}

.p-icon-setting:before {
    content: ""
}

.p-icon-share:before {
    content: ""
}

.p-icon-tip:before {
    content: ""
}

.p-icon-trash:before {
    content: ""
}

.p-icon-unlink:before {
    content: ""
}

.p-icon-upload-img:before {
    content: ""
}

.p-icon-upload-img2:before {
    content: ""
}

.p-icon-warning2:before {
    content: ""
}

.p-icon-head-right:before {
    content: ""
}

.p-icon-icon-lock:before {
    content: ""
}

.p-icon-img-delete:before {
    content: ""
}

.p-icon-info:before {
    content: ""
}

.p-icon-link-share:before {
    content: ""
}

.p-icon-logo-icon:before {
    content: ""
}

.p-icon-logo-text:before {
    content: ""
}

.p-icon-LOGO:before {
    content: ""
}

.p-icon-logout:before {
    content: ""
}

.p-icon-minus:before {
    content: ""
}

.p-icon-mobile-menu:before {
    content: ""
}

.p-icon-add-filled:before {
    content: ""
}

.p-icon-ai-inspiration-active:before {
    content: ""
}

.p-icon-ai-inspiration:before {
    content: ""
}

.p-icon-arrow-back:before {
    content: ""
}

.p-icon-camera-bookmark:before {
    content: ""
}

.p-icon-down-arrow:before {
    content: ""
}

.p-icon-download:before {
    content: ""
}

.p-icon-edit2:before {
    content: ""
}

.p-icon-enhance-idea:before {
    content: ""
}

.p-icon-enlarge:before {
    content: ""
}

.p-icon-group-one:before {
    content: ""
}

.p-icon-group-three:before {
    content: ""
}

.p-icon-group-two:before {
    content: ""
}

.p-icon-icon-angle:before {
    content: ""
}

.p-icon-icon-close:before {
    content: ""
}

.p-icon-icon-left-arrow:before {
    content: ""
}

.p-icon-icon-right-arrow:before {
    content: ""
}

.p-icon-icon-warning:before {
    content: ""
}

.p-icon-image-add:before {
    content: ""
}

.p-icon-inspiration-download:before {
    content: ""
}

.p-icon-menu-bag-box:before {
    content: ""
}

.p-icon-menu-bottle-box:before {
    content: ""
}

.p-icon-menu-bowl-box:before {
    content: ""
}

.p-icon-menu-box-box:before {
    content: ""
}

.p-icon-menu-box-package:before {
    content: ""
}

.p-icon-menu-card-box:before {
    content: ""
}

.p-icon-menu-food-box:before {
    content: ""
}

.p-icon-menu-jar-box:before {
    content: ""
}

.p-icon-menu-other-box:before {
    content: ""
}

.p-icon-menu-tube-box:before {
    content: ""
}

.p-icon-new-arrivals:before {
    content: ""
}

.p-icon-left-arrow-new:before {
    content: ""
}

.p-icon-light-bulb:before {
    content: ""
}

.p-icon-mockup-ai-background-active:before {
    content: ""
}

.p-icon-mockup-ai-background:before {
    content: ""
}

.p-icon-mockup-upload:before {
    content: ""
}

.p-icon-narrow:before {
    content: ""
}

.p-icon-play:before {
    content: ""
}

.p-icon-retry:before {
    content: ""
}

.p-icon-right-arrow-new:before {
    content: ""
}

.p-icon-screenshot:before {
    content: ""
}

.p-icon-share-logo:before {
    content: ""
}

.p-icon-transparent-member:before {
    content: ""
}

.p-icon-turn-to-design:before {
    content: ""
}

.p-icon-models:before {
    content: ""
}

.p-icon-more-tools-fill:before {
    content: ""
}

.p-icon-more-tools:before {
    content: ""
}

.p-icon-grid-preview:before {
    content: ""
}

.p-icon-list-preview:before {
    content: ""
}

.p-icon-name-edit:before {
    content: ""
}

.p-icon-neo-about-us:before {
    content: ""
}

.p-icon-neo-api:before {
    content: ""
}

.p-icon-neo-arrow:before {
    content: ""
}

.p-icon-neo-contact:before {
    content: ""
}

.p-icon-neo-influencer:before {
    content: ""
}

.p-icon-neo-printing:before {
    content: ""
}

.p-icon-neo-workspace-account:before {
    content: ""
}

.p-icon-neo-workspace-ai-generation:before {
    content: ""
}

.p-icon-neo-workspace-api:before {
    content: ""
}

.p-icon-neo-workspace-logout:before {
    content: ""
}

.p-icon-neo-workspace-projects:before {
    content: ""
}

.p-icon-new-tab:before {
    content: ""
}

.p-icon-company-logo:before {
    content: ""
}

.p-icon-download-icon:before {
    content: ""
}

.p-icon-go-right-arrow:before {
    content: ""
}

.p-icon-scene-bg-active:before {
    content: ""
}

.p-icon-scene-bg:before {
    content: ""
}

.p-icon-scene-edit-active:before {
    content: ""
}

.p-icon-scene-edit:before {
    content: ""
}

.p-icon-scene-net:before {
    content: ""
}

.p-icon-scene-save:before {
    content: ""
}

.p-icon-scene-setting:before {
    content: ""
}

.p-icon-scene-share:before {
    content: ""
}

.p-icon-scene-share2:before {
    content: ""
}

.p-icon-scene-tip:before {
    content: ""
}

.p-icon-scene-tip2:before {
    content: ""
}

.p-icon-scene-video-active:before {
    content: ""
}

.p-icon-scene-video:before {
    content: ""
}

.p-icon-user-accout:before {
    content: ""
}

.p-icon-user-logOut:before {
    content: ""
}

.p-icon-user-projects:before {
    content: ""
}

.p-icon-user-subsription:before {
    content: ""
}

.p-icon-next:before {
    content: ""
}

.p-icon-off-shelf:before {
    content: ""
}

.p-icon-aliPay:before {
    content: ""
}

.p-icon-feature-not-supported:before {
    content: ""
}

.p-icon-feature-supported:before {
    content: ""
}

.p-icon-new-member:before {
    content: ""
}

.p-icon-price-start:before {
    content: ""
}

.p-icon-wxPay:before {
    content: ""
}

.p-icon-payment-shield:before {
    content: ""
}

.p-icon-pick-assets:before {
    content: ""
}

.p-icon-plus:before {
    content: ""
}

.p-icon-pricing-arrow:before {
    content: ""
}

.p-icon-project:before {
    content: ""
}

.p-icon-checkbox-default:before {
    content: ""
}

.p-icon-assets-active:before {
    content: ""
}

.p-icon-assets:before {
    content: ""
}

.p-icon-background-active:before {
    content: ""
}

.p-icon-background:before {
    content: ""
}

.p-icon-camera-fov:before {
    content: ""
}

.p-icon-camera:before {
    content: ""
}

.p-icon-close-constraints:before {
    content: ""
}

.p-icon-collapse-in:before {
    content: ""
}

.p-icon-collapse-out:before {
    content: ""
}

.p-icon-combine-group:before {
    content: ""
}

.p-icon-d3:before {
    content: ""
}

.p-icon-fov:before {
    content: ""
}

.p-icon-fov2:before {
    content: ""
}

.p-icon-ground:before {
    content: ""
}

.p-icon-light-active:before {
    content: ""
}

.p-icon-light:before {
    content: ""
}

.p-icon-loading:before {
    content: ""
}

.p-icon-model-active:before {
    content: ""
}

.p-icon-model:before {
    content: ""
}

.p-icon-more:before {
    content: ""
}

.p-icon-new-asset-active:before {
    content: ""
}

.p-icon-new-asset:before {
    content: ""
}

.p-icon-new-light-active:before {
    content: ""
}

.p-icon-new-light:before {
    content: ""
}

.p-icon-new-scene-active:before {
    content: ""
}

.p-icon-new-scene:before {
    content: ""
}

.p-icon-new-upload-active:before {
    content: ""
}

.p-icon-new-upload:before {
    content: ""
}

.p-icon-open-constraints:before {
    content: ""
}

.p-icon-perspective-tags:before {
    content: ""
}

.p-icon-render-logo:before {
    content: ""
}

.p-icon-render-search:before {
    content: ""
}

.p-icon-reset-camera:before {
    content: ""
}

.p-icon-scene-active:before {
    content: ""
}

.p-icon-scene:before {
    content: ""
}

.p-icon-success:before {
    content: ""
}

.p-icon-sunlight:before {
    content: ""
}

.p-icon-un-group:before {
    content: ""
}

.p-icon-unlock:before {
    content: ""
}

.p-icon-upload-image:before {
    content: ""
}

.p-icon-upload:before {
    content: ""
}

.p-icon-reset:before {
    content: ""
}

.p-icon-ruler:before {
    content: ""
}

.p-icon-search:before {
    content: ""
}

.p-icon-single-arrow-left:before {
    content: ""
}

.p-icon-star_v2:before {
    content: ""
}

.p-icon-tip-error:before {
    content: ""
}

.p-icon-tip-success:before {
    content: ""
}

.p-icon-tip-warning:before {
    content: ""
}

.p-icon-setting_v2:before {
    content: ""
}

.p-icon-tool-arrow-left-up:before {
    content: ""
}

.p-icon-tool-arrow-right-up:before {
    content: ""
}

.p-icon-tool-arrow-right:before {
    content: ""
}

.p-icon-tool-arrow-up:before {
    content: ""
}

.p-icon-arrow-top:before {
    content: ""
}

.p-icon-code:before {
    content: ""
}

.p-icon-copy-code:before {
    content: ""
}

.p-icon-upload-image02:before {
    content: ""
}

.p-icon-uses:before {
    content: ""
}

.toggle-enter-active[data-v-2a85e855],
.toggle-leave-active[data-v-2a85e855] {
    transition: height .5s ease, opacity .5s ease;
    transform-origin: center top
}

.toggle-enter-from[data-v-2a85e855],
.toggle-leave-to[data-v-2a85e855] {
    height: 0;
    opacity: 0
}

.scroll-transition[data-v-2a85e855] {
    transition: .3s height ease-in-out, .6s !important
}

.arrow-icon[data-v-2a85e855] {
    margin-left: auto;
    transition: transform .5s ease;
    font-size: 20px;
    display: block
}

.arrow-icon i[data-v-2a85e855] {
    font-size: 20px;
    color: #7f7f7f
}

.arrow-icon.active[data-v-2a85e855] {
    transform: rotate(180deg)
}

.collapse-box[data-v-2a85e855] {
    position: relative
}

.collapse-box .collapse-header[data-v-2a85e855] {
    font-size: var(--fs-base);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    font-weight: var(--fw-medium);
    display: flex;
    align-items: center;
    line-height: 40px;
    cursor: pointer;
    border-radius: 4px;
    overflow: hidden
}

.collapse-box .collapse-header .collapse-header-icon[data-v-2a85e855] {
    transition: transform .5s ease
}

.collapse-box .collapse-header .collapse-header-icon.active[data-v-2a85e855] {
    transform: rotate(90deg)
}

.collapse-box .collapse-header[data-v-2a85e855]:hover {
    background: var(--primary-background-hover)
}

.collapse-box .collapse-header.active[data-v-2a85e855],
.collapse-box .collapse-header[data-v-2a85e855]:active {
    background: #e6e6e6
}

.collapse-box .collapse-header-icon[data-v-2a85e855] {
    margin-right: 12px
}

.collapse-box .collapse-header-title[data-v-2a85e855] {
    font-size: var(--fs-base);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    font-weight: var(--fw-medium);
    margin-left: 8px;
    flex: 1;
    color: var(--h1-color)
}

.collapse-box .collapse-body[data-v-2a85e855] {
    background: #e6e6e6
}

.pac-loading[data-v-7eab5e66] {
    width: 16px;
    height: 16px;
    border-width: 2px;
    border-style: solid;
    border-radius: 100%;
    animation: circle-7eab5e66 infinite .75s linear;
    will-change: transform
}

@keyframes circle-7eab5e66 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes slide-to-right-e9a5ffad {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0% 50%
    }
}

.loading-ani[data-v-e9a5ffad] {
    background-image: linear-gradient(to left, #e3e3e3, #f3f3f3, #e3e3e3);
    animation: slide-to-right-e9a5ffad 3s infinite;
    background-size: 400% 400%
}

.out-box[data-v-e9a5ffad] {
    overflow: hidden
}

.image-container[data-v-e9a5ffad] {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-size: 0
}

.image-container__loading[data-v-e9a5ffad] {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff9;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.block-loading[data-v-c54db4de] {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    background-color: var(--skeleton-image-background-color);
    border-radius: calc(var(--6bef92c9) * 1px);
    z-index: 1;
    top: 0
}

.block-loading[data-v-c54db4de]:after {
    animation: 2s linear .5s infinite normal none running animation-wiooy9-c54db4de;
    background: linear-gradient(90deg, var(--skeleton-image-gradient-start-color), var(--skeleton-image-gradient-end-color));
    content: "";
    position: absolute;
    transform: translate(-100%);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@keyframes animation-wiooy9-c54db4de {
    0% {
        transform: translate(-100%)
    }

    50% {
        transform: translate(100%)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes slide-to-right-41c7a35a {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0% 50%
    }
}

.loading-ani[data-v-41c7a35a] {
    background-image: linear-gradient(to left, #e3e3e3, #f3f3f3, #e3e3e3);
    animation: slide-to-right-41c7a35a 3s infinite;
    background-size: 400% 400%
}

.out-box[data-v-41c7a35a] {
    overflow: hidden
}

.image-container[data-v-41c7a35a] {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 0;
    position: relative
}

.image-container__content[data-v-41c7a35a] {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.image-container--needFilter img[data-v-41c7a35a] {
    filter: blur(10px)
}

.image-container--useThemeFilter .img-show-animation[data-v-41c7a35a] {
    filter: blur(0) var(--image-filter) !important
}

.image-container img[data-v-41c7a35a] {
    width: 100%;
    opacity: 0;
    z-index: 1
}

.image-container .img-show-animation[data-v-41c7a35a] {
    filter: blur(0);
    transition: filter .8s
}

.image-container__loading[data-v-41c7a35a] {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff9;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.image-container__stack[data-v-41c7a35a] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none
}

.image-container__stack__item1[data-v-41c7a35a] {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #747eba33;
    transform-origin: 100% 100%
}

.image-container__stack__item2[data-v-41c7a35a] {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #747eba1a;
    transform-origin: 100% 100%
}

.image-container__refresh[data-v-41c7a35a] {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 14px;
    gap: 4px;
    line-height: 0;
    background: linear-gradient(316deg, var(--Neutral-Gray2, #eee) 0%, var(--Neutral-Gray1, #f7f7f7) 70.37%);
    z-index: 2
}

.image-container__refresh span[data-v-41c7a35a] {
    line-height: 120%
}

.lazy-text-container[data-v-48e9e890] {
    position: relative
}

@keyframes slide-to-right-48e9e890 {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0% 50%
    }
}

.loading-ani[data-v-48e9e890] {
    background-image: linear-gradient(to left, transparent, var(--skeleton-text-gradient-end-color), transparent);
    animation: slide-to-right-48e9e890 3s infinite;
    background-size: 400% 400%;
    margin-bottom: 4px;
    border-radius: calc(var(--1c5e6696) * 1px)
}

.loading-ani[data-v-48e9e890]:last-of-type {
    width: 30%
}

.model-collapse--dark .model-collapse__open[data-v-455a1692]:hover,
.model-collapse--dark .model-collapse__close[data-v-455a1692]:hover {
    color: #007d6c
}

.model-collapse[data-v-455a1692] {
    display: flex;
    align-items: center;
    height: 24px;
    font-size: var(--fs-sm);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    color: var(--one-level-text-color);
    background: var(--primary-background-light);
    border-radius: 16px
}

.model-collapse--disabled[data-v-455a1692] {
    cursor: not-allowed !important;
    color: var(--disabled-text-color) !important
}

.model-collapse__slider[data-v-455a1692] {
    flex: 1;
    min-width: 72px;
    margin: 0 15px 0 10px
}

.model-collapse__open[data-v-455a1692],
.model-collapse__close[data-v-455a1692] {
    display: inline-block;
    max-width: 48px;
    cursor: pointer
}

.model-collapse__open[data-v-455a1692]:hover,
.model-collapse__close[data-v-455a1692]:hover {
    color: var(--primary-color-hover)
}

.model-collapse__open[data-v-455a1692]:active,
.model-collapse__close[data-v-455a1692]:active {
    color: var(--primary-color-active)
}

.model-collapse-tooltip {
    white-space: nowrap
}

.soft-expansion-bar[data-v-f27d9c3d] {
    display: flex;
    align-items: center;
    height: 24px;
    font-size: var(--fs-sm);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    color: var(--one-level-text-color);
    background: var(--primary-background-light);
    border-radius: 16px
}

.soft-expansion-bar__slider[data-v-f27d9c3d] {
    flex: 1;
    min-width: 72px;
    margin: 0 10px
}

.soft-expansion-bar__open[data-v-f27d9c3d],
.soft-expansion-bar__close[data-v-f27d9c3d] {
    margin-left: 10px;
    display: inline-block;
    max-width: 48px
}

.soft-expansion-bar-tooltip {
    white-space: nowrap
}

.LazyImage[data-v-7c77f2a2] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 16px;
    position: relative;
    z-index: 1
}

.LazyImage .loading-ani[data-v-7c77f2a2] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.LazyImage .mockup-loading[data-v-7c77f2a2] {
    z-index: 3
}

.LazyImage img[data-v-7c77f2a2] {
    position: relative;
    width: 100%
}

.LazyImage video[data-v-7c77f2a2] {
    width: 100%;
    height: 100%
}

.LazyImage .no-img[data-v-7c77f2a2] {
    opacity: 0
}

.mockup-loading-img[data-v-7c77f2a2]:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: var(--4fd1ada6);
    background-size: 100%;
    background-repeat: no-repeat
}

.loading-style[data-v-7c77f2a2] {
    border-radius: 16px !important
}

@keyframes slide-to-right-7c77f2a2 {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0% 50%
    }
}

.loading-ani[data-v-7c77f2a2] {
    background-image: linear-gradient(to left, var(--46459e8d), var(--fa76d754), var(--46459e8d), var(--fa76d754));
    animation: slide-to-right-7c77f2a2 3s infinite;
    background-size: 400% 400%
}

.LoginBtn[data-v-cb46723c] {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 12px 16px;
    background: var(--primary-background);
    border-radius: 8px;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.LoginBtn[data-v-cb46723c]:hover {
    background-color: var(--primary-background-hover)
}

.LoginBtn[data-v-cb46723c]:active {
    background-color: #e6e6e6
}

.LoginBtn .img[data-v-cb46723c] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center
}

.LoginBtn .img img[data-v-cb46723c] {
    width: 100%
}

.LoginBtn span[data-v-cb46723c] {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: var(--fw-normal);
    color: #191919;
    line-height: 22px;
    text-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .08)
}

.css-8yzpf7[data-v-cb46723c] {
    display: inline-block;
    animation: 1.4s linear 0s infinite normal none running animation-61bdi0-cb46723c;
    vertical-align: middle
}

.css-13o7eu2[data-v-cb46723c] {
    display: block
}

.css-14891ef[data-v-cb46723c] {
    stroke: currentcolor;
    stroke-dasharray: 80px, 200px;
    stroke-dashoffset: 0;
    animation: 1.4s ease-in-out 0s infinite normal none running animation-1p2h4ri-cb46723c
}

@keyframes animation-1p2h4ri-cb46723c {
    0% {
        stroke-dasharray: 1px, 200px;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -15px
    }

    to {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -125px
    }
}

@keyframes animation-61bdi0-cb46723c {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.ResetPassword[data-v-6634f664] {
    width: 600px;
    padding: 50px 55px
}

.ResetPassword-back[data-v-6634f664] {
    display: flex;
    align-items: center
}

.ResetPassword-back span[data-v-6634f664] {
    margin-left: 10px;
    font-size: 20px;
    font-weight: var(--fw-normal);
    text-align: left;
    color: var(--two-level-text-color);
    line-height: 30px
}

.ResetPassword-back-arrow[data-v-6634f664] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: pointer;
    z-index: 1;
    transition: background .2s ease
}

.ResetPassword-back-arrow[data-v-6634f664]:hover {
    background: #ededed
}

.ResetPassword-back-arrow[data-v-6634f664]:active {
    background: #e7e7e7
}

.ResetPassword-title[data-v-6634f664] {
    margin-top: 30px;
    font-size: 32px;
    font-weight: var(--fw-normal);
    text-align: center;
    color: #191919;
    line-height: 48px;
    text-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .08)
}

.ResetPassword-desc[data-v-6634f664] {
    margin-top: 16px;
    font-size: 16px;
    font-weight: var(--fw-normal);
    text-align: center;
    color: #191919;
    line-height: 22px;
    text-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .08)
}

.ResetPassword-content[data-v-6634f664] {
    padding: 0 22px;
    margin-top: 40px
}

.ResetPassword-content-email[data-v-6634f664] {
    height: 82px
}

.ResetPassword-content-email[data-v-6634f664] .p-input-box {
    padding-left: 16px;
    height: 48px
}

.ResetPassword-content-email[data-v-6634f664] .p-input-box input {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #191919;
    line-height: 18px;
    text-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .08)
}

.ResetPassword-content-email-err[data-v-6634f664] {
    margin-top: 8px;
    color: #ff445d;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    line-height: 18px
}

.ResetPassword-content[data-v-6634f664] .p-button {
    width: 100%;
    height: 48px;
    font-size: 16px
}

.ResetPassword-dialog[data-v-6634f664] .b-dialog-wrapper .close-icon {
    top: 23px;
    right: 20px
}

.err-style[data-v-6634f664] {
    border: 1px solid #ff445d !important
}

@media (max-width: 980px) {
    .ResetPassword[data-v-6634f664] {
        padding: 24px 20px 30px;
        height: auto;
        width: 78vw;
        min-width: 295px
    }

    .ResetPassword-back span[data-v-6634f664] {
        font-size: 18px;
        line-height: 24px;
        margin-left: 8px
    }

    .ResetPassword-back-arrow[data-v-6634f664] {
        width: 28px;
        height: 28px
    }

    .ResetPassword-back-arrow img[data-v-6634f664] {
        width: 28px
    }

    .ResetPassword-title[data-v-6634f664] {
        font-size: 26px;
        line-height: 1.5
    }

    .ResetPassword-desc[data-v-6634f664] {
        font-size: 14px;
        line-height: 1.5
    }

    .ResetPassword-content[data-v-6634f664] {
        margin-top: 32px
    }

    .ResetPassword-content-email[data-v-6634f664] {
        height: 76px
    }

    .ResetPassword-content-email .p-input-box[data-v-6634f664] {
        height: 44px
    }

    .ResetPassword-content-email .p-input-box img[data-v-6634f664] {
        width: 20px
    }

    .ResetPassword-content-email .p-input-box[data-v-6634f664] input {
        font-size: 14px
    }

    .ResetPassword-content-email-err[data-v-6634f664] {
        font-size: 12px
    }

    .ResetPassword-content .p-button[data-v-6634f664] {
        height: 40px;
        font-size: 14px
    }
}

.SendEmailSuccess[data-v-e5c64a5b] {
    width: 600px;
    height: 352px;
    padding: 48px 55px
}

.SendEmailSuccess-title[data-v-e5c64a5b] {
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    color: #191919;
    line-height: 48px;
    text-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .08)
}

.SendEmailSuccess-desc[data-v-e5c64a5b] {
    margin-top: 24px
}

.SendEmailSuccess-desc p[data-v-e5c64a5b]:nth-child(1) {
    font-size: 16px;
    font-weight: 500;
    color: #191919;
    line-height: 32px;
    text-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .08)
}

.SendEmailSuccess-desc p[data-v-e5c64a5b]:nth-child(2) {
    font-size: 16px;
    color: #191919;
    text-align: justify;
    line-height: 32px;
    text-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .08)
}

.SendEmailSuccess-desc p a[data-v-e5c64a5b]:link {
    text-decoration: underline
}

.SendEmailSuccess-desc p a[data-v-e5c64a5b]:hover {
    text-decoration: underline;
    color: var(--one-level-text-color)
}

.SendEmailSuccess-desc p a[data-v-e5c64a5b]:active {
    text-decoration: none;
    color: #59299f
}

.SendEmailSuccess-btn[data-v-e5c64a5b] {
    margin-top: 40px;
    padding: 0 23px;
    width: 100%
}

.SendEmailSuccess-btn[data-v-e5c64a5b] .p-button {
    width: 100%;
    height: 48px;
    font-size: 16px
}

.SendEmailSuccess-dialog[data-v-e5c64a5b] .b-dialog-wrapper {
    min-height: 352px
}

.SendEmailSuccess-dialog[data-v-e5c64a5b] .b-dialog-wrapper .close-icon {
    top: 23px;
    right: 20px
}

.china-login[data-v-24172990] {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.china-login .title[data-v-24172990] {
    font-size: var(--fs-2xl);
    font-weight: var(--fw-medium);
    line-height: var(--lh-normal);
    color: #191919;
    margin-top: 110px
}

.china-login .sub-title-font[data-v-24172990] {
    font-size: var(--fs-sm);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    color: #7f7f7f
}

.china-login .pac-alink[data-v-24172990] {
    color: var(--primary-color);
    cursor: pointer
}

.china-login .pac-alink[data-v-24172990]:hover {
    font-weight: 500;
    text-decoration: underline
}

.china-login .login-area[data-v-24172990] {
    margin-top: 30px;
    text-align: center
}

.china-login .login-area .code-area[data-v-24172990] {
    position: relative;
    width: 185px;
    height: 185px;
    margin-bottom: 10px
}

.china-login .login-area .code-area .code-img[data-v-24172990] {
    width: 100%;
    height: 100%
}

.china-login .login-area .code-area--success[data-v-24172990] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: #ffffffb3
}

.china-login .login-area .code-area--success .success-tick-icon[data-v-24172990] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.china-login .login-area .code-area--expired[data-v-24172990] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: #ffffffe6
}

.china-login .login-area .code-area--expired .expired-content[data-v-24172990] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    color: #4c4c4c
}

.china-login .login-area .code-area--expired .warn-icon[data-v-24172990] {
    width: 28px;
    height: 28px
}

.china-login .login-area .bottom-btn .refresh-btn[data-v-24172990] {
    font-size: var(--fs-base);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 188px;
    height: 40px;
    line-height: 40px;
    background: var(--primary-color);
    border-radius: 20px;
    color: #fff;
    cursor: pointer
}

.china-login .login-area .bottom-btn .refresh-btn[data-v-24172990]:hover {
    opacity: .7
}

.china-login .login-area .bottom-btn .refresh-btn[data-v-24172990]:active {
    background: var(--primary-highlight);
    opacity: 1
}

.china-login .login-area .bottom-tip--login .login-main-tip[data-v-24172990] {
    font-size: var(--fs-2xl);
    font-weight: var(--fw-medium);
    line-height: var(--lh-normal);
    color: #191919
}

.china-login .footer[data-v-24172990] {
    position: absolute;
    bottom: 55px;
    font-size: var(--fs-base);
    font-weight: var(--fw-normal);
    line-height: var(--lh-normal)
}

.b-icon-email {
    width: 72px;
    height: 72px;
    mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAAAXNSR0IArs4c6QAAA99JREFUaEPtl0toE0EYx2c2SZPeNGk9eBMRpeDuIqWx1OKlNmcPXnwcxIAUIVSJUIyPBs0hUBCKYBFBCkoRDz6OEnupGFtCSeKlF8GT1gcWEWyeO7IhE6aT2cxusm4Ss4GQDTuP7/f9//PttxD0yAf2CCewQf83pW1FbUW7NAO2dbtUOM2wbUVtRbs0A7Z1u1Q4uxjZ1rWt26UZ+BfWNWtNZGZOzQjKjDX0MLUE3mqQRuZrjTUCYGTsjuQZCZTOOm8u776WijwY3n3mus0Gozlvfn6+b/zY+C1BcAQBAF49niTG/FSU8sOVtyvRUChUaDDXMKyZoJW10uvZGBRAGACAA+0DADgbASOEShDC2nikKHPyETlSncOCahsoThjMZj58Qwg5cvntM36///Xy8vKQzzvwHACwjw2LNja/bp4MBAIfV9+tBtz9/U8EAZZE6fAeAAAGosHaAlqDVEEy6WypClQqFgrh4ZHhhcXFxQFRlJ4KUBgjYZGivEmuJk9PTU39SqXWL7mczjhWX5JF7AIWrCWgtN3V/zXYTDpbJGGKpdJCOHzl6uDgoGNm5to9p8NxVr1fKBYfTE+Hwj6fD8zenL3rcDovkPMkWXRRirakajNnlJxDqlkBzqSzdUWkXC4nXr56cS4ajf5OJtcuA6X8Z3RsdCEej3snT0w+FgTHcdrWkiyqZ1uFw191CAlrSFUzQPEaQhU0zzqLSFE2UuupU8Fg8JN6f2lp6cChg0PPBAHuZ42XZNFdBVOIotR2UGxfVVEmaEUOpPz4svn9osvl7Bvwee9DCHdpVWMClFS1I0CxojmDz07mcEkWPYSitIVpG3O3bMW65PmsQAIAhEw6u83dVccASRb7AQCqbVVI/EsCWnZGex70MwBgtw7RGg3ZkmRxb0cruvZ+7bbb41FbwKY/+VxubuToyI1OAVVBcLWtndGJiQl37E4s4nZ7zkMIDSmLENrK53OPItcjsUQioVZv+ox2TtVVCxIuTEQiWE0GHTSurDQc/k82DpZWXVLROmUZkLwXb/IRwlKy7aAsC1ceNWQPXD2wNCzdsJOPEvq6rS0gS9Val0Soiscxu0OqxaM7IVazYIl16aDrGnsNQD3WxQCstq/pQtQoy7xHA+tVjVSXdd1oTdLCWtfkfENdkZmg5Fo7XsSJc8pLHuu8alm0raBalsaAPOvicXosahkozw1aUFpVl1a7EYhhSF6wPKsZmc97S9IbvN5xdbHzAjATVs9aegpWU+uYAUpvbNaaTavHyoRZQTWVZSsn2aBWZtuKvWxFrciylXvYilqZbSv2shW1IstW7tEziv4FMbFUSsmoABYAAAAASUVORK5CYII=);
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAAAXNSR0IArs4c6QAAA99JREFUaEPtl0toE0EYx2c2SZPeNGk9eBMRpeDuIqWx1OKlNmcPXnwcxIAUIVSJUIyPBs0hUBCKYBFBCkoRDz6OEnupGFtCSeKlF8GT1gcWEWyeO7IhE6aT2cxusm4Ss4GQDTuP7/f9//PttxD0yAf2CCewQf83pW1FbUW7NAO2dbtUOM2wbUVtRbs0A7Z1u1Q4uxjZ1rWt26UZ+BfWNWtNZGZOzQjKjDX0MLUE3mqQRuZrjTUCYGTsjuQZCZTOOm8u776WijwY3n3mus0Gozlvfn6+b/zY+C1BcAQBAF49niTG/FSU8sOVtyvRUChUaDDXMKyZoJW10uvZGBRAGACAA+0DADgbASOEShDC2nikKHPyETlSncOCahsoThjMZj58Qwg5cvntM36///Xy8vKQzzvwHACwjw2LNja/bp4MBAIfV9+tBtz9/U8EAZZE6fAeAAAGosHaAlqDVEEy6WypClQqFgrh4ZHhhcXFxQFRlJ4KUBgjYZGivEmuJk9PTU39SqXWL7mczjhWX5JF7AIWrCWgtN3V/zXYTDpbJGGKpdJCOHzl6uDgoGNm5to9p8NxVr1fKBYfTE+Hwj6fD8zenL3rcDovkPMkWXRRirakajNnlJxDqlkBzqSzdUWkXC4nXr56cS4ajf5OJtcuA6X8Z3RsdCEej3snT0w+FgTHcdrWkiyqZ1uFw191CAlrSFUzQPEaQhU0zzqLSFE2UuupU8Fg8JN6f2lp6cChg0PPBAHuZ42XZNFdBVOIotR2UGxfVVEmaEUOpPz4svn9osvl7Bvwee9DCHdpVWMClFS1I0CxojmDz07mcEkWPYSitIVpG3O3bMW65PmsQAIAhEw6u83dVccASRb7AQCqbVVI/EsCWnZGex70MwBgtw7RGg3ZkmRxb0cruvZ+7bbb41FbwKY/+VxubuToyI1OAVVBcLWtndGJiQl37E4s4nZ7zkMIDSmLENrK53OPItcjsUQioVZv+ox2TtVVCxIuTEQiWE0GHTSurDQc/k82DpZWXVLROmUZkLwXb/IRwlKy7aAsC1ceNWQPXD2wNCzdsJOPEvq6rS0gS9Val0Soiscxu0OqxaM7IVazYIl16aDrGnsNQD3WxQCstq/pQtQoy7xHA+tVjVSXdd1oTdLCWtfkfENdkZmg5Fo7XsSJc8pLHuu8alm0raBalsaAPOvicXosahkozw1aUFpVl1a7EYhhSF6wPKsZmc97S9IbvN5xdbHzAjATVs9aegpWU+uYAUpvbNaaTavHyoRZQTWVZSsn2aBWZtuKvWxFrciylXvYilqZbSv2shW1IstW7tEziv4FMbFUSsmoABYAAAAASUVORK5CYII=);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #d1d0d2
}

.b-icon-psw {
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAAAXNSR0IArs4c6QAAA/1JREFUaEPtmEtME0EYx78pLYgRE+DGhZhwscbQgg9CiGlDsAQ1eFBjiB48cOFgYo0XvXiQg1w8GGPi1eCLePKIj4uPYCjdbkCjHuTZQhFqjEqx7Y7ZpmMm05ll205pke1lt+3w7fzm999vpyDYJi+0TTjBAv3fTFtGLaNbdAWs6G5RccJpW0Yto1t0BazoblFxVjOyomtF1/wKFJIWbP4y5kYWMhnRFWTVlAora1IEWnY9abAyJ2ZUCwUCAU9Fhf0KQqgNAByggYqRdtflcg0DgBGQFNjNAEXBYMhvQ2gIIPtfNxjw/cHBGxdGRkZ0IBFUwbCyQHl10p9NvJ/osFc5XmlYwzil3Qwvhm9Ho9F48/7msxV2uw5fgzXtoqvFdSeTfx5U+YMqQfUpQnBSw9qQ2+26Rnew8bHxM46qymEMeNrlam6ijLJgZQEqtKlHNaSEZgFQw0J4vqmnp2eWBnU6nejhg0cRAKiLLIYburu7l6jvpcLKiC5bg7zXjyikqDEA2PXm7eu6gYGBX+wzSQmqUwhB02psZa/X6/1iYFX/07zNFgpqCKnPjIC+ePm83u/380AnddDo8pKzq6uLgBIgafdrIaBCyNHR0cba2vpzALDTYbdfAoDKZCJxSwNIsEYddns/Qqg2mUrdQxhH47/jz9qPtAdk36+yQdP1lGAohBDaZ25zljXq59SHmT19fSf0yPMeOXnFVxYoe19mmcsFejX246DX2xGUaTVfUF5s080n04D+iMAwxlGM8ZrNZmsUjYl9Xz3k8XgIqBSrxQC1hRR1XQSxHI2en1uYm2xxt+og3FcGVAEATWA15/jKAP1nkjIqBI0shk+pqqr6jnZ/FoF+W1k+3NnZyRql4UoOastENy6CWAjPn1YURT3Wc/zTBqC0UTa+ZQGqR3dNBLEejz9eTyQ+7q6puS4as7gUafP5fMQoiW/ZGE3bBABDUDPdVwBK74xKapQGXdE3C2ageGOmZ7429/b26tEmNvVj+YGOvRu7vKO6+moesIlkMvWk9YC7HwBSmY7L67wlNZqOLYkvdU53Zd0K6fT0fpY0G/1IW6Tfl41RAkTDso8eXlJpSHLOwpZV19UhCCRtl8ASSNYoMcWzyi4CqVGy6JJIZm0eyCYiM0N2g8L+HKOjSkPSsWXPTfU8GTsj+r7jgbLf0xNjn408g2W116WN8s5pWNYAzyrvM9ECFdUob+J0OuifbUaQvHtOOqSZCRitlij2LCTbhERGjaALslksUKO6oma0EXxJQXNdKKPGZ/ZxYXZcVhLz7bp0IRk1zDSUvCFzNWJmMjJrFgTGTnazbJhdpKKNs0CLtrQlKmwZLdHCF+2yltGiLW2JCm8bo38BUeiOSjzeDEkAAAAASUVORK5CYII=);
    mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAAAXNSR0IArs4c6QAAA/1JREFUaEPtmEtME0EYx78pLYgRE+DGhZhwscbQgg9CiGlDsAQ1eFBjiB48cOFgYo0XvXiQg1w8GGPi1eCLePKIj4uPYCjdbkCjHuTZQhFqjEqx7Y7ZpmMm05ll205pke1lt+3w7fzm999vpyDYJi+0TTjBAv3fTFtGLaNbdAWs6G5RccJpW0Yto1t0BazoblFxVjOyomtF1/wKFJIWbP4y5kYWMhnRFWTVlAora1IEWnY9abAyJ2ZUCwUCAU9Fhf0KQqgNAByggYqRdtflcg0DgBGQFNjNAEXBYMhvQ2gIIPtfNxjw/cHBGxdGRkZ0IBFUwbCyQHl10p9NvJ/osFc5XmlYwzil3Qwvhm9Ho9F48/7msxV2uw5fgzXtoqvFdSeTfx5U+YMqQfUpQnBSw9qQ2+26Rnew8bHxM46qymEMeNrlam6ijLJgZQEqtKlHNaSEZgFQw0J4vqmnp2eWBnU6nejhg0cRAKiLLIYburu7l6jvpcLKiC5bg7zXjyikqDEA2PXm7eu6gYGBX+wzSQmqUwhB02psZa/X6/1iYFX/07zNFgpqCKnPjIC+ePm83u/380AnddDo8pKzq6uLgBIgafdrIaBCyNHR0cba2vpzALDTYbdfAoDKZCJxSwNIsEYddns/Qqg2mUrdQxhH47/jz9qPtAdk36+yQdP1lGAohBDaZ25zljXq59SHmT19fSf0yPMeOXnFVxYoe19mmcsFejX246DX2xGUaTVfUF5s080n04D+iMAwxlGM8ZrNZmsUjYl9Xz3k8XgIqBSrxQC1hRR1XQSxHI2en1uYm2xxt+og3FcGVAEATWA15/jKAP1nkjIqBI0shk+pqqr6jnZ/FoF+W1k+3NnZyRql4UoOastENy6CWAjPn1YURT3Wc/zTBqC0UTa+ZQGqR3dNBLEejz9eTyQ+7q6puS4as7gUafP5fMQoiW/ZGE3bBABDUDPdVwBK74xKapQGXdE3C2ageGOmZ7429/b26tEmNvVj+YGOvRu7vKO6+moesIlkMvWk9YC7HwBSmY7L67wlNZqOLYkvdU53Zd0K6fT0fpY0G/1IW6Tfl41RAkTDso8eXlJpSHLOwpZV19UhCCRtl8ASSNYoMcWzyi4CqVGy6JJIZm0eyCYiM0N2g8L+HKOjSkPSsWXPTfU8GTsj+r7jgbLf0xNjn408g2W116WN8s5pWNYAzyrvM9ECFdUob+J0OuifbUaQvHtOOqSZCRitlij2LCTbhERGjaALslksUKO6oma0EXxJQXNdKKPGZ/ZxYXZcVhLz7bp0IRk1zDSUvCFzNWJmMjJrFgTGTnazbJhdpKKNs0CLtrQlKmwZLdHCF+2yltGiLW2JCm8bo38BUeiOSjzeDEkAAAAASUVORK5CYII=)
}

.Login-on[data-v-b333c29c] {
    width: 900px;
    min-width: 800px;
    height: 653px;
    overflow: hidden;
    display: flex
}

.Login-on-left[data-v-b333c29c] {
    display: block;
    width: 40%
}

.Login-on-left[data-v-b333c29c] .LazyImage {
    border-radius: 0
}

.Login-on-left[data-v-b333c29c] .LazyImage img {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: scale(1.01) !important
}

.Login-on-left img[data-v-b333c29c] {
    width: 100%;
    height: 100%
}

.Login-on-right[data-v-b333c29c] {
    width: 60%;
    padding: 40px 48px
}

.Login-on-right-title[data-v-b333c29c] {
    font-size: 32px;
    font-weight: var(--fw-medium);
    color: var(--one-level-text-color);
    line-height: 48px
}

.Login-on-right-desc[data-v-b333c29c] {
    margin-top: 7px
}

.Login-on-right-desc-item[data-v-b333c29c] {
    display: flex;
    align-items: baseline;
    font-size: 16px;
    font-weight: 400;
    color: var(--two-level-text-color);
    line-height: 1.3;
    justify-content: flex-start
}

.Login-on-right-desc-item span.desc[data-v-b333c29c] {
    margin-top: 8px
}

.Login-on-right-desc-item span.desc[data-v-b333c29c]:first-child {
    margin-top: 0
}

.Login-on-right-desc-item .circle[data-v-b333c29c] {
    display: inline-block;
    flex-shrink: 0;
    width: 5px;
    height: 5px;
    background: var(--two-level-text-color);
    border-radius: 50%;
    box-shadow: 0 4px 8px #00000014;
    margin-right: 7px;
    position: relative;
    top: -3px
}

.Login-on-right-btns[data-v-b333c29c] {
    margin-top: 15px
}

.Login-on-right-btns .LoginBtn[data-v-b333c29c] {
    margin-bottom: 16px;
    transition: all .3s ease-in-out
}

.Login-on-right-split[data-v-b333c29c] {
    display: flex;
    align-items: center;
    margin-top: 40px
}

.Login-on-right-split .line[data-v-b333c29c] {
    flex: 1;
    height: 1px;
    background: #d1d0d2
}

.Login-on-right-split span[data-v-b333c29c] {
    margin: 0 15px;
    font-size: 16px;
    font-weight: 400;
    color: #7f7f7f;
    line-height: 18px
}

.Login-on-right-input[data-v-b333c29c] {
    margin-top: 24px
}

.Login-on-right-input .validate[data-v-b333c29c] {
    padding-bottom: 16px;
    position: relative
}

.Login-on-right-input .validate .err-msg[data-v-b333c29c] {
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #ff445d
}

.Login-on-right-input .validate .loginon-err[data-v-b333c29c] {
    margin-top: 8px
}

.Login-on-right-input[data-v-b333c29c] .p-input-box {
    padding-left: 16px;
    border-radius: 8px;
    height: 48px;
    transition: all .3s ease-in-out
}

.Login-on-right-input[data-v-b333c29c] .p-input-box input {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: var(--one-level-text-color);
    line-height: 18px
}

.Login-on-right-input[data-v-b333c29c]:nth-child(2) {
    margin-top: 10px
}

.Login-on-right-policy[data-v-b333c29c] {
    font-size: 14px;
    font-weight: 400;
    color: #7f7f7f;
    line-height: 19px;
    font-size: 12px
}

.Login-on-right-policy.mobile-policy[data-v-b333c29c] {
    display: none
}

.Login-on-right[data-v-b333c29c] .p-button {
    transition: none;
    margin-top: 24px;
    width: 100%;
    height: 48px;
    font-size: 16px;
    border-radius: 8px
}

.Login-on-right-footer[data-v-b333c29c] {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    line-height: var(--lh-tight)
}

.Login-on-right-footer-left[data-v-b333c29c] {
    flex: 1;
    margin-right: 20px
}

.Login-on-right-footer-left span[data-v-b333c29c] {
    font-size: 14px;
    font-weight: 400;
    color: var(--one-level-text-color)
}

.Login-on-right-footer-right[data-v-b333c29c] {
    flex: 1;
    text-align: right;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: var(--two-level-text-color)
}

.Login-on-right-footer-right a[data-v-b333c29c] {
    vertical-align: middle
}

.Login-on.ai-background-style[data-v-b333c29c] .p-input-box:hover,
.Login-on.ai-background-style[data-v-b333c29c] .p-input-box:active {
    border: 1px solid #191919 !important
}

.Login-on.ai-background-style a.a-link[data-v-b333c29c],
.Login-on.ai-background-style a.a-link[data-v-b333c29c]:link {
    color: #5ea110 !important
}

.Login-on.ai-background-style a.a-link[data-v-b333c29c]:hover {
    color: #75ca12 !important
}

.Login-on.ai-background-style a.a-link[data-v-b333c29c]:active {
    color: #5ea110 !important
}

.err-style[data-v-b333c29c] {
    border: 1px solid #ff445d !important
}

a.a-link[data-v-b333c29c] {
    margin-left: 4px;
    color: var(--one-level-text-color);
    text-decoration: underline
}

a.a-link[data-v-b333c29c]:link {
    color: var(--one-level-text-color)
}

a.a-link[data-v-b333c29c]:hover {
    text-decoration: none;
    color: var(--two-level-text-color)
}

a.a-link[data-v-b333c29c]:active {
    color: var(--one-level-text-color);
    text-decoration: underline
}

@media (max-width: 980px) {
    [data-v-b333c29c] .b-dialog-wrapper {
        min-width: auto;
        min-height: auto;
        border-radius: 16px
    }

    [data-v-b333c29c] .b-dialog-wrapper .close-icon {
        right: 25px;
        top: 25px;
        width: 28px;
        height: 28px
    }

    [data-v-b333c29c] .b-dialog-wrapper .close-icon i {
        font-size: 20px
    }

    .Login-on[data-v-b333c29c] {
        min-width: 295px;
        min-height: 508px;
        height: auto;
        width: 78vw
    }

    .Login-on-left[data-v-b333c29c] {
        display: none
    }

    .Login-on-right[data-v-b333c29c] {
        width: 100%;
        padding: 24px 20px
    }

    .Login-on-right .main-input-warp[data-v-b333c29c] {
        height: auto !important
    }

    .Login-on-right-title[data-v-b333c29c] {
        font-size: 20px;
        line-height: 30px;
        font-weight: var(--fw-medium)
    }

    .Login-on-right-desc[data-v-b333c29c] {
        display: none
    }

    .Login-on-right-btns[data-v-b333c29c] {
        margin-top: 24px !important
    }

    .Login-on-right-btns[data-v-b333c29c] .LoginBtn {
        padding: 11px 24px;
        margin-bottom: 12px
    }

    .Login-on-right-btns[data-v-b333c29c] .LoginBtn img {
        width: 16px;
        height: 16px
    }

    .Login-on-right-btns[data-v-b333c29c] .LoginBtn span {
        font-size: var(--fs-sm);
        font-weight: var(--fw-normal);
        line-height: var(--lh-normal)
    }

    .Login-on-right-split[data-v-b333c29c] {
        margin-top: 24px
    }

    .Login-on-right-split span[data-v-b333c29c] {
        font-size: 12px
    }

    .Login-on-right-input .validate .p-input-box[data-v-b333c29c] {
        padding-left: 10px;
        height: 44px
    }

    .Login-on-right-input .validate .p-input-box img[data-v-b333c29c] {
        width: 20px
    }

    .Login-on-right-input .validate .p-input-box[data-v-b333c29c] input {
        font-size: 14px
    }

    .Login-on-right-input .validate .err-msg[data-v-b333c29c] {
        font-size: 12px
    }

    .Login-on-right-policy[data-v-b333c29c] {
        display: none
    }

    .Login-on-right-policy.mobile-policy[data-v-b333c29c] {
        font-size: 12px;
        display: block;
        margin-top: 12px
    }

    .Login-on-right-policy.mobile-policy span a.a-link[data-v-b333c29c] {
        color: #191919
    }

    .Login-on-right .p-button[data-v-b333c29c] {
        margin-top: 8px;
        height: 39px;
        font-size: 14px
    }

    .Login-on-right-footer[data-v-b333c29c] {
        flex-direction: column-reverse
    }

    .Login-on-right-footer-right[da