html[data-theme=dark] {
    color-scheme: dark;
    --el-color-primary: #006EFF;
    --el-color-primary-light-3: rgb(6, 83, 185);
    --el-color-primary-light-5: #2a598a;
    --el-color-primary-light-7: #213d5b;
    --el-color-primary-light-8: #1d3043;
    --el-color-primary-light-9: #18222c;
    --el-color-primary-dark-2: rgb(51, 139, 255);
    --el-color-success: #1BCD63;
    --el-color-success-light-3: rgb(25, 150, 75);
    --el-color-success-light-5: #3e6b27;
    --el-color-success-light-7: #2d481f;
    --el-color-success-light-8: #25371c;
    --el-color-success-light-9: #1c2518;
    --el-color-success-dark-2: rgb(73, 215, 130);
    --el-color-warning: #FBAC15;
    --el-color-warning-light-3: rgb(182, 126, 21);
    --el-color-warning-light-5: #7d5b28;
    --el-color-warning-light-7: #533f20;
    --el-color-warning-light-8: #3e301c;
    --el-color-warning-light-9: #292218;
    --el-color-warning-dark-2: rgb(252, 189, 68);
    --el-color-danger: #E4221C;
    --el-color-danger-light-3: rgb(166, 30, 26);
    --el-color-danger-light-5: #854040;
    --el-color-danger-light-7: #582e2e;
    --el-color-danger-light-8: #412626;
    --el-color-danger-light-9: #2b1d1d;
    --el-color-danger-dark-2: rgb(233, 78, 73);
    --el-color-error: #E4221C;
    --el-color-error-light-3: rgb(166, 30, 26);
    --el-color-error-light-5: #854040;
    --el-color-error-light-7: #582e2e;
    --el-color-error-light-8: #412626;
    --el-color-error-light-9: #2b1d1d;
    --el-color-error-dark-2: rgb(233, 78, 73);
    --el-color-info: #909399;
    --el-color-info-light-3: #6b6d71;
    --el-color-info-light-5: #525457;
    --el-color-info-light-7: #393a3c;
    --el-color-info-light-8: #2d2d2f;
    --el-color-info-light-9: #202121;
    --el-color-info-dark-2: #a6a9ad;
    --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .36), 0px 8px 20px rgba(0, 0, 0, .72);
    --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .72);
    --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .72);
    --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .72), 0px 12px 32px #000000, 0px 8px 16px -8px #000000;
    --el-bg-color-page: #141414;
    --el-bg-color: #0a0a0a;
    --el-bg-color-rgb-r: 10;
    --el-bg-color-rgb-g: 10;
    --el-bg-color-rgb-b: 10;
    --el-bg-color-overlay: #1d1e1f;
    --el-text-color-primary: #E5EAF3;
    --el-text-color-regular: #CFD3DC;
    --el-text-color-secondary: #A3A6AD;
    --el-text-color-placeholder: #8D9095;
    --el-text-color-disabled: #6C6E72;
    --el-border-color-darker: #636466;
    --el-border-color-dark: #58585B;
    --el-border-color: #4C4D4F;
    --el-border-color-light: #414243;
    --el-border-color-lighter: #363637;
    --el-border-color-extra-light: #2B2B2C;
    --el-fill-color-darker: #424243;
    --el-fill-color-dark: #39393A;
    --el-fill-color: #303030;
    --el-fill-color-light: #262727;
    --el-fill-color-lighter: #1D1D1D;
    --el-fill-color-extra-light: #191919;
    --el-fill-color-blank: transparent;
    --el-mask-color: rgba(0, 0, 0, .8);
    --el-mask-color-extra-light: rgba(0, 0, 0, .3)
}

html[data-theme=dark] .el-button {
    --el-button-disabled-text-color: rgba(255, 255, 255, .5)
}

html[data-theme=dark] .el-card {
    --el-card-bg-color: var(--el-bg-color-overlay)
}

html[data-theme=dark] .el-empty {
    --el-empty-fill-color-0: var(--el-color-black);
    --el-empty-fill-color-1: #4b4b52;
    --el-empty-fill-color-2: #36383d;
    --el-empty-fill-color-3: #1e1e20;
    --el-empty-fill-color-4: #262629;
    --el-empty-fill-color-5: #202124;
    --el-empty-fill-color-6: #212224;
    --el-empty-fill-color-7: #1b1c1f;
    --el-empty-fill-color-8: #1c1d1f;
    --el-empty-fill-color-9: #18181a
}

html[data-theme=light] {
    --el-bg-color-rgb-r: 255;
    --el-bg-color-rgb-g: 255;
    --el-bg-color-rgb-b: 255;
    --el-color-primary: #006EFF;
    --el-color-primary-light-3: rgb(77, 154, 255);
    --el-color-primary-dark-2: rgb(4, 92, 208);
    --el-color-success: #1BCD63;
    --el-color-success-light-3: rgb(95, 220, 146);
    --el-color-success-dark-2: rgb(26, 168, 83);
    --el-color-warning: #FBAC15;
    --el-color-warning-light-3: rgb(252, 197, 91);
    --el-color-warning-dark-2: rgb(205, 142, 21);
    --el-color-danger: #E4221C;
    --el-color-danger-light-3: rgb(236, 100, 96);
    --el-color-danger-dark-2: rgb(186, 31, 26);
    --el-color-error: #E4221C;
    --el-color-error-light-3: rgb(236, 100, 96);
    --el-color-error-dark-2: rgb(186, 31, 26)
}

.pb-safe-area {
    padding-bottom: constant(safe-area-inset-bottom) !important;
    padding-bottom: env(safe-area-inset-bottom) !important
}

.pt-safe-area {
    padding-top: constant(safe-area-inset-top) !important;
    padding-top: env(safe-area-inset-top) !important
}

.mx-auto, .ml-auto {
    margin-left: auto !important
}

.mx-auto, .mr-auto {
    margin-right: auto !important
}

.p-0, .pl-0, .px-0 {
    padding-left: 0 !important
}

.p-0, .pr-0, .px-0 {
    padding-right: 0 !important
}

.p-0, .pt-0, .py-0 {
    padding-top: 0 !important
}

.p-0, .pb-0, .py-0 {
    padding-bottom: 0 !important
}

.m-0, .ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-0, .mr-0, .mx-0 {
    margin-right: 0 !important
}

.m-0, .mt-0, .my-0 {
    margin-top: 0 !important
}

.m-0, .mb-0, .my-0 {
    margin-bottom: 0 !important
}

.top-0 {
    top: 0 !important
}

.left-0 {
    left: 0 !important
}

.right-0 {
    right: 0 !important
}

.bottom-0 {
    bottom: 0 !important
}

.top--0 {
    top: 0 !important
}

.left--0 {
    left: 0 !important
}

.right--0 {
    right: 0 !important
}

.bottom--0 {
    bottom: 0 !important
}

.p-1, .pl-1, .px-1 {
    padding-left: 3px !important
}

.p-1, .pr-1, .px-1 {
    padding-right: 3px !important
}

.p-1, .pt-1, .py-1 {
    padding-top: 3px !important
}

.p-1, .pb-1, .py-1 {
    padding-bottom: 3px !important
}

.m-1, .ml-1, .mx-1 {
    margin-left: 3px !important
}

.m-1, .mr-1, .mx-1 {
    margin-right: 3px !important
}

.m-1, .mt-1, .my-1 {
    margin-top: 3px !important
}

.m-1, .mb-1, .my-1 {
    margin-bottom: 3px !important
}

.top-1 {
    top: 3px !important
}

.left-1 {
    left: 3px !important
}

.right-1 {
    right: 3px !important
}

.bottom-1 {
    bottom: 3px !important
}

.top--1 {
    top: -3px !important
}

.left--1 {
    left: -3px !important
}

.right--1 {
    right: -3px !important
}

.bottom--1 {
    bottom: -3px !important
}

.p-2, .pl-2, .px-2 {
    padding-left: 6px !important
}

.p-2, .pr-2, .px-2 {
    padding-right: 6px !important
}

.p-2, .pt-2, .py-2 {
    padding-top: 6px !important
}

.p-2, .pb-2, .py-2 {
    padding-bottom: 6px !important
}

.m-2, .ml-2, .mx-2 {
    margin-left: 6px !important
}

.m-2, .mr-2, .mx-2 {
    margin-right: 6px !important
}

.m-2, .mt-2, .my-2 {
    margin-top: 6px !important
}

.m-2, .mb-2, .my-2 {
    margin-bottom: 6px !important
}

.top-2 {
    top: 6px !important
}

.left-2 {
    left: 6px !important
}

.right-2 {
    right: 6px !important
}

.bottom-2 {
    bottom: 6px !important
}

.top--2 {
    top: -6px !important
}

.left--2 {
    left: -6px !important
}

.right--2 {
    right: -6px !important
}

.bottom--2 {
    bottom: -6px !important
}

.p-3, .pl-3, .px-3 {
    padding-left: 9px !important
}

.p-3, .pr-3, .px-3 {
    padding-right: 9px !important
}

.p-3, .pt-3, .py-3 {
    padding-top: 9px !important
}

.p-3, .pb-3, .py-3 {
    padding-bottom: 9px !important
}

.m-3, .ml-3, .mx-3 {
    margin-left: 9px !important
}

.m-3, .mr-3, .mx-3 {
    margin-right: 9px !important
}

.m-3, .mt-3, .my-3 {
    margin-top: 9px !important
}

.m-3, .mb-3, .my-3 {
    margin-bottom: 9px !important
}

.top-3 {
    top: 9px !important
}

.left-3 {
    left: 9px !important
}

.right-3 {
    right: 9px !important
}

.bottom-3 {
    bottom: 9px !important
}

.top--3 {
    top: -9px !important
}

.left--3 {
    left: -9px !important
}

.right--3 {
    right: -9px !important
}

.bottom--3 {
    bottom: -9px !important
}

.p-4, .pl-4, .px-4 {
    padding-left: 12px !important
}

.p-4, .pr-4, .px-4 {
    padding-right: 12px !important
}

.p-4, .pt-4, .py-4 {
    padding-top: 12px !important
}

.p-4, .pb-4, .py-4 {
    padding-bottom: 12px !important
}

.m-4, .ml-4, .mx-4 {
    margin-left: 12px !important
}

.m-4, .mr-4, .mx-4 {
    margin-right: 12px !important
}

.m-4, .mt-4, .my-4 {
    margin-top: 12px !important
}

.m-4, .mb-4, .my-4 {
    margin-bottom: 12px !important
}

.top-4 {
    top: 12px !important
}

.left-4 {
    left: 12px !important
}

.right-4 {
    right: 12px !important
}

.bottom-4 {
    bottom: 12px !important
}

.top--4 {
    top: -12px !important
}

.left--4 {
    left: -12px !important
}

.right--4 {
    right: -12px !important
}

.bottom--4 {
    bottom: -12px !important
}

.p-5, .pl-5, .px-5 {
    padding-left: 15px !important
}

.p-5, .pr-5, .px-5 {
    padding-right: 15px !important
}

.p-5, .pt-5, .py-5 {
    padding-top: 15px !important
}

.p-5, .pb-5, .py-5 {
    padding-bottom: 15px !important
}

.m-5, .ml-5, .mx-5 {
    margin-left: 15px !important
}

.m-5, .mr-5, .mx-5 {
    margin-right: 15px !important
}

.m-5, .mt-5, .my-5 {
    margin-top: 15px !important
}

.m-5, .mb-5, .my-5 {
    margin-bottom: 15px !important
}

.top-5 {
    top: 15px !important
}

.left-5 {
    left: 15px !important
}

.right-5 {
    right: 15px !important
}

.bottom-5 {
    bottom: 15px !important
}

.top--5 {
    top: -15px !important
}

.left--5 {
    left: -15px !important
}

.right--5 {
    right: -15px !important
}

.bottom--5 {
    bottom: -15px !important
}

.p-6, .pl-6, .px-6 {
    padding-left: 18px !important
}

.p-6, .pr-6, .px-6 {
    padding-right: 18px !important
}

.p-6, .pt-6, .py-6 {
    padding-top: 18px !important
}

.p-6, .pb-6, .py-6 {
    padding-bottom: 18px !important
}

.m-6, .ml-6, .mx-6 {
    margin-left: 18px !important
}

.m-6, .mr-6, .mx-6 {
    margin-right: 18px !important
}

.m-6, .mt-6, .my-6 {
    margin-top: 18px !important
}

.m-6, .mb-6, .my-6 {
    margin-bottom: 18px !important
}

.top-6 {
    top: 18px !important
}

.left-6 {
    left: 18px !important
}

.right-6 {
    right: 18px !important
}

.bottom-6 {
    bottom: 18px !important
}

.top--6 {
    top: -18px !important
}

.left--6 {
    left: -18px !important
}

.right--6 {
    right: -18px !important
}

.bottom--6 {
    bottom: -18px !important
}

.p-7, .pl-7, .px-7 {
    padding-left: 21px !important
}

.p-7, .pr-7, .px-7 {
    padding-right: 21px !important
}

.p-7, .pt-7, .py-7 {
    padding-top: 21px !important
}

.p-7, .pb-7, .py-7 {
    padding-bottom: 21px !important
}

.m-7, .ml-7, .mx-7 {
    margin-left: 21px !important
}

.m-7, .mr-7, .mx-7 {
    margin-right: 21px !important
}

.m-7, .mt-7, .my-7 {
    margin-top: 21px !important
}

.m-7, .mb-7, .my-7 {
    margin-bottom: 21px !important
}

.top-7 {
    top: 21px !important
}

.left-7 {
    left: 21px !important
}

.right-7 {
    right: 21px !important
}

.bottom-7 {
    bottom: 21px !important
}

.top--7 {
    top: -21px !important
}

.left--7 {
    left: -21px !important
}

.right--7 {
    right: -21px !important
}

.bottom--7 {
    bottom: -21px !important
}

.p-8, .pl-8, .px-8 {
    padding-left: 24px !important
}

.p-8, .pr-8, .px-8 {
    padding-right: 24px !important
}

.p-8, .pt-8, .py-8 {
    padding-top: 24px !important
}

.p-8, .pb-8, .py-8 {
    padding-bottom: 24px !important
}

.m-8, .ml-8, .mx-8 {
    margin-left: 24px !important
}

.m-8, .mr-8, .mx-8 {
    margin-right: 24px !important
}

.m-8, .mt-8, .my-8 {
    margin-top: 24px !important
}

.m-8, .mb-8, .my-8 {
    margin-bottom: 24px !important
}

.top-8 {
    top: 24px !important
}

.left-8 {
    left: 24px !important
}

.right-8 {
    right: 24px !important
}

.bottom-8 {
    bottom: 24px !important
}

.top--8 {
    top: -24px !important
}

.left--8 {
    left: -24px !important
}

.right--8 {
    right: -24px !important
}

.bottom--8 {
    bottom: -24px !important
}

.p-9, .pl-9, .px-9 {
    padding-left: 27px !important
}

.p-9, .pr-9, .px-9 {
    padding-right: 27px !important
}

.p-9, .pt-9, .py-9 {
    padding-top: 27px !important
}

.p-9, .pb-9, .py-9 {
    padding-bottom: 27px !important
}

.m-9, .ml-9, .mx-9 {
    margin-left: 27px !important
}

.m-9, .mr-9, .mx-9 {
    margin-right: 27px !important
}

.m-9, .mt-9, .my-9 {
    margin-top: 27px !important
}

.m-9, .mb-9, .my-9 {
    margin-bottom: 27px !important
}

.top-9 {
    top: 27px !important
}

.left-9 {
    left: 27px !important
}

.right-9 {
    right: 27px !important
}

.bottom-9 {
    bottom: 27px !important
}

.top--9 {
    top: -27px !important
}

.left--9 {
    left: -27px !important
}

.right--9 {
    right: -27px !important
}

.bottom--9 {
    bottom: -27px !important
}

.p-10, .pl-10, .px-10 {
    padding-left: 30px !important
}

.p-10, .pr-10, .px-10 {
    padding-right: 30px !important
}

.p-10, .pt-10, .py-10 {
    padding-top: 30px !important
}

.p-10, .pb-10, .py-10 {
    padding-bottom: 30px !important
}

.m-10, .ml-10, .mx-10 {
    margin-left: 30px !important
}

.m-10, .mr-10, .mx-10 {
    margin-right: 30px !important
}

.m-10, .mt-10, .my-10 {
    margin-top: 30px !important
}

.m-10, .mb-10, .my-10 {
    margin-bottom: 30px !important
}

.top-10 {
    top: 30px !important
}

.left-10 {
    left: 30px !important
}

.right-10 {
    right: 30px !important
}

.bottom-10 {
    bottom: 30px !important
}

.top--10 {
    top: -30px !important
}

.left--10 {
    left: -30px !important
}

.right--10 {
    right: -30px !important
}

.bottom--10 {
    bottom: -30px !important
}

.inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flex-y-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-y-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.flex-y-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.flex-y-flex-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.flex-x-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-x-flex-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flex-x-flex-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flex-x-space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.flex-x-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-x-space-evenly {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    min-width: 0
}

.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    min-width: 0
}

.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
    min-width: 0
}

.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5;
    min-width: 0
}

.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6;
    min-width: 0
}

.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7;
    min-width: 0
}

.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8;
    min-width: 0
}

.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9;
    min-width: 0
}

.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10;
    min-width: 0
}

.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11;
    min-width: 0
}

.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12;
    min-width: 0
}

.flex-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

[class*=grid-columns-] {
    display: -ms-grid;
    display: grid
}

.grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(minmax(0px, 1fr)) [ 24 ];
    grid-template-columns:repeat(24, minmax(0px, 1fr))
}

.grid-columns-1 {
    -ms-grid-columns:(minmax(0px, 1fr)) [ 1 ];
    grid-template-columns:repeat(1, minmax(0px, 1fr))
}

.grid-columns-2 {
    -ms-grid-columns:(minmax(0px, 1fr)) [ 2 ];
    grid-template-columns:repeat(2, minmax(0px, 1fr))
}

.grid-columns-3 {
    -ms-grid-columns:(minmax(0px, 1fr)) [ 3 ];
    grid-template-columns:repeat(3, minmax(0px, 1fr))
}

.grid-columns-4 {
    -ms-grid-columns:(minmax(0px, 1fr)) [ 4 ];
    grid-template-columns:repeat(4, minmax(0px, 1fr))
}

.grid-columns-5 {
    -ms-grid-columns:(minmax(0px, 1fr)) [ 5 ];
    grid-template-columns:repeat(5, minmax(0px, 1fr))
}

.grid-columns-6 {
    -ms-grid-columns:(minmax(0px, 1fr)) [ 6 ];
    grid-template-columns:repeat(6, minmax(0px, 1fr))
}

.grid-columns-7 {
    -ms-grid-columns:(minmax(0px, 1fr)) [ 7 ];
    grid-template-columns:repeat(7, minmax(0px, 1fr))
}

.grid-columns-8 {
    -ms-grid-columns:(minmax(0px, 1fr)) [ 8 ];
    grid-template-columns:repeat(8, minmax(0px, 1fr))
}

.grid-columns-9 {
    -ms-grid-columns:(minmax(0px, 1fr)) [ 9 ];
    grid-template-columns:repeat(9, minmax(0px, 1fr))
}

.grid-columns-10 {
    -ms-grid-columns:(minmax(0px, 1fr)) [ 10 ];
    grid-template-columns:repeat(10, minmax(0px, 1fr))
}

.grid-columns-11 {
    -ms-grid-columns:(minmax(0px, 1fr)) [ 11 ];
    grid-template-columns:repeat(11, minmax(0px, 1fr))
}

.grid-columns-12 {
    -ms-grid-columns:(minmax(0px, 1fr)) [ 12 ];
    grid-template-columns:repeat(12, minmax(0px, 1fr))
}

.grid-columns-13 {
    -ms-grid-columns:(minmax(0px, 1fr)) [ 13 ];
    grid-template-columns:repeat(13, minmax(0px, 1fr))
}

.grid-columns-14 {
    -ms-grid-columns:(minmax(0px, 1fr)) [ 14 ];
    grid-template-columns:repeat(14, minmax(0px, 1fr))
}

.grid-columns-15 {
    -ms-grid-columns:(minmax(0px, 1fr)) [ 15 ];
    grid-template-columns:repeat(15, minmax(0px, 1fr))
}

.grid-columns-16 {
    -ms-grid-columns:(minmax(0px, 1fr)) [ 16 ];
    grid-template-columns:repeat(16, minmax(0px, 1fr))
}

.grid-columns-17 {
    -ms-grid-columns:(minmax(0px, 1fr)) [ 17 ];
    grid-template-columns:repeat(17, minmax(0px, 1fr))
}

.grid-columns-18 {
    -ms-grid-columns:(minmax(0px, 1fr)) [ 18 ];
    grid-template-columns:repeat(18, minmax(0px, 1fr))
}

.grid-columns-19 {
    -ms-grid-columns:(minmax(0px, 1fr)) [ 19 ];
    grid-template-columns:repeat(19, minmax(0px, 1fr))
}

.grid-columns-20 {
    -ms-grid-columns:(minmax(0px, 1fr)) [ 20 ];
    grid-template-columns:repeat(20, minmax(0px, 1fr))
}

.grid-columns-21 {
    -ms-grid-columns:(minmax(0px, 1fr)) [ 21 ];
    grid-template-columns:repeat(21, minmax(0px, 1fr))
}

.grid-columns-22 {
    -ms-grid-columns:(minmax(0px, 1fr)) [ 22 ];
    grid-template-columns:repeat(22, minmax(0px, 1fr))
}

.grid-columns-23 {
    -ms-grid-columns:(minmax(0px, 1fr)) [ 23 ];
    grid-template-columns:repeat(23, minmax(0px, 1fr))
}

.grid-gap-1 {
    gap: 3px !important
}

.grid-gap-2 {
    gap: 6px !important
}

.grid-gap-3 {
    gap: 9px !important
}

.grid-gap-4 {
    gap: 12px !important
}

.grid-gap-5 {
    gap: 15px !important
}

.grid-gap-6 {
    gap: 18px !important
}

.grid-gap-7 {
    gap: 21px !important
}

.grid-gap-8 {
    gap: 24px !important
}

.grid-gap-9 {
    gap: 27px !important
}

.grid-gap-10 {
    gap: 30px !important
}

.grid-column-1 {
    grid-column: span 1/span 1
}

.grid-row-1 {
    grid-row: span 1/span 1
}

.grid-column-2 {
    grid-column: span 2/span 2
}

.grid-row-2 {
    grid-row: span 2/span 2
}

.grid-column-3 {
    grid-column: span 3/span 3
}

.grid-row-3 {
    grid-row: span 3/span 3
}

.grid-column-4 {
    grid-column: span 4/span 4
}

.grid-row-4 {
    grid-row: span 4/span 4
}

.grid-column-5 {
    grid-column: span 5/span 5
}

.grid-row-5 {
    grid-row: span 5/span 5
}

.grid-column-6 {
    grid-column: span 6/span 6
}

.grid-row-6 {
    grid-row: span 6/span 6
}

.grid-column-7 {
    grid-column: span 7/span 7
}

.grid-row-7 {
    grid-row: span 7/span 7
}

.grid-column-8 {
    grid-column: span 8/span 8
}

.grid-row-8 {
    grid-row: span 8/span 8
}

.grid-column-9 {
    grid-column: span 9/span 9
}

.grid-row-9 {
    grid-row: span 9/span 9
}

.grid-column-10 {
    grid-column: span 10/span 10
}

.grid-row-10 {
    grid-row: span 10/span 10
}

.grid-column-11 {
    grid-column: span 11/span 11
}

.grid-row-11 {
    grid-row: span 11/span 11
}

.grid-column-12 {
    grid-column: span 12/span 12
}

.grid-row-12 {
    grid-row: span 12/span 12
}

.grid-column-13 {
    grid-column: span 13/span 13
}

.grid-row-13 {
    grid-row: span 13/span 13
}

.grid-column-14 {
    grid-column: span 14/span 14
}

.grid-row-14 {
    grid-row: span 14/span 14
}

.grid-column-15 {
    grid-column: span 15/span 15
}

.grid-row-15 {
    grid-row: span 15/span 15
}

.grid-column-16 {
    grid-column: span 16/span 16
}

.grid-row-16 {
    grid-row: span 16/span 16
}

.grid-column-17 {
    grid-column: span 17/span 17
}

.grid-row-17 {
    grid-row: span 17/span 17
}

.grid-column-18 {
    grid-column: span 18/span 18
}

.grid-row-18 {
    grid-row: span 18/span 18
}

.grid-column-19 {
    grid-column: span 19/span 19
}

.grid-row-19 {
    grid-row: span 19/span 19
}

.grid-column-20 {
    grid-column: span 20/span 20
}

.grid-row-20 {
    grid-row: span 20/span 20
}

.grid-column-21 {
    grid-column: span 21/span 21
}

.grid-row-21 {
    grid-row: span 21/span 21
}

.grid-column-22 {
    grid-column: span 22/span 22
}

.grid-row-22 {
    grid-row: span 22/span 22
}

.grid-column-23 {
    grid-column: span 23/span 23
}

.grid-row-23 {
    grid-row: span 23/span 23
}

.grid-column-24 {
    grid-column: span 24/span 24
}

.grid-row-24 {
    grid-row: span 24/span 24
}

@media only screen and (max-width: 767px) {
    .grid-column-xs-1 {
        grid-column: span 1/span 1
    }

    .grid-row-xs-1 {
        grid-row: span 1/span 1
    }

    .grid-column-xs-2 {
        grid-column: span 2/span 2
    }

    .grid-row-xs-2 {
        grid-row: span 2/span 2
    }

    .grid-column-xs-3 {
        grid-column: span 3/span 3
    }

    .grid-row-xs-3 {
        grid-row: span 3/span 3
    }

    .grid-column-xs-4 {
        grid-column: span 4/span 4
    }

    .grid-row-xs-4 {
        grid-row: span 4/span 4
    }

    .grid-column-xs-5 {
        grid-column: span 5/span 5
    }

    .grid-row-xs-5 {
        grid-row: span 5/span 5
    }

    .grid-column-xs-6 {
        grid-column: span 6/span 6
    }

    .grid-row-xs-6 {
        grid-row: span 6/span 6
    }

    .grid-column-xs-7 {
        grid-column: span 7/span 7
    }

    .grid-row-xs-7 {
        grid-row: span 7/span 7
    }

    .grid-column-xs-8 {
        grid-column: span 8/span 8
    }

    .grid-row-xs-8 {
        grid-row: span 8/span 8
    }

    .grid-column-xs-9 {
        grid-column: span 9/span 9
    }

    .grid-row-xs-9 {
        grid-row: span 9/span 9
    }

    .grid-column-xs-10 {
        grid-column: span 10/span 10
    }

    .grid-row-xs-10 {
        grid-row: span 10/span 10
    }

    .grid-column-xs-11 {
        grid-column: span 11/span 11
    }

    .grid-row-xs-11 {
        grid-row: span 11/span 11
    }

    .grid-column-xs-12 {
        grid-column: span 12/span 12
    }

    .grid-row-xs-12 {
        grid-row: span 12/span 12
    }

    .grid-column-xs-13 {
        grid-column: span 13/span 13
    }

    .grid-row-xs-13 {
        grid-row: span 13/span 13
    }

    .grid-column-xs-14 {
        grid-column: span 14/span 14
    }

    .grid-row-xs-14 {
        grid-row: span 14/span 14
    }

    .grid-column-xs-15 {
        grid-column: span 15/span 15
    }

    .grid-row-xs-15 {
        grid-row: span 15/span 15
    }

    .grid-column-xs-16 {
        grid-column: span 16/span 16
    }

    .grid-row-xs-16 {
        grid-row: span 16/span 16
    }

    .grid-column-xs-17 {
        grid-column: span 17/span 17
    }

    .grid-row-xs-17 {
        grid-row: span 17/span 17
    }

    .grid-column-xs-18 {
        grid-column: span 18/span 18
    }

    .grid-row-xs-18 {
        grid-row: span 18/span 18
    }

    .grid-column-xs-19 {
        grid-column: span 19/span 19
    }

    .grid-row-xs-19 {
        grid-row: span 19/span 19
    }

    .grid-column-xs-20 {
        grid-column: span 20/span 20
    }

    .grid-row-xs-20 {
        grid-row: span 20/span 20
    }

    .grid-column-xs-21 {
        grid-column: span 21/span 21
    }

    .grid-row-xs-21 {
        grid-row: span 21/span 21
    }

    .grid-column-xs-22 {
        grid-column: span 22/span 22
    }

    .grid-row-xs-22 {
        grid-row: span 22/span 22
    }

    .grid-column-xs-23 {
        grid-column: span 23/span 23
    }

    .grid-row-xs-23 {
        grid-row: span 23/span 23
    }

    .grid-column-xs-24 {
        grid-column: span 24/span 24
    }

    .grid-row-xs-24 {
        grid-row: span 24/span 24
    }
}

@media only screen and (min-width: 768px) {
    .grid-column-sm-1 {
        grid-column: span 1/span 1
    }

    .grid-row-sm-1 {
        grid-row: span 1/span 1
    }

    .grid-column-sm-2 {
        grid-column: span 2/span 2
    }

    .grid-row-sm-2 {
        grid-row: span 2/span 2
    }

    .grid-column-sm-3 {
        grid-column: span 3/span 3
    }

    .grid-row-sm-3 {
        grid-row: span 3/span 3
    }

    .grid-column-sm-4 {
        grid-column: span 4/span 4
    }

    .grid-row-sm-4 {
        grid-row: span 4/span 4
    }

    .grid-column-sm-5 {
        grid-column: span 5/span 5
    }

    .grid-row-sm-5 {
        grid-row: span 5/span 5
    }

    .grid-column-sm-6 {
        grid-column: span 6/span 6
    }

    .grid-row-sm-6 {
        grid-row: span 6/span 6
    }

    .grid-column-sm-7 {
        grid-column: span 7/span 7
    }

    .grid-row-sm-7 {
        grid-row: span 7/span 7
    }

    .grid-column-sm-8 {
        grid-column: span 8/span 8
    }

    .grid-row-sm-8 {
        grid-row: span 8/span 8
    }

    .grid-column-sm-9 {
        grid-column: span 9/span 9
    }

    .grid-row-sm-9 {
        grid-row: span 9/span 9
    }

    .grid-column-sm-10 {
        grid-column: span 10/span 10
    }

    .grid-row-sm-10 {
        grid-row: span 10/span 10
    }

    .grid-column-sm-11 {
        grid-column: span 11/span 11
    }

    .grid-row-sm-11 {
        grid-row: span 11/span 11
    }

    .grid-column-sm-12 {
        grid-column: span 12/span 12
    }

    .grid-row-sm-12 {
        grid-row: span 12/span 12
    }

    .grid-column-sm-13 {
        grid-column: span 13/span 13
    }

    .grid-row-sm-13 {
        grid-row: span 13/span 13
    }

    .grid-column-sm-14 {
        grid-column: span 14/span 14
    }

    .grid-row-sm-14 {
        grid-row: span 14/span 14
    }

    .grid-column-sm-15 {
        grid-column: span 15/span 15
    }

    .grid-row-sm-15 {
        grid-row: span 15/span 15
    }

    .grid-column-sm-16 {
        grid-column: span 16/span 16
    }

    .grid-row-sm-16 {
        grid-row: span 16/span 16
    }

    .grid-column-sm-17 {
        grid-column: span 17/span 17
    }

    .grid-row-sm-17 {
        grid-row: span 17/span 17
    }

    .grid-column-sm-18 {
        grid-column: span 18/span 18
    }

    .grid-row-sm-18 {
        grid-row: span 18/span 18
    }

    .grid-column-sm-19 {
        grid-column: span 19/span 19
    }

    .grid-row-sm-19 {
        grid-row: span 19/span 19
    }

    .grid-column-sm-20 {
        grid-column: span 20/span 20
    }

    .grid-row-sm-20 {
        grid-row: span 20/span 20
    }

    .grid-column-sm-21 {
        grid-column: span 21/span 21
    }

    .grid-row-sm-21 {
        grid-row: span 21/span 21
    }

    .grid-column-sm-22 {
        grid-column: span 22/span 22
    }

    .grid-row-sm-22 {
        grid-row: span 22/span 22
    }

    .grid-column-sm-23 {
        grid-column: span 23/span 23
    }

    .grid-row-sm-23 {
        grid-row: span 23/span 23
    }

    .grid-column-sm-24 {
        grid-column: span 24/span 24
    }

    .grid-row-sm-24 {
        grid-row: span 24/span 24
    }
}

@media only screen and (min-width: 992px) {
    .grid-column-md-1 {
        grid-column: span 1/span 1
    }

    .grid-row-md-1 {
        grid-row: span 1/span 1
    }

    .grid-column-md-2 {
        grid-column: span 2/span 2
    }

    .grid-row-md-2 {
        grid-row: span 2/span 2
    }

    .grid-column-md-3 {
        grid-column: span 3/span 3
    }

    .grid-row-md-3 {
        grid-row: span 3/span 3
    }

    .grid-column-md-4 {
        grid-column: span 4/span 4
    }

    .grid-row-md-4 {
        grid-row: span 4/span 4
    }

    .grid-column-md-5 {
        grid-column: span 5/span 5
    }

    .grid-row-md-5 {
        grid-row: span 5/span 5
    }

    .grid-column-md-6 {
        grid-column: span 6/span 6
    }

    .grid-row-md-6 {
        grid-row: span 6/span 6
    }

    .grid-column-md-7 {
        grid-column: span 7/span 7
    }

    .grid-row-md-7 {
        grid-row: span 7/span 7
    }

    .grid-column-md-8 {
        grid-column: span 8/span 8
    }

    .grid-row-md-8 {
        grid-row: span 8/span 8
    }

    .grid-column-md-9 {
        grid-column: span 9/span 9
    }

    .grid-row-md-9 {
        grid-row: span 9/span 9
    }

    .grid-column-md-10 {
        grid-column: span 10/span 10
    }

    .grid-row-md-10 {
        grid-row: span 10/span 10
    }

    .grid-column-md-11 {
        grid-column: span 11/span 11
    }

    .grid-row-md-11 {
        grid-row: span 11/span 11
    }

    .grid-column-md-12 {
        grid-column: span 12/span 12
    }

    .grid-row-md-12 {
        grid-row: span 12/span 12
    }

    .grid-column-md-13 {
        grid-column: span 13/span 13
    }

    .grid-row-md-13 {
        grid-row: span 13/span 13
    }

    .grid-column-md-14 {
        grid-column: span 14/span 14
    }

    .grid-row-md-14 {
        grid-row: span 14/span 14
    }

    .grid-column-md-15 {
        grid-column: span 15/span 15
    }

    .grid-row-md-15 {
        grid-row: span 15/span 15
    }

    .grid-column-md-16 {
        grid-column: span 16/span 16
    }

    .grid-row-md-16 {
        grid-row: span 16/span 16
    }

    .grid-column-md-17 {
        grid-column: span 17/span 17
    }

    .grid-row-md-17 {
        grid-row: span 17/span 17
    }

    .grid-column-md-18 {
        grid-column: span 18/span 18
    }

    .grid-row-md-18 {
        grid-row: span 18/span 18
    }

    .grid-column-md-19 {
        grid-column: span 19/span 19
    }

    .grid-row-md-19 {
        grid-row: span 19/span 19
    }

    .grid-column-md-20 {
        grid-column: span 20/span 20
    }

    .grid-row-md-20 {
        grid-row: span 20/span 20
    }

    .grid-column-md-21 {
        grid-column: span 21/span 21
    }

    .grid-row-md-21 {
        grid-row: span 21/span 21
    }

    .grid-column-md-22 {
        grid-column: span 22/span 22
    }

    .grid-row-md-22 {
        grid-row: span 22/span 22
    }

    .grid-column-md-23 {
        grid-column: span 23/span 23
    }

    .grid-row-md-23 {
        grid-row: span 23/span 23
    }

    .grid-column-md-24 {
        grid-column: span 24/span 24
    }

    .grid-row-md-24 {
        grid-row: span 24/span 24
    }
}

@media only screen and (min-width: 1200px) {
    .grid-column-lg-1 {
        grid-column: span 1/span 1
    }

    .grid-row-lg-1 {
        grid-row: span 1/span 1
    }

    .grid-column-lg-2 {
        grid-column: span 2/span 2
    }

    .grid-row-lg-2 {
        grid-row: span 2/span 2
    }

    .grid-column-lg-3 {
        grid-column: span 3/span 3
    }

    .grid-row-lg-3 {
        grid-row: span 3/span 3
    }

    .grid-column-lg-4 {
        grid-column: span 4/span 4
    }

    .grid-row-lg-4 {
        grid-row: span 4/span 4
    }

    .grid-column-lg-5 {
        grid-column: span 5/span 5
    }

    .grid-row-lg-5 {
        grid-row: span 5/span 5
    }

    .grid-column-lg-6 {
        grid-column: span 6/span 6
    }

    .grid-row-lg-6 {
        grid-row: span 6/span 6
    }

    .grid-column-lg-7 {
        grid-column: span 7/span 7
    }

    .grid-row-lg-7 {
        grid-row: span 7/span 7
    }

    .grid-column-lg-8 {
        grid-column: span 8/span 8
    }

    .grid-row-lg-8 {
        grid-row: span 8/span 8
    }

    .grid-column-lg-9 {
        grid-column: span 9/span 9
    }

    .grid-row-lg-9 {
        grid-row: span 9/span 9
    }

    .grid-column-lg-10 {
        grid-column: span 10/span 10
    }

    .grid-row-lg-10 {
        grid-row: span 10/span 10
    }

    .grid-column-lg-11 {
        grid-column: span 11/span 11
    }

    .grid-row-lg-11 {
        grid-row: span 11/span 11
    }

    .grid-column-lg-12 {
        grid-column: span 12/span 12
    }

    .grid-row-lg-12 {
        grid-row: span 12/span 12
    }

    .grid-column-lg-13 {
        grid-column: span 13/span 13
    }

    .grid-row-lg-13 {
        grid-row: span 13/span 13
    }

    .grid-column-lg-14 {
        grid-column: span 14/span 14
    }

    .grid-row-lg-14 {
        grid-row: span 14/span 14
    }

    .grid-column-lg-15 {
        grid-column: span 15/span 15
    }

    .grid-row-lg-15 {
        grid-row: span 15/span 15
    }

    .grid-column-lg-16 {
        grid-column: span 16/span 16
    }

    .grid-row-lg-16 {
        grid-row: span 16/span 16
    }

    .grid-column-lg-17 {
        grid-column: span 17/span 17
    }

    .grid-row-lg-17 {
        grid-row: span 17/span 17
    }

    .grid-column-lg-18 {
        grid-column: span 18/span 18
    }

    .grid-row-lg-18 {
        grid-row: span 18/span 18
    }

    .grid-column-lg-19 {
        grid-column: span 19/span 19
    }

    .grid-row-lg-19 {
        grid-row: span 19/span 19
    }

    .grid-column-lg-20 {
        grid-column: span 20/span 20
    }

    .grid-row-lg-20 {
        grid-row: span 20/span 20
    }

    .grid-column-lg-21 {
        grid-column: span 21/span 21
    }

    .grid-row-lg-21 {
        grid-row: span 21/span 21
    }

    .grid-column-lg-22 {
        grid-column: span 22/span 22
    }

    .grid-row-lg-22 {
        grid-row: span 22/span 22
    }

    .grid-column-lg-23 {
        grid-column: span 23/span 23
    }

    .grid-row-lg-23 {
        grid-row: span 23/span 23
    }

    .grid-column-lg-24 {
        grid-column: span 24/span 24
    }

    .grid-row-lg-24 {
        grid-row: span 24/span 24
    }
}

@media only screen and (min-width: 1920px) {
    .grid-column-xl-1 {
        grid-column: span 1/span 1
    }

    .grid-row-xl-1 {
        grid-row: span 1/span 1
    }

    .grid-column-xl-2 {
        grid-column: span 2/span 2
    }

    .grid-row-xl-2 {
        grid-row: span 2/span 2
    }

    .grid-column-xl-3 {
        grid-column: span 3/span 3
    }

    .grid-row-xl-3 {
        grid-row: span 3/span 3
    }

    .grid-column-xl-4 {
        grid-column: span 4/span 4
    }

    .grid-row-xl-4 {
        grid-row: span 4/span 4
    }

    .grid-column-xl-5 {
        grid-column: span 5/span 5
    }

    .grid-row-xl-5 {
        grid-row: span 5/span 5
    }

    .grid-column-xl-6 {
        grid-column: span 6/span 6
    }

    .grid-row-xl-6 {
        grid-row: span 6/span 6
    }

    .grid-column-xl-7 {
        grid-column: span 7/span 7
    }

    .grid-row-xl-7 {
        grid-row: span 7/span 7
    }

    .grid-column-xl-8 {
        grid-column: span 8/span 8
    }

    .grid-row-xl-8 {
        grid-row: span 8/span 8
    }

    .grid-column-xl-9 {
        grid-column: span 9/span 9
    }

    .grid-row-xl-9 {
        grid-row: span 9/span 9
    }

    .grid-column-xl-10 {
        grid-column: span 10/span 10
    }

    .grid-row-xl-10 {
        grid-row: span 10/span 10
    }

    .grid-column-xl-11 {
        grid-column: span 11/span 11
    }

    .grid-row-xl-11 {
        grid-row: span 11/span 11
    }

    .grid-column-xl-12 {
        grid-column: span 12/span 12
    }

    .grid-row-xl-12 {
        grid-row: span 12/span 12
    }

    .grid-column-xl-13 {
        grid-column: span 13/span 13
    }

    .grid-row-xl-13 {
        grid-row: span 13/span 13
    }

    .grid-column-xl-14 {
        grid-column: span 14/span 14
    }

    .grid-row-xl-14 {
        grid-row: span 14/span 14
    }

    .grid-column-xl-15 {
        grid-column: span 15/span 15
    }

    .grid-row-xl-15 {
        grid-row: span 15/span 15
    }

    .grid-column-xl-16 {
        grid-column: span 16/span 16
    }

    .grid-row-xl-16 {
        grid-row: span 16/span 16
    }

    .grid-column-xl-17 {
        grid-column: span 17/span 17
    }

    .grid-row-xl-17 {
        grid-row: span 17/span 17
    }

    .grid-column-xl-18 {
        grid-column: span 18/span 18
    }

    .grid-row-xl-18 {
        grid-row: span 18/span 18
    }

    .grid-column-xl-19 {
        grid-column: span 19/span 19
    }

    .grid-row-xl-19 {
        grid-row: span 19/span 19
    }

    .grid-column-xl-20 {
        grid-column: span 20/span 20
    }

    .grid-row-xl-20 {
        grid-row: span 20/span 20
    }

    .grid-column-xl-21 {
        grid-column: span 21/span 21
    }

    .grid-row-xl-21 {
        grid-row: span 21/span 21
    }

    .grid-column-xl-22 {
        grid-column: span 22/span 22
    }

    .grid-row-xl-22 {
        grid-row: span 22/span 22
    }

    .grid-column-xl-23 {
        grid-column: span 23/span 23
    }

    .grid-row-xl-23 {
        grid-row: span 23/span 23
    }

    .grid-column-xl-24 {
        grid-column: span 24/span 24
    }

    .grid-row-xl-24 {
        grid-row: span 24/span 24
    }
}

.position-relative {
    position: relative
}

.position-absolute {
    position: absolute
}

.position-fixed {
    position: fixed
}

.position-sticky {
    position: -webkit-sticky;
    position: sticky
}

.vh-5 {
    height: 5vh
}

.vw-5 {
    width: 5vw
}

.h-5 {
    height: 5%
}

.w-5 {
    width: 5%
}

.min-h-5 {
    min-height: 5%
}

.min-w-5 {
    min-width: 5%
}

.min-vh-5 {
    min-height: 5vh
}

.min-vw-5 {
    min-width: 5vw
}

.max-h-5 {
    max-height: 5%
}

.max-w-5 {
    max-width: 5%
}

.max-vh-5 {
    max-height: 5vh
}

.max-vw-5 {
    max-width: 5vw
}

.vh-10 {
    height: 10vh
}

.vw-10 {
    width: 10vw
}

.h-10 {
    height: 10%
}

.w-10 {
    width: 10%
}

.min-h-10 {
    min-height: 10%
}

.min-w-10 {
    min-width: 10%
}

.min-vh-10 {
    min-height: 10vh
}

.min-vw-10 {
    min-width: 10vw
}

.max-h-10 {
    max-height: 10%
}

.max-w-10 {
    max-width: 10%
}

.max-vh-10 {
    max-height: 10vh
}

.max-vw-10 {
    max-width: 10vw
}

.vh-15 {
    height: 15vh
}

.vw-15 {
    width: 15vw
}

.h-15 {
    height: 15%
}

.w-15 {
    width: 15%
}

.min-h-15 {
    min-height: 15%
}

.min-w-15 {
    min-width: 15%
}

.min-vh-15 {
    min-height: 15vh
}

.min-vw-15 {
    min-width: 15vw
}

.max-h-15 {
    max-height: 15%
}

.max-w-15 {
    max-width: 15%
}

.max-vh-15 {
    max-height: 15vh
}

.max-vw-15 {
    max-width: 15vw
}

.vh-20 {
    height: 20vh
}

.vw-20 {
    width: 20vw
}

.h-20 {
    height: 20%
}

.w-20 {
    width: 20%
}

.min-h-20 {
    min-height: 20%
}

.min-w-20 {
    min-width: 20%
}

.min-vh-20 {
    min-height: 20vh
}

.min-vw-20 {
    min-width: 20vw
}

.max-h-20 {
    max-height: 20%
}

.max-w-20 {
    max-width: 20%
}

.max-vh-20 {
    max-height: 20vh
}

.max-vw-20 {
    max-width: 20vw
}

.vh-25 {
    height: 25vh
}

.vw-25 {
    width: 25vw
}

.h-25 {
    height: 25%
}

.w-25 {
    width: 25%
}

.min-h-25 {
    min-height: 25%
}

.min-w-25 {
    min-width: 25%
}

.min-vh-25 {
    min-height: 25vh
}

.min-vw-25 {
    min-width: 25vw
}

.max-h-25 {
    max-height: 25%
}

.max-w-25 {
    max-width: 25%
}

.max-vh-25 {
    max-height: 25vh
}

.max-vw-25 {
    max-width: 25vw
}

.vh-30 {
    height: 30vh
}

.vw-30 {
    width: 30vw
}

.h-30 {
    height: 30%
}

.w-30 {
    width: 30%
}

.min-h-30 {
    min-height: 30%
}

.min-w-30 {
    min-width: 30%
}

.min-vh-30 {
    min-height: 30vh
}

.min-vw-30 {
    min-width: 30vw
}

.max-h-30 {
    max-height: 30%
}

.max-w-30 {
    max-width: 30%
}

.max-vh-30 {
    max-height: 30vh
}

.max-vw-30 {
    max-width: 30vw
}

.vh-35 {
    height: 35vh
}

.vw-35 {
    width: 35vw
}

.h-35 {
    height: 35%
}

.w-35 {
    width: 35%
}

.min-h-35 {
    min-height: 35%
}

.min-w-35 {
    min-width: 35%
}

.min-vh-35 {
    min-height: 35vh
}

.min-vw-35 {
    min-width: 35vw
}

.max-h-35 {
    max-height: 35%
}

.max-w-35 {
    max-width: 35%
}

.max-vh-35 {
    max-height: 35vh
}

.max-vw-35 {
    max-width: 35vw
}

.vh-40 {
    height: 40vh
}

.vw-40 {
    width: 40vw
}

.h-40 {
    height: 40%
}

.w-40 {
    width: 40%
}

.min-h-40 {
    min-height: 40%
}

.min-w-40 {
    min-width: 40%
}

.min-vh-40 {
    min-height: 40vh
}

.min-vw-40 {
    min-width: 40vw
}

.max-h-40 {
    max-height: 40%
}

.max-w-40 {
    max-width: 40%
}

.max-vh-40 {
    max-height: 40vh
}

.max-vw-40 {
    max-width: 40vw
}

.vh-45 {
    height: 45vh
}

.vw-45 {
    width: 45vw
}

.h-45 {
    height: 45%
}

.w-45 {
    width: 45%
}

.min-h-45 {
    min-height: 45%
}

.min-w-45 {
    min-width: 45%
}

.min-vh-45 {
    min-height: 45vh
}

.min-vw-45 {
    min-width: 45vw
}

.max-h-45 {
    max-height: 45%
}

.max-w-45 {
    max-width: 45%
}

.max-vh-45 {
    max-height: 45vh
}

.max-vw-45 {
    max-width: 45vw
}

.vh-50 {
    height: 50vh
}

.vw-50 {
    width: 50vw
}

.h-50 {
    height: 50%
}

.w-50 {
    width: 50%
}

.min-h-50 {
    min-height: 50%
}

.min-w-50 {
    min-width: 50%
}

.min-vh-50 {
    min-height: 50vh
}

.min-vw-50 {
    min-width: 50vw
}

.max-h-50 {
    max-height: 50%
}

.max-w-50 {
    max-width: 50%
}

.max-vh-50 {
    max-height: 50vh
}

.max-vw-50 {
    max-width: 50vw
}

.vh-55 {
    height: 55vh
}

.vw-55 {
    width: 55vw
}

.h-55 {
    height: 55%
}

.w-55 {
    width: 55%
}

.min-h-55 {
    min-height: 55%
}

.min-w-55 {
    min-width: 55%
}

.min-vh-55 {
    min-height: 55vh
}

.min-vw-55 {
    min-width: 55vw
}

.max-h-55 {
    max-height: 55%
}

.max-w-55 {
    max-width: 55%
}

.max-vh-55 {
    max-height: 55vh
}

.max-vw-55 {
    max-width: 55vw
}

.vh-60 {
    height: 60vh
}

.vw-60 {
    width: 60vw
}

.h-60 {
    height: 60%
}

.w-60 {
    width: 60%
}

.min-h-60 {
    min-height: 60%
}

.min-w-60 {
    min-width: 60%
}

.min-vh-60 {
    min-height: 60vh
}

.min-vw-60 {
    min-width: 60vw
}

.max-h-60 {
    max-height: 60%
}

.max-w-60 {
    max-width: 60%
}

.max-vh-60 {
    max-height: 60vh
}

.max-vw-60 {
    max-width: 60vw
}

.vh-65 {
    height: 65vh
}

.vw-65 {
    width: 65vw
}

.h-65 {
    height: 65%
}

.w-65 {
    width: 65%
}

.min-h-65 {
    min-height: 65%
}

.min-w-65 {
    min-width: 65%
}

.min-vh-65 {
    min-height: 65vh
}

.min-vw-65 {
    min-width: 65vw
}

.max-h-65 {
    max-height: 65%
}

.max-w-65 {
    max-width: 65%
}

.max-vh-65 {
    max-height: 65vh
}

.max-vw-65 {
    max-width: 65vw
}

.vh-70 {
    height: 70vh
}

.vw-70 {
    width: 70vw
}

.h-70 {
    height: 70%
}

.w-70 {
    width: 70%
}

.min-h-70 {
    min-height: 70%
}

.min-w-70 {
    min-width: 70%
}

.min-vh-70 {
    min-height: 70vh
}

.min-vw-70 {
    min-width: 70vw
}

.max-h-70 {
    max-height: 70%
}

.max-w-70 {
    max-width: 70%
}

.max-vh-70 {
    max-height: 70vh
}

.max-vw-70 {
    max-width: 70vw
}

.vh-75 {
    height: 75vh
}

.vw-75 {
    width: 75vw
}

.h-75 {
    height: 75%
}

.w-75 {
    width: 75%
}

.min-h-75 {
    min-height: 75%
}

.min-w-75 {
    min-width: 75%
}

.min-vh-75 {
    min-height: 75vh
}

.min-vw-75 {
    min-width: 75vw
}

.max-h-75 {
    max-height: 75%
}

.max-w-75 {
    max-width: 75%
}

.max-vh-75 {
    max-height: 75vh
}

.max-vw-75 {
    max-width: 75vw
}

.vh-80 {
    height: 80vh
}

.vw-80 {
    width: 80vw
}

.h-80 {
    height: 80%
}

.w-80 {
    width: 80%
}

.min-h-80 {
    min-height: 80%
}

.min-w-80 {
    min-width: 80%
}

.min-vh-80 {
    min-height: 80vh
}

.min-vw-80 {
    min-width: 80vw
}

.max-h-80 {
    max-height: 80%
}

.max-w-80 {
    max-width: 80%
}

.max-vh-80 {
    max-height: 80vh
}

.max-vw-80 {
    max-width: 80vw
}

.vh-85 {
    height: 85vh
}

.vw-85 {
    width: 85vw
}

.h-85 {
    height: 85%
}

.w-85 {
    width: 85%
}

.min-h-85 {
    min-height: 85%
}

.min-w-85 {
    min-width: 85%
}

.min-vh-85 {
    min-height: 85vh
}

.min-vw-85 {
    min-width: 85vw
}

.max-h-85 {
    max-height: 85%
}

.max-w-85 {
    max-width: 85%
}

.max-vh-85 {
    max-height: 85vh
}

.max-vw-85 {
    max-width: 85vw
}

.vh-90 {
    height: 90vh
}

.vw-90 {
    width: 90vw
}

.h-90 {
    height: 90%
}

.w-90 {
    width: 90%
}

.min-h-90 {
    min-height: 90%
}

.min-w-90 {
    min-width: 90%
}

.min-vh-90 {
    min-height: 90vh
}

.min-vw-90 {
    min-width: 90vw
}

.max-h-90 {
    max-height: 90%
}

.max-w-90 {
    max-width: 90%
}

.max-vh-90 {
    max-height: 90vh
}

.max-vw-90 {
    max-width: 90vw
}

.vh-95 {
    height: 95vh
}

.vw-95 {
    width: 95vw
}

.h-95 {
    height: 95%
}

.w-95 {
    width: 95%
}

.min-h-95 {
    min-height: 95%
}

.min-w-95 {
    min-width: 95%
}

.min-vh-95 {
    min-height: 95vh
}

.min-vw-95 {
    min-width: 95vw
}

.max-h-95 {
    max-height: 95%
}

.max-w-95 {
    max-width: 95%
}

.max-vh-95 {
    max-height: 95vh
}

.max-vw-95 {
    max-width: 95vw
}

.vh-100 {
    height: 100vh
}

.vw-100 {
    width: 100vw
}

.h-100 {
    height: 100%
}

.w-100 {
    width: 100%
}

.min-h-100 {
    min-height: 100%
}

.min-w-100 {
    min-width: 100%
}

.min-vh-100 {
    min-height: 100vh
}

.min-vw-100 {
    min-width: 100vw
}

.max-h-100 {
    max-height: 100%
}

.max-w-100 {
    max-width: 100%
}

.max-vh-100 {
    max-height: 100vh
}

.max-vw-100 {
    max-width: 100vw
}

.bg {
    background-color: var(--el-bg-color-page)
}

.bg-filter {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}

.bg-white, .hover-bg-white:hover {
    background-color: var(--el-bg-color)
}

.bg-primary, .hover-bg-primary:hover {
    background-color: var(--el-color-primary)
}

.bg-primary-light-3, .hover-bg-primary-light-3:hover {
    background-color: var(--el-color-primary-light-3)
}

.bg-primary-light-9, .hover-bg-primary-light-9:hover {
    background-color: var(--el-color-primary-light-9)
}

.bg-success, .hover-bg-success:hover {
    background-color: var(--el-color-success)
}

.bg-success-light-3, .hover-bg-success-light-3:hover {
    background-color: var(--el-color-success-light-3)
}

.bg-warning, .hover-bg-warning:hover {
    background-color: var(--el-color-warning)
}

.bg-warning-light-3, .hover-bg-warning-light-3:hover {
    background-color: var(--el-color-warning-light-3)
}

.bg-danger, .hover-bg-danger:hover {
    background-color: var(--el-color-danger)
}

.bg-danger-light-3, .hover-bg-danger-light-3:hover {
    background-color: var(--el-color-danger-light-3)
}

.bg-danger-dark-2, .hover-bg-danger-dark-2:hover {
    background-color: var(--el-color-danger-dark-2)
}

.bg-error, .hover-bg-error:hover {
    background-color: var(--el-color-error)
}

.bg-hover, .hover-bg-hover:hover {
    background-color: var(--el-bg-color-page)
}

.bg-mask, .hover-bg-mask:hover {
    background-color: var(--el-mask-color)
}

.bg-mask-light, .hover-bg-mask-light:hover {
    background-color: var(--el-mask-color-extra-light)
}

.bg-dark, .hover-bg-dark:hover {
    background-color: var(--el-color-black)
}

.bg-white-5 {
    background-color: rgba(var(--el-bg-color-rgb-r), var(--el-bg-color-rgb-g), var(--el-bg-color-rgb-b), .05)
}

.bg-white-10 {
    background-color: rgba(var(--el-bg-color-rgb-r), var(--el-bg-color-rgb-g), var(--el-bg-color-rgb-b), .1)
}

.bg-white-15 {
    background-color: rgba(var(--el-bg-color-rgb-r), var(--el-bg-color-rgb-g), var(--el-bg-color-rgb-b), .15)
}

.bg-white-20 {
    background-color: rgba(var(--el-bg-color-rgb-r), var(--el-bg-color-rgb-g), var(--el-bg-color-rgb-b), .2)
}

.bg-white-25 {
    background-color: rgba(var(--el-bg-color-rgb-r), var(--el-bg-color-rgb-g), var(--el-bg-color-rgb-b), .25)
}

.bg-white-30 {
    background-color: rgba(var(--el-bg-color-rgb-r), var(--el-bg-color-rgb-g), var(--el-bg-color-rgb-b), .3)
}

.bg-white-35 {
    background-color: rgba(var(--el-bg-color-rgb-r), var(--el-bg-color-rgb-g), var(--el-bg-color-rgb-b), .35)
}

.bg-white-40 {
    background-color: rgba(var(--el-bg-color-rgb-r), var(--el-bg-color-rgb-g), var(--el-bg-color-rgb-b), .4)
}

.bg-white-45 {
    background-color: rgba(var(--el-bg-color-rgb-r), var(--el-bg-color-rgb-g), var(--el-bg-color-rgb-b), .45)
}

.bg-white-50 {
    background-color: rgba(var(--el-bg-color-rgb-r), var(--el-bg-color-rgb-g), var(--el-bg-color-rgb-b), .5)
}

.bg-white-55 {
    background-color: rgba(var(--el-bg-color-rgb-r), var(--el-bg-color-rgb-g), var(--el-bg-color-rgb-b), .55)
}

.bg-white-60 {
    background-color: rgba(var(--el-bg-color-rgb-r), var(--el-bg-color-rgb-g), var(--el-bg-color-rgb-b), .6)
}

.bg-white-65 {
    background-color: rgba(var(--el-bg-color-rgb-r), var(--el-bg-color-rgb-g), var(--el-bg-color-rgb-b), .65)
}

.bg-white-70 {
    background-color: rgba(var(--el-bg-color-rgb-r), var(--el-bg-color-rgb-g), var(--el-bg-color-rgb-b), .7)
}

.bg-white-75 {
    background-color: rgba(var(--el-bg-color-rgb-r), var(--el-bg-color-rgb-g), var(--el-bg-color-rgb-b), .75)
}

.bg-white-80 {
    background-color: rgba(var(--el-bg-color-rgb-r), var(--el-bg-color-rgb-g), var(--el-bg-color-rgb-b), .8)
}

.bg-white-85 {
    background-color: rgba(var(--el-bg-color-rgb-r), var(--el-bg-color-rgb-g), var(--el-bg-color-rgb-b), .85)
}

.bg-white-90 {
    background-color: rgba(var(--el-bg-color-rgb-r), var(--el-bg-color-rgb-g), var(--el-bg-color-rgb-b), .9)
}

.bg-white-95 {
    background-color: rgba(var(--el-bg-color-rgb-r), var(--el-bg-color-rgb-g), var(--el-bg-color-rgb-b), .95)
}

.bg-white-100 {
    background-color: rgba(var(--el-bg-color-rgb-r), var(--el-bg-color-rgb-g), var(--el-bg-color-rgb-b), 1)
}

.text-primary {
    color: var(--el-color-primary)
}

.text-primary-light-3 {
    color: var(--el-color-primary-light-3)
}

.text-success {
    color: var(--el-color-success)
}

.text-danger {
    color: var(--el-color-danger)
}

.text-warning {
    color: var(--el-color-warning)
}

.text-error {
    color: var(--el-color-error)
}

.text-white {
    color: var(--el-bg-color)
}

.text-grey, .text-info {
    color: var(--el-color-info)
}

.text-placeholder {
    color: var(--el-text-color-placeholder)
}

.text-disable {
    color: var(--el-text-color-disabled)
}

.text-dark {
    color: var(--el-text-color-primary)
}

.text-price {
    color: #5a5fff
}

.text-nowrap {
    white-space: nowrap
}

.text-wrap {
    white-space: wrap
}

.text-break-all {
    word-break: break-all
}

.text-break-word {
    word-break: break-word
}

.text-keep-all {
    word-break: keep-all
}

.text-ellipsis-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.text-ellipsis-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.text-ellipsis-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.text-ellipsis-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.text-ellipsis-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

.text-spacing-1 {
    word-spacing: .53333vw
}

.text-spacing-2 {
    word-spacing: 1.06666vw
}

.text-spacing-3 {
    word-spacing: 1.59999vw
}

.text-spacing-4 {
    word-spacing: 2.13332vw
}

.text-spacing-5 {
    word-spacing: 2.66665vw
}

.text-letter-spacing-1 {
    letter-spacing: .53333vw
}

.text-letter-spacing-2 {
    letter-spacing: 1.06666vw
}

.text-letter-spacing-3 {
    letter-spacing: 1.59999vw
}

.text-letter-spacing-4 {
    letter-spacing: 2.13332vw
}

.text-letter-spacing-5 {
    letter-spacing: 2.66665vw
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-initial {
    text-align: initial
}

.text-capitalize {
    text-transform: capitalize
}

.text-uppercase {
    text-transform: uppercase
}

.text-lowercase {
    text-transform: lowercase
}

.text-s {
    text-decoration: line-through
}

.border, .border-top {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: var(--el-border-color)
}

.border-white, .border-top-white, .border-hover-white:hover, .border-hover-top-white:hover {
    border-top-color: var(--el-bg-color)
}

.border-primary, .border-top-primary, .border-hover-primary:hover, .border-hover-top-primary:hover {
    border-top-color: var(--el-color-primary)
}

.border-primary-light-3, .border-top-primary-light-3, .border-hover-primary-light-3:hover, .border-hover-top-primary-light-3:hover {
    border-top-color: var(--el-color-primary-light-3)
}

.border-primary-light-9, .border-top-primary-light-9, .border-hover-primary-light-9:hover, .border-hover-top-primary-light-9:hover {
    border-top-color: var(--el-color-primary-light-9)
}

.border-success, .border-top-success, .border-hover-success:hover, .border-hover-top-success:hover {
    border-top-color: var(--el-color-success)
}

.border-success-light-3, .border-top-success-light-3, .border-hover-success-light-3:hover, .border-hover-top-success-light-3:hover {
    border-top-color: var(--el-color-success-light-3)
}

.border-warning, .border-top-warning, .border-hover-warning:hover, .border-hover-top-warning:hover {
    border-top-color: var(--el-color-warning)
}

.border-warning-light-3, .border-top-warning-light-3, .border-hover-warning-light-3:hover, .border-hover-top-warning-light-3:hover {
    border-top-color: var(--el-color-warning-light-3)
}

.border-danger, .border-top-danger, .border-hover-danger:hover, .border-hover-top-danger:hover {
    border-top-color: var(--el-color-danger)
}

.border-danger-light-3, .border-top-danger-light-3, .border-hover-danger-light-3:hover, .border-hover-top-danger-light-3:hover {
    border-top-color: var(--el-color-danger-light-3)
}

.border-danger-dark-2, .border-top-danger-dark-2, .border-hover-danger-dark-2:hover, .border-hover-top-danger-dark-2:hover {
    border-top-color: var(--el-color-danger-dark-2)
}

.border-error, .border-top-error, .border-hover-error:hover, .border-hover-top-error:hover {
    border-top-color: var(--el-color-error)
}

.border-hover, .border-top-hover, .border-hover-hover:hover, .border-hover-top-hover:hover {
    border-top-color: var(--el-bg-color-page)
}

.border-mask, .border-top-mask, .border-hover-mask:hover, .border-hover-top-mask:hover {
    border-top-color: var(--el-mask-color)
}

.border-mask-light, .border-top-mask-light, .border-hover-mask-light:hover, .border-hover-top-mask-light:hover {
    border-top-color: var(--el-mask-color-extra-light)
}

.border-dark, .border-top-dark, .border-hover-dark:hover, .border-hover-top-dark:hover {
    border-top-color: var(--el-color-black)
}

.border, .border-right {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: var(--el-border-color)
}

.border-white, .border-right-white, .border-hover-white:hover, .border-hover-right-white:hover {
    border-right-color: var(--el-bg-color)
}

.border-primary, .border-right-primary, .border-hover-primary:hover, .border-hover-right-primary:hover {
    border-right-color: var(--el-color-primary)
}

.border-primary-light-3, .border-right-primary-light-3, .border-hover-primary-light-3:hover, .border-hover-right-primary-light-3:hover {
    border-right-color: var(--el-color-primary-light-3)
}

.border-primary-light-9, .border-right-primary-light-9, .border-hover-primary-light-9:hover, .border-hover-right-primary-light-9:hover {
    border-right-color: var(--el-color-primary-light-9)
}

.border-success, .border-right-success, .border-hover-success:hover, .border-hover-right-success:hover {
    border-right-color: var(--el-color-success)
}

.border-success-light-3, .border-right-success-light-3, .border-hover-success-light-3:hover, .border-hover-right-success-light-3:hover {
    border-right-color: var(--el-color-success-light-3)
}

.border-warning, .border-right-warning, .border-hover-warning:hover, .border-hover-right-warning:hover {
    border-right-color: var(--el-color-warning)
}

.border-warning-light-3, .border-right-warning-light-3, .border-hover-warning-light-3:hover, .border-hover-right-warning-light-3:hover {
    border-right-color: var(--el-color-warning-light-3)
}

.border-danger, .border-right-danger, .border-hover-danger:hover, .border-hover-right-danger:hover {
    border-right-color: var(--el-color-danger)
}

.border-danger-light-3, .border-right-danger-light-3, .border-hover-danger-light-3:hover, .border-hover-right-danger-light-3:hover {
    border-right-color: var(--el-color-danger-light-3)
}

.border-danger-dark-2, .border-right-danger-dark-2, .border-hover-danger-dark-2:hover, .border-hover-right-danger-dark-2:hover {
    border-right-color: var(--el-color-danger-dark-2)
}

.border-error, .border-right-error, .border-hover-error:hover, .border-hover-right-error:hover {
    border-right-color: var(--el-color-error)
}

.border-hover, .border-right-hover, .border-hover-hover:hover, .border-hover-right-hover:hover {
    border-right-color: var(--el-bg-color-page)
}

.border-mask, .border-right-mask, .border-hover-mask:hover, .border-hover-right-mask:hover {
    border-right-color: var(--el-mask-color)
}

.border-mask-light, .border-right-mask-light, .border-hover-mask-light:hover, .border-hover-right-mask-light:hover {
    border-right-color: var(--el-mask-color-extra-light)
}

.border-dark, .border-right-dark, .border-hover-dark:hover, .border-hover-right-dark:hover {
    border-right-color: var(--el-color-black)
}

.border, .border-bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--el-border-color)
}

.border-white, .border-bottom-white, .border-hover-white:hover, .border-hover-bottom-white:hover {
    border-bottom-color: var(--el-bg-color)
}

.border-primary, .border-bottom-primary, .border-hover-primary:hover, .border-hover-bottom-primary:hover {
    border-bottom-color: var(--el-color-primary)
}

.border-primary-light-3, .border-bottom-primary-light-3, .border-hover-primary-light-3:hover, .border-hover-bottom-primary-light-3:hover {
    border-bottom-color: var(--el-color-primary-light-3)
}

.border-primary-light-9, .border-bottom-primary-light-9, .border-hover-primary-light-9:hover, .border-hover-bottom-primary-light-9:hover {
    border-bottom-color: var(--el-color-primary-light-9)
}

.border-success, .border-bottom-success, .border-hover-success:hover, .border-hover-bottom-success:hover {
    border-bottom-color: var(--el-color-success)
}

.border-success-light-3, .border-bottom-success-light-3, .border-hover-success-light-3:hover, .border-hover-bottom-success-light-3:hover {
    border-bottom-color: var(--el-color-success-light-3)
}

.border-warning, .border-bottom-warning, .border-hover-warning:hover, .border-hover-bottom-warning:hover {
    border-bottom-color: var(--el-color-warning)
}

.border-warning-light-3, .border-bottom-warning-light-3, .border-hover-warning-light-3:hover, .border-hover-bottom-warning-light-3:hover {
    border-bottom-color: var(--el-color-warning-light-3)
}

.border-danger, .border-bottom-danger, .border-hover-danger:hover, .border-hover-bottom-danger:hover {
    border-bottom-color: var(--el-color-danger)
}

.border-danger-light-3, .border-bottom-danger-light-3, .border-hover-danger-light-3:hover, .border-hover-bottom-danger-light-3:hover {
    border-bottom-color: var(--el-color-danger-light-3)
}

.border-danger-dark-2, .border-bottom-danger-dark-2, .border-hover-danger-dark-2:hover, .border-hover-bottom-danger-dark-2:hover {
    border-bottom-color: var(--el-color-danger-dark-2)
}

.border-error, .border-bottom-error, .border-hover-error:hover, .border-hover-bottom-error:hover {
    border-bottom-color: var(--el-color-error)
}

.border-hover, .border-bottom-hover, .border-hover-hover:hover, .border-hover-bottom-hover:hover {
    border-bottom-color: var(--el-bg-color-page)
}

.border-mask, .border-bottom-mask, .border-hover-mask:hover, .border-hover-bottom-mask:hover {
    border-bottom-color: var(--el-mask-color)
}

.border-mask-light, .border-bottom-mask-light, .border-hover-mask-light:hover, .border-hover-bottom-mask-light:hover {
    border-bottom-color: var(--el-mask-color-extra-light)
}

.border-dark, .border-bottom-dark, .border-hover-dark:hover, .border-hover-bottom-dark:hover {
    border-bottom-color: var(--el-color-black)
}

.border, .border-left {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: var(--el-border-color)
}

.border-white, .border-left-white, .border-hover-white:hover, .border-hover-left-white:hover {
    border-left-color: var(--el-bg-color)
}

.border-primary, .border-left-primary, .border-hover-primary:hover, .border-hover-left-primary:hover {
    border-left-color: var(--el-color-primary)
}

.border-primary-light-3, .border-left-primary-light-3, .border-hover-primary-light-3:hover, .border-hover-left-primary-light-3:hover {
    border-left-color: var(--el-color-primary-light-3)
}

.border-primary-light-9, .border-left-primary-light-9, .border-hover-primary-light-9:hover, .border-hover-left-primary-light-9:hover {
    border-left-color: var(--el-color-primary-light-9)
}

.border-success, .border-left-success, .border-hover-success:hover, .border-hover-left-success:hover {
    border-left-color: var(--el-color-success)
}

.border-success-light-3, .border-left-success-light-3, .border-hover-success-light-3:hover, .border-hover-left-success-light-3:hover {
    border-left-color: var(--el-color-success-light-3)
}

.border-warning, .border-left-warning, .border-hover-warning:hover, .border-hover-left-warning:hover {
    border-left-color: var(--el-color-warning)
}

.border-warning-light-3, .border-left-warning-light-3, .border-hover-warning-light-3:hover, .border-hover-left-warning-light-3:hover {
    border-left-color: var(--el-color-warning-light-3)
}

.border-danger, .border-left-danger, .border-hover-danger:hover, .border-hover-left-danger:hover {
    border-left-color: var(--el-color-danger)
}

.border-danger-light-3, .border-left-danger-light-3, .border-hover-danger-light-3:hover, .border-hover-left-danger-light-3:hover {
    border-left-color: var(--el-color-danger-light-3)
}

.border-danger-dark-2, .border-left-danger-dark-2, .border-hover-danger-dark-2:hover, .border-hover-left-danger-dark-2:hover {
    border-left-color: var(--el-color-danger-dark-2)
}

.border-error, .border-left-error, .border-hover-error:hover, .border-hover-left-error:hover {
    border-left-color: var(--el-color-error)
}

.border-hover, .border-left-hover, .border-hover-hover:hover, .border-hover-left-hover:hover {
    border-left-color: var(--el-bg-color-page)
}

.border-mask, .border-left-mask, .border-hover-mask:hover, .border-hover-left-mask:hover {
    border-left-color: var(--el-mask-color)
}

.border-mask-light, .border-left-mask-light, .border-hover-mask-light:hover, .border-hover-left-mask-light:hover {
    border-left-color: var(--el-mask-color-extra-light)
}

.border-dark, .border-left-dark, .border-hover-dark:hover, .border-hover-left-dark:hover {
    border-left-color: var(--el-color-black)
}

.border-0, .border-top-0 {
    border-top-width: 0px
}

.border-0, .border-right-0 {
    border-right-width: 0px
}

.border-0, .border-bottom-0 {
    border-bottom-width: 0px
}

.border-0, .border-left-0 {
    border-left-width: 0px
}

.border-1, .border-top-1 {
    border-top-width: 1px
}

.border-1, .border-right-1 {
    border-right-width: 1px
}

.border-1, .border-bottom-1 {
    border-bottom-width: 1px
}

.border-1, .border-left-1 {
    border-left-width: 1px
}

.border-2, .border-top-2 {
    border-top-width: 2px
}

.border-2, .border-right-2 {
    border-right-width: 2px
}

.border-2, .border-bottom-2 {
    border-bottom-width: 2px
}

.border-2, .border-left-2 {
    border-left-width: 2px
}

.border-3, .border-top-3 {
    border-top-width: 3px
}

.border-3, .border-right-3 {
    border-right-width: 3px
}

.border-3, .border-bottom-3 {
    border-bottom-width: 3px
}

.border-3, .border-left-3 {
    border-left-width: 3px
}

.border-4, .border-top-4 {
    border-top-width: 4px
}

.border-4, .border-right-4 {
    border-right-width: 4px
}

.border-4, .border-bottom-4 {
    border-bottom-width: 4px
}

.border-4, .border-left-4 {
    border-left-width: 4px
}

.border-5, .border-top-5 {
    border-top-width: 5px
}

.border-5, .border-right-5 {
    border-right-width: 5px
}

.border-5, .border-bottom-5 {
    border-bottom-width: 5px
}

.border-5, .border-left-5 {
    border-left-width: 5px
}

.border-6, .border-top-6 {
    border-top-width: 6px
}

.border-6, .border-right-6 {
    border-right-width: 6px
}

.border-6, .border-bottom-6 {
    border-bottom-width: 6px
}

.border-6, .border-left-6 {
    border-left-width: 6px
}

.border-dotted, .border-top-dotted {
    border-top-style: dotted
}

.border-dotted, .border-right-dotted {
    border-right-style: dotted
}

.border-dotted, .border-bottom-dotted {
    border-bottom-style: dotted
}

.border-dotted, .border-left-dotted {
    border-left-style: dotted
}

.border-dashed, .border-top-dashed {
    border-top-style: dashed
}

.border-dashed, .border-right-dashed {
    border-right-style: dashed
}

.border-dashed, .border-bottom-dashed {
    border-bottom-style: dashed
}

.border-dashed, .border-left-dashed {
    border-left-style: dashed
}

.border-double, .border-top-double {
    border-top-style: double
}

.border-double, .border-right-double {
    border-right-style: double
}

.border-double, .border-bottom-double {
    border-bottom-style: double
}

.border-double, .border-left-double {
    border-left-style: double
}

.border-groove, .border-top-groove {
    border-top-style: groove
}

.border-groove, .border-right-groove {
    border-right-style: groove
}

.border-groove, .border-bottom-groove {
    border-bottom-style: groove
}

.border-groove, .border-left-groove {
    border-left-style: groove
}

.border-ridge, .border-top-ridge {
    border-top-style: ridge
}

.border-ridge, .border-right-ridge {
    border-right-style: ridge
}

.border-ridge, .border-bottom-ridge {
    border-bottom-style: ridge
}

.border-ridge, .border-left-ridge {
    border-left-style: ridge
}

.border-inset, .border-top-inset {
    border-top-style: inset
}

.border-inset, .border-right-inset {
    border-right-style: inset
}

.border-inset, .border-bottom-inset {
    border-bottom-style: inset
}

.border-inset, .border-left-inset {
    border-left-style: inset
}

.border-outset, .border-top-outset {
    border-top-style: outset
}

.border-outset, .border-right-outset {
    border-right-style: outset
}

.border-outset, .border-bottom-outset {
    border-bottom-style: outset
}

.border-outset, .border-left-outset {
    border-left-style: outset
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-round {
    border-radius: 100px !important
}

.rounded-0, .rounded-left-0, .rounded-bottom-0, .rounded-bottom-left-0 {
    border-bottom-left-radius: 0 !important
}

.rounded-0, .rounded-left-0, .rounded-top-0, .rounded-top-left-0 {
    border-top-left-radius: 0 !important
}

.rounded-0, .rounded-right-0, .rounded-bottom-0, .rounded-bottom-right-0 {
    border-bottom-right-radius: 0 !important
}

.rounded-0, .rounded-right-0, .rounded-top-0, .rounded-top-right-0 {
    border-top-right-radius: 0 !important
}

.rounded, .rounded-left, .rounded-bottom, .rounded-bottom-left {
    border-bottom-left-radius: 2px
}

.rounded, .rounded-left, .rounded-top, .rounded-top-left {
    border-top-left-radius: 2px
}

.rounded, .rounded-right, .rounded-bottom, .rounded-bottom-right {
    border-bottom-right-radius: 2px
}

.rounded, .rounded-right, .rounded-top, .rounded-top-right {
    border-top-right-radius: 2px
}

.rounded-2, .rounded-left-2, .rounded-bottom-2, .rounded-bottom-left-2 {
    border-bottom-left-radius: 4px !important
}

.rounded-2, .rounded-left-2, .rounded-top-2, .rounded-top-left-2 {
    border-top-left-radius: 4px !important
}

.rounded-2, .rounded-right-2, .rounded-bottom-2, .rounded-bottom-right-2 {
    border-bottom-right-radius: 4px !important
}

.rounded-2, .rounded-right-2, .rounded-top-2, .rounded-top-right-2 {
    border-top-right-radius: 4px !important
}

.rounded-3, .rounded-left-3, .rounded-bottom-3, .rounded-bottom-left-3 {
    border-bottom-left-radius: 6px !important
}

.rounded-3, .rounded-left-3, .rounded-top-3, .rounded-top-left-3 {
    border-top-left-radius: 6px !important
}

.rounded-3, .rounded-right-3, .rounded-bottom-3, .rounded-bottom-right-3 {
    border-bottom-right-radius: 6px !important
}

.rounded-3, .rounded-right-3, .rounded-top-3, .rounded-top-right-3 {
    border-top-right-radius: 6px !important
}

.rounded-4, .rounded-left-4, .rounded-bottom-4, .rounded-bottom-left-4 {
    border-bottom-left-radius: 8px !important
}

.rounded-4, .rounded-left-4, .rounded-top-4, .rounded-top-left-4 {
    border-top-left-radius: 8px !important
}

.rounded-4, .rounded-right-4, .rounded-bottom-4, .rounded-bottom-right-4 {
    border-bottom-right-radius: 8px !important
}

.rounded-4, .rounded-right-4, .rounded-top-4, .rounded-top-right-4 {
    border-top-right-radius: 8px !important
}

.rounded-5, .rounded-left-5, .rounded-bottom-5, .rounded-bottom-left-5 {
    border-bottom-left-radius: 10px !important
}

.rounded-5, .rounded-left-5, .rounded-top-5, .rounded-top-left-5 {
    border-top-left-radius: 10px !important
}

.rounded-5, .rounded-right-5, .rounded-bottom-5, .rounded-bottom-right-5 {
    border-bottom-right-radius: 10px !important
}

.rounded-5, .rounded-right-5, .rounded-top-5, .rounded-top-right-5 {
    border-top-right-radius: 10px !important
}

.rounded-6, .rounded-left-6, .rounded-bottom-6, .rounded-bottom-left-6 {
    border-bottom-left-radius: 12px !important
}

.rounded-6, .rounded-left-6, .rounded-top-6, .rounded-top-left-6 {
    border-top-left-radius: 12px !important
}

.rounded-6, .rounded-right-6, .rounded-bottom-6, .rounded-bottom-right-6 {
    border-bottom-right-radius: 12px !important
}

.rounded-6, .rounded-right-6, .rounded-top-6, .rounded-top-right-6 {
    border-top-right-radius: 12px !important
}

.font-weight-bold {
    font-weight: 700
}

.font-weight-normal {
    font-weight: 400
}

.font-weight-100 {
    font-weight: 100
}

.font-weight-200 {
    font-weight: 200
}

.font-weight-300 {
    font-weight: 300
}

.font-weight-400 {
    font-weight: 400
}

.font-weight-500 {
    font-weight: 500
}

.font-weight-600 {
    font-weight: 600
}

.font-weight-700 {
    font-weight: 700
}

.font-weight-800 {
    font-weight: 800
}

.font-weight-900 {
    font-weight: 900
}

.h1 {
    font-size: 30px
}

.h2 {
    font-size: 28px
}

.h3 {
    font-size: 26px
}

.h4 {
    font-size: 24px
}

.h5 {
    font-size: 22px
}

.h6 {
    font-size: 20px
}

.h7 {
    font-size: 18px
}

.h8 {
    font-size: 16px
}

.h9 {
    font-size: 14px
}

.h10 {
    font-size: 12px
}

.line-height {
    line-height: 1
}

.line-height-1 {
    line-height: 22px
}

.line-height-2 {
    line-height: 24px
}

.line-height-3 {
    line-height: 26px
}

.line-height-4 {
    line-height: 28px
}

.line-height-5 {
    line-height: 30px
}

.line-height-6 {
    line-height: 32px
}

.line-height-7 {
    line-height: 34px
}

.line-height-8 {
    line-height: 36px
}

.line-height-9 {
    line-height: 38px
}

.line-height-10 {
    line-height: 40px
}

.overflow-hidden, .overflow-x-hidden {
    overflow-x: hidden
}

.overflow-hidden, .overflow-y-hidden {
    overflow-y: hidden
}

.overflow-visible, .overflow-x-visible {
    overflow-x: visible
}

.overflow-visible, .overflow-y-visible {
    overflow-y: visible
}

.overflow-auto, .overflow-x-auto {
    overflow-x: auto
}

.overflow-auto, .overflow-y-auto {
    overflow-y: auto
}

.overflow-scroll, .overflow-x-scroll {
    overflow-x: scroll
}

.overflow-scroll, .overflow-y-scroll {
    overflow-y: scroll
}

img {
    vertical-align: middle
}

.shadow {
    -webkit-box-shadow: var(--el-box-shadow);
    box-shadow: var(--el-box-shadow)
}

.shadow-light {
    -webkit-box-shadow: var(--el-box-shadow-light);
    box-shadow: var(--el-box-shadow-light)
}

.shadow-lighter {
    -webkit-box-shadow: var(--el-box-shadow-lighter);
    box-shadow: var(--el-box-shadow-lighter)
}

.shadow-dark {
    -webkit-box-shadow: var(--el-box-shadow-dark);
    box-shadow: var(--el-box-shadow-dark)
}

.pointer {
    cursor: pointer
}

:root {
    --layouts-width: 1140px;
    --aside-width: 264px;
    --aside-menu-width: 180px;
    --aside-close-width: 64px;
    --login-form-width: 500px
}

html[lang=en] {
    --aside-width: 324px;
    --aside-menu-width: 240px;
    --aside-close-width: 84px;
    --login-form-width: 700px
}

@media only screen and (min-width: 1468px) {
    html[lang=en] .admin-rule {
        --el-transfer-panel-width: 356px
    }
}

html, body {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-synthesis: none;
    color: var(--el-text-color-primary);
}

a {
    text-decoration: none
}

* {
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.layouts {
    width: 100%;
    max-width: var(--layouts-width);
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px
}

.layouts-empty {
    min-height: calc(100vh - var(--header-height) - var(--footer-height))
}

.el-main.layouts-main-scrollbar {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.table-layouts {
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.z-index {
    z-index: 1
}

::-webkit-scrollbar {
    width: 6px
}

::-webkit-scrollbar:horizontal {
    height: 6px
}

::-webkit-scrollbar-track {
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    background-color: #0003;
    border-radius: 10px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

::-webkit-scrollbar-thumb:hover {
    cursor: pointer;
    background-color: #0000004d
}

.el-text--small {
    --el-link-font-size: var(--el-font-size-extra-small) !important
}

.el-switch__core .el-switch__action, .el-switch.is-checked .el-switch__core .el-switch__action {
    color: var(--el-switch-on-color) !important
}

.el-radio {
    margin-right: 10px !important
}

.el-popper.is-red {
    padding: 6px 12px;
    background: #f04d4d;
    color: #fff
}

.el-popper.is-red .el-popper__arrow:before {
    background: #f04d4d;
    right: 0
}

.el-messagebox-width .el-message-box__message {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.userinfo-menu {
    width: 180px;
    --el-dropdown-menuItem-hover-fill: var(--el-bg-color-page) !important;
    --el-dropdown-menuItem-hover-color: var(--el-text-color-primary) !important;
    --el-text-color-regular: var(--el-text-color-primary) !important
}

.userinfo-menu .el-dropdown-menu {
    padding: 10px
}

.userinfo-menu .el-dropdown-menu__item {
    border-radius: 6px
}

.userinfo-menu .el-dropdown-menu__item .el-icon {
    color: var(--el-text-color-primary);
    font-size: 16px
}

.userinfo-menu .el-dropdown-menu__item:hover {
    background-color: var(--el-bg-color-page)
}

.el-button--dark {
    --el-button-bg-color: #303133;
    --el-button-text-color: var(--el-color-white);
    --el-button-border-color: #303133;
    --el-button-hover-bg-color: rgb(110, 111, 112);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-border-color: rgb(110, 111, 112);
    --el-button-active-bg-color: rgb(42, 43, 45);
    --el-button-active-border-color: rgb(42, 43, 45)
}

.el-messagebox-payment {
    padding: 0
}

.el-messagebox-payment .el-message-box__header, .el-messagebox-payment .el-message-box__btns {
    display: none
}

.el-messagebox-payment .el-message-box__message {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.el-messagebox-payment .recharge .close {
    display: block !important
}

.languare-list .languare-item {
    padding: 6px;
    border-radius: 6px;
    cursor: pointer
}

.languare-list .languare-item:hover {
    color: var(--el-menu-hover-text-color);
    background-color: var(--el-menu-hover-bg-color)
}

.el-link[size=small] {
    --el-link-font-size: 12px
}

.bundle-images-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.bundle-images-list .el-upload-list__item {
    margin: 0
}

.bundle-dialog {
    height: 70vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    --el-dialog-border-radius: 12px
}

.bundle-dialog .flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.bundle-dialog .pointer {
    cursor: pointer
}

.bundle-dialog .el-dialog__header {
    padding: 0;
    margin-right: 0;
    border-bottom: 1px solid var(--el-border-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bundle-dialog .el-dialog__header .el-dialog__headerbtn {
    top: 0;
    width: 50px;
    height: 50px
}

.bundle-dialog .el-dialog__header .bundle-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 200px;
    padding: 0 10px;
    border-right: 1px solid var(--el-border-color)
}

.bundle-dialog .el-dialog__header .bundle-name svg {
    color: var(--el-color-primary)
}

.bundle-dialog .el-dialog__header .bundle-title {
    height: 50px;
    line-height: 50px;
    padding: 0 10px
}

.bundle-dialog .el-dialog__body {
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    color: var(--el-text-color-primary);
    border-bottom: 1px solid var(--el-border-color)
}

.bundle-dialog .el-dialog__body .categrory {
    width: 200px;
    border-right: 1px solid var(--el-border-color);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px
}

.bundle-dialog .el-dialog__body .categrory::-webkit-scrollbar {
    width: 6px
}

.bundle-dialog .el-dialog__body .categrory::-webkit-scrollbar:horizontal {
    height: 6px
}

.bundle-dialog .el-dialog__body .categrory::-webkit-scrollbar-track {
    border-radius: 10px
}

.bundle-dialog .el-dialog__body .categrory::-webkit-scrollbar-thumb {
    background-color: #0003;
    border-radius: 10px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.bundle-dialog .el-dialog__body .categrory::-webkit-scrollbar-thumb:hover {
    cursor: pointer;
    background-color: #0000004d
}

.bundle-dialog .el-dialog__body .categrory .categrory-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border-radius: 6px;
    padding: 0 10px;
    margin-bottom: 10px;
    gap: 5px
}

.bundle-dialog .el-dialog__body .categrory .categrory-item .delete-icon {
    display: none
}

.bundle-dialog .el-dialog__body .categrory .categrory-item .categrory-item-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 40px;
    line-height: 40px;
    padding: 0 10px
}

.bundle-dialog .el-dialog__body .categrory .categrory-item:hover {
    background-color: var(--el-color-primary-light-9)
}

.bundle-dialog .el-dialog__body .categrory .categrory-item:hover .delete-icon {
    display: block
}

.bundle-dialog .el-dialog__body .categrory .categrory-item.active {
    background-color: var(--el-color-primary-light-9);
    color: var(--el-color-primary)
}

.bundle-dialog .el-dialog__body .categrory .categrory-item.active-danger {
    background-color: var(--el-color-danger-light-9);
    color: var(--el-color-danger)
}

.bundle-dialog .el-dialog__body .bundle-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.bundle-dialog .el-dialog__body .bundle-body .pagination {
    border-top: 1px solid var(--el-border-color);
    padding: 10px
}

.bundle-dialog .el-dialog__body .bundle-body .pagination .el-pagination__total {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.bundle-dialog .el-dialog__body .bundle-body .bundle-file-list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: repeat(24, 1fr);
    grid-template-columns:repeat(24, 1fr);
    gap: 10px;
    padding: 10px;
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    -ms-flex-line-pack: start;
    align-content: start
}

.bundle-dialog .el-dialog__body .bundle-body .bundle-file-list::-webkit-scrollbar {
    width: 6px
}

.bundle-dialog .el-dialog__body .bundle-body .bundle-file-list::-webkit-scrollbar:horizontal {
    height: 6px
}

.bundle-dialog .el-dialog__body .bundle-body .bundle-file-list::-webkit-scrollbar-track {
    border-radius: 10px
}

.bundle-dialog .el-dialog__body .bundle-body .bundle-file-list::-webkit-scrollbar-thumb {
    background-color: #0003;
    border-radius: 10px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.bundle-dialog .el-dialog__body .bundle-body .bundle-file-list::-webkit-scrollbar-thumb:hover {
    cursor: pointer;
    background-color: #0000004d
}

.bundle-dialog .el-dialog__body .bundle-body .bundle-file-list .file-item {
    grid-column: span 4/span 4;
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 3px;
    border: 1px solid var(--el-bg-color)
}

.bundle-dialog .el-dialog__body .bundle-body .bundle-file-list .file-item .file-thumb {
    height: 8vw;
    width: calc(100% - 6px);
    font-size: 40px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3019607843);
    box-shadow: 0 0 5px #0000004d
}

.bundle-dialog .el-dialog__body .bundle-body .bundle-file-list .file-item .file-name {
    padding: 3px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.bundle-dialog .el-dialog__body .bundle-body .bundle-file-list .file-item:hover {
    background-color: var(--el-color-primary-light-8);
    border-color: var(--el-color-primary-light-5)
}

.bundle-dialog .el-dialog__body .bundle-body .bundle-file-list .file-item.active {
    background-color: var(--el-color-primary-light-8);
    color: var(--el-color-primary);
    border-color: var(--el-color-primary-light-5)
}

.bundle-dialog .el-dialog__body .bundle-body .bundle-file-list .file-item.active-warning {
    background-color: var(--el-color-warning-light-8);
    color: var(--el-color-warning);
    border-color: var(--el-color-warning-light-5)
}

.bundle-dialog .el-dialog__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 1400px) {
    .bundle-dialog .el-dialog__body .bundle-body .bundle-file-list .file-item {
        grid-column: span 6/span 6
    }
}

@media screen and (max-width: 1100px) {
    .bundle-dialog .el-dialog__body .bundle-body .bundle-file-list .file-item {
        grid-column: span 8/span 8
    }
}

@media screen and (max-width: 850px) {
    .bundle-dialog .el-dialog__body .bundle-body .bundle-file-list .file-item {
        grid-column: span 12/span 12
    }
}

.wangeditor-body[data-v-69899683] {
    z-index: 1000;
    display: flex;
    flex-direction: column
}

.wangeditor-body .wangeditor[data-v-69899683] {
    flex: 1;
    overflow-y: hidden
}

.admin-rule[data-v-fff4ae9f] {
    --el-transfer-panel-width: 423px;
    --el-transfer-panel-body-height: 50vh
}

@media only screen and (max-width: 1468px) {
    .admin-rule[data-v-fff4ae9f] {
        --el-transfer-panel-width: 100%;
        --el-transfer-panel-body-height: 50vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px
    }
}

.marked-text {
    word-break: break-all
}

.marked-text img {
    width: 100%;
    max-width: 100%
}

.marked-text table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 1em 0;
    font-size: 14px;
    line-height: 1.6;
    border: var(--el-border)
}

.marked-text table th {
    padding: 10px 15px;
    background-color: var(--el-bg-color-page);
    border: var(--el-border)
}

.marked-text table td {
    padding: 10px 15px;
    border: var(--el-border)
}

.marked-editor {
    display: flex;
    flex-direction: column;
    width: 100%
}

.marked-editor .marked-editor-body {
    flex: 1;
    display: flex;
    gap: 10px;
    overflow: hidden;
    line-height: normal
}

.marked-editor .marked-editor-preview {
    display: none;
    background-color: var(--el-bg-color)
}

.marked-editor-full-screen {
    background-color: var(--el-bg-color-page);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000
}

.marked-editor-full-screen .marked-editor-body {
    padding: 10px
}

.marked-editor-full-screen .el-textarea {
    flex: 1
}

.marked-editor-full-screen .el-textarea .el-textarea__inner {
    height: 100% !important;
    resize: none !important
}

.marked-editor-full-screen .marked-editor-preview {
    display: block;
    flex: 1;
    height: 100%;
    overflow: auto
}

.marked-editor-full-screen .marked-editor-toolbar-icon:hover {
    background-color: var(--el-bg-color)
}

.marked-editor-toolbar {
    display: flex;
    align-items: center;
    padding: 4px 0
}

.marked-editor-toolbar-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    border-radius: 6px;
    color: var(--el-text-color-primary)
}

.marked-editor-toolbar-icon:hover {
    background-color: var(--el-bg-color-page)
}

.marked-editor-toolbar-h-list {
    padding: 12px
}

.marked-editor-toolbar-h {
    padding: 8px;
    cursor: pointer;
    border-radius: 6px
}

.marked-editor-toolbar-h:hover {
    background-color: var(--el-bg-color-page)
}

.marked-editor-toolbar-table {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 2px;
    width: 324px;
    height: 324px;
    gap: 2px
}

.marked-editor-toolbar-table-column {
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-color: var(--el-bg-color-page);
    border-radius: 4px
}

.marked-editor-toolbar-table-column-active {
    background-color: var(--el-color-primary-light-5)
}

.marked-editor-toolbar-hr {
    margin: 0 8px;
    border-left: solid 1px var(--el-border-color);
    height: 15px
}

.el-group[data-v-ea22d661] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.el-group .el-radio[data-v-ea22d661], .el-group .el-checkbox[data-v-ea22d661] {
    margin-right: 0 !important
}

.submit-item[data-v-270f5d72] {
    position: sticky;
    bottom: 0;
    background-color: #fff;
    z-index: 10
}

.xl-table-times[data-v-cc9f0fca] {
    font-size: 12px;
    color: var(--el-color-info)
}

.text[data-v-cc9f0fca] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.nickname[data-v-6af9f01b] {
    font-weight: 600
}

.info[data-v-6af9f01b] {
    font-size: 12px;
    color: var(--el-color-info)
}

.tags[data-v-6af9f01b] {
    display: flex;
    gap: 5px
}

.tabs-info[data-v-b1feeb11] {
    width: 260px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.tabs-info .title[data-v-b1feeb11] {
    font-size: 20px;
    font-weight: 600
}

.tabs-info .tips[data-v-b1feeb11] {
    font-size: 14px;
    color: var(--el-color-info)
}

.pagination {
    padding: 10px 0;
    display: flex;
    align-items: center
}

.pagination .el-pagination, .pagination .el-pagination__total {
    flex: 1
}

.table-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.table-group .el-button + .el-button {
    margin: 0
}

.table-screen {
    display: grid;
    grid-template-columns:repeat(24, 1fr);
    grid-template-rows:auto;
    align-content: start;
    grid-gap: 10px
}

.table-screen .el-form-item, .table-screen .el-skeleton__item {
    grid-column: span 2/span 2
}

.table-screen .el-skeleton__item {
    height: 40px
}

@media screen and (max-width: 2560px) {
    .table-screen .el-form-item, .table-screen .el-skeleton__item {
        grid-column: span 4/span 4
    }
}

@media screen and (max-width: 1920px) {
    .table-screen .el-form-item, .table-screen .el-skeleton__item {
        grid-column: span 6/span 6
    }
}

@media screen and (max-width: 1400px) {
    .table-screen .el-form-item, .table-screen .el-skeleton__item {
        grid-column: span 8/span 8
    }
}

@media screen and (max-width: 1100px) {
    .table-screen .el-form-item, .table-screen .el-skeleton__item {
        grid-column: span 12/span 12
    }
}

@media screen and (max-width: 850px) {
    .table-screen .el-form-item, .table-screen .el-skeleton__item {
        grid-column: span 24/span 24
    }
}

.el-main:has(>.apps-layouts) {
    background: radial-gradient(circle at 50% 0%, #2DCBA5 -60%, transparent 30%), radial-gradient(circle at 60% 20%, #49B2FF -50%, transparent 10%)
}

.apps-layouts[data-v-92d84f85] {
    --layouts-width: 1300px
}

.apps-layouts .search-form[data-v-92d84f85] {
    padding: 50px 0
}

.apps-layouts .search-form .search-input[data-v-92d84f85] {
    width: 50%;
    min-width: 300px;
    --el-input-border: 2px solid var(--el-color-primary);
    --el-input-hover-border: var(--el-color-primary);
    --el-input-hover-border-color: var(--el-color-primary);
    --el-input-border-color: var(--el-color-primary);
    --el-input-border-radius: 6px
}

.apps-layouts .search-form .search-input .el-input__wrapper[data-v-92d84f85] {
    box-shadow: 0 0 0 2px var(--el-input-border-color, var(--el-border-color)) inset
}

.apps-layouts .sort[data-v-92d84f85] {
    padding: 4px;
    border-radius: 999px;
    font-size: 12px;
    background-color: var(--el-bg-color-page);
    color: var(--el-text-color-secondary)
}

.apps-layouts .sort .item[data-v-92d84f85] {
    padding: 4px 12px;
    cursor: pointer;
    border-radius: 999px
}

.apps-layouts .sort .item.active[data-v-92d84f85] {
    color: var(--el-text-color-primary);
    background-color: var(--el-bg-color)
}

.apps-layouts .classify[data-v-92d84f85] {
    padding: 4px;
    color: var(--el-text-color-primary);
    overflow: hidden;
    max-height: 38px
}

.apps-layouts .classify.show-more[data-v-92d84f85] {
    max-height: fit-content
}

.apps-layouts .classify .item[data-v-92d84f85] {
    padding: 4px 18px;
    cursor: pointer;
    border-radius: 999px
}

.apps-layouts .classify .item[data-v-92d84f85]:hover {
    background-color: var(--el-bg-color-page)
}

.apps-layouts .classify .item.active[data-v-92d84f85] {
    color: var(--el-bg-color);
    background-color: var(--el-text-color-primary)
}

.apps-layouts .more[data-v-92d84f85] {
    width: auto;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px
}

.apps-layouts .apps-list[data-v-92d84f85] {
    display: grid;
    --column: 5;
    grid-template-columns:repeat(var(--column), 1fr);
    grid-gap: 20px
}

.apps-layouts .apps-list .apps-item[data-v-92d84f85] {
    border-radius: 8px;
    transition: all .3s;
    box-shadow: var(--el-box-shadow-lighter);
    cursor: pointer
}

.apps-layouts .apps-list .apps-item[data-v-92d84f85]:hover {
    box-shadow: var(--el-box-shadow)
}

.apps-layouts .apps-list .apps-item .apps-icon[data-v-92d84f85] {
    width: 100%;
    height: calc(var(--layouts-width) / var(--column) - 32px);
    border-radius: 8px;
    overflow: hidden
}

.apps-layouts .apps-list .apps-item .apps-title[data-v-92d84f85] {
    height: 40px;
    line-height: 20px
}

.apps-layouts .apps-list .apps-item .use-btn[data-v-92d84f85] {
    --el-button-size: 20px;
    height: var(--el-button-size);
    padding: 5px 6px;
    font-size: 12px
}

@media screen and (max-width: 1000px) {
    .apps-layouts[data-v-92d84f85] {
        --layouts-width: 1000px
    }

    .apps-layouts .apps-list[data-v-92d84f85] {
        --column: 3
    }
}

@media screen and (max-width: 700px) {
    .apps-layouts[data-v-92d84f85] {
        --layouts-width: 700px
    }

    .apps-layouts .apps-list[data-v-92d84f85] {
        --column: 2
    }
}

@media screen and (max-width: 500px) {
    .apps-layouts[data-v-92d84f85] {
        --layouts-width: 500px
    }

    .apps-layouts .apps-list[data-v-92d84f85] {
        --column: 1
    }
}

.directory[data-v-ff6f9a86] {
    width: 240px
}

.directory .directory-item[data-v-ff6f9a86] {
    cursor: pointer
}

.directory .directory-item[data-v-ff6f9a86]:hover {
    background: var(--el-bg-color-page)
}

.directory .directory-item.active[data-v-ff6f9a86] {
    background: var(--el-text-color-primary);
    color: var(--el-bg-color)
}

.apps-director-menu {
    --el-menu-hover-bg-color: var(--el-bg-color-page)
}

.apps-director-menu .el-menu-item, .apps-director-menu .el-sub-menu__title {
    border-radius: 6px
}

.apps-director-menu .el-menu-item.is-active {
    background: var(--el-text-color-primary);
    color: var(--el-bg-color)
}

.layouts[data-v-23daa56c] {
    --layouts-width: 1300px;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.layouts .find-info[data-v-23daa56c] {
    height: 260px;
    overflow: hidden;
    flex-shrink: 0;
    transition: all .3s
}

.layouts .find-info.find-hide[data-v-23daa56c] {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    height: 0px
}

.action[data-v-23daa56c] {
    width: 300px;
    align-content: flex-start
}

.action .el-button + .el-button[data-v-23daa56c] {
    margin-left: 0
}

.tabs[data-v-23daa56c] {
    padding: 4px;
    color: var(--el-text-color-primary)
}

.tabs .item[data-v-23daa56c] {
    padding: 4px 18px;
    cursor: pointer;
    border-radius: 999px
}

.tabs .item[data-v-23daa56c]:hover {
    background-color: var(--el-bg-color-page)
}

.tabs .item.active[data-v-23daa56c] {
    color: var(--el-bg-color);
    background-color: var(--el-text-color-primary)
}

.dialog-header[data-v-f792f53e] {
    background: radial-gradient(circle at 30% 50%, #ffe9bc 0%, transparent 70%), radial-gradient(circle at 70% 70%, #fee7e0 0%, transparent 120%);
    border-top-left-radius: var(--el-messagebox-border-radius, 12px);
    border-top-right-radius: var(--el-messagebox-border-radius, 12px);
    color: #6b2d00
}

.recharge[data-v-f792f53e] {
    width: 100%;
    max-width: var(--el-messagebox-width);
    height: max(80vh, 550px);
    background: linear-gradient(168deg, #c2caff, #e7fff7);
    padding: var(--el-messagebox-border-radius, 12px);
    border-radius: var(--el-messagebox-border-radius, 12px);
    display: flex;
    flex-direction: column
}

.recharge .close[data-v-f792f53e] {
    display: none
}

.recharge .recgarge-body[data-v-f792f53e] {
    background-color: rgba(var(--el-bg-color-rgb-r), var(--el-bg-color-rgb-g), var(--el-bg-color-rgb-b), .75);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: var(--el-messagebox-border-radius, 12px);
    padding: calc(var(--el-messagebox-border-radius, 12px) * 2);
    overflow: hidden
}

.recharge .recgarge-body .recharge-swiper[data-v-f792f53e] {
    --swiper-navigation-sides-offset: -100%;
    --swiper-navigation-color: #ffb66d;
    --swiper-navigation-size: 25px;
    width: 100%
}

.recharge .recgarge-body .recharge-swiper .recharge-swiper-slide[data-v-f792f53e] {
    cursor: pointer;
    background-color: var(--el-bg-color);
    display: flex;
    flex-direction: column;
    width: 220px;
    height: 180px;
    border-radius: var(--el-messagebox-border-radius, 12px)
}

.recharge .recgarge-body .recharge-swiper .recharge-swiper-slide .month[data-v-f792f53e] {
    background: #a2abbd0f;
    border-radius: 10px;
    color: #818999;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    font-size: 12px;
    padding: 2px 0;
    margin: 0 10px
}

.recharge .recgarge-body .recharge-swiper .recharge-swiper-slide.active[data-v-f792f53e] {
    background: linear-gradient(101.37deg, #fff9c6 1.05%, #ffe1c2 97.37%);
    box-shadow: inset 0 0 0 3px #ffb66d;
    color: #6b2d00
}

.recharge .recgarge-body .recharge-swiper .recharge-swiper-slide.active .h8[data-v-f792f53e] {
    font-weight: 600
}

.recharge .recgarge-body .recharge-swiper .recharge-swiper-slide.active .month[data-v-f792f53e] {
    background: #ffffffb3;
    color: #ffb66d
}

.recharge .recgarge-body .recharge-swiper .recharge-swiper-slide.active .month.shine[data-v-f792f53e]:after {
    animation: shine-f792f53e 2.5s ease-in-out infinite;
    background-image: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .8), transparent);
    background-repeat: no-repeat;
    content: "";
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    -webkit-transform: skewX(-20deg);
    transform: skew(-20deg);
    width: 26px
}

.recharge .recgarge-body .recharge-swiper[data-v-f792f53e]:hover {
    --swiper-navigation-sides-offset: 10px
}

.recharge .qrcode-body[data-v-f792f53e] {
    width: 30%;
    background-color: rgba(var(--el-bg-color-rgb-r), var(--el-bg-color-rgb-g), var(--el-bg-color-rgb-b), .45);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: var(--el-messagebox-border-radius, 12px)
}

.recharge .qrcode-body .qrcode[data-v-f792f53e] {
    border: 1px solid #ffe9bc;
    border-radius: var(--el-messagebox-border-radius, 12px);
    overflow: hidden
}

@keyframes shine-f792f53e {
    to {
        left: 100%
    }
}

.w-80px[data-v-f792f53e] {
    width: 80px
}

.w-100px[data-v-f792f53e] {
    width: 100px
}

.domain-link .el-link__inner {
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.dialog-header[data-v-f347b9b3] {
    background: radial-gradient(circle at 30% 50%, #ffe9bc 0%, transparent 70%), radial-gradient(circle at 70% 70%, #fee7e0 0%, transparent 120%);
    border-top-left-radius: var(--el-messagebox-border-radius, 12px);
    border-top-right-radius: var(--el-messagebox-border-radius, 12px);
    color: #6b2d00
}

.statistic-footer[data-v-388d57d4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    font-size: 12px;
    color: var(--el-text-color-regular);
    margin-top: 16px
}

.statistic-footer .footer-item[data-v-388d57d4] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.statistic-footer .footer-item .yesterday[data-v-388d57d4] {
    display: inline-flex;
    align-items: center;
    margin-left: 4px
}

.data-down[data-v-388d57d4] {
    color: var(--el-color-success)
}

.data-up[data-v-388d57d4] {
    color: var(--el-color-error)
}

.up-icon[data-v-388d57d4], .down-icon[data-v-388d57d4] {
    display: none
}

.data-up .up-icon[data-v-388d57d4], .data-down .down-icon[data-v-388d57d4] {
    display: inline
}

.el-statistic__suffix {
    font-size: 14px;
    color: var(--el-color-info)
}

.position-right {
    position: fixed;
    right: -100%;
    top: 50%;
    z-index: 999;
    box-shadow: var(--el-box-shadow);
    transition: all .5s
}

.position-right.show {
    right: 20px
}

.position-right .qrcode {
    width: 100px;
    height: 100px
}

.position-right .close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: -10px;
    top: -10px;
    cursor: pointer;
    background-color: var(--el-bg-color);
    border-radius: 9999px;
    box-shadow: var(--el-box-shadow)
}

.submission {
    border-radius: 5px;
    text-align: center;
    height: 35px;
    width: 45px;
    line-height: 35px;
    display: block;
    vertical-align: middle;
    border: 0;
    background: linear-gradient(1deg, var(--primary), var(--secondary));
    color: #fff;
    cursor: pointer;
}