@charset "UTF-8";

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA)
}

:root {
    --swiper-theme-color: #007aff;
    --border-radius-primary: 8px;
    --primary-color: #28a745;
    --secondary-color: #007bff;
    --primary-hover: #007bff;
    --primary-rgb: 40, 167, 69;
}

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    overflow: clip;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: ease;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
    border: 4px solid #007aff;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.swiper .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transform-origin: center bottom
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    background: #000;
    bottom: 0;
    content: "";
    filter: blur(50px);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0
}

.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: 44px;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: -22px;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: 50%;
    top: var(--swiper-navigation-top-offset, 50%);
    width: 27px;
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center;
    width: 100%
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons, swiper-icons fallback;
    font-size: 44px;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: 10px;
    right: var(--swiper-navigation-sides-offset, 10px)
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 8px;
    bottom: var(--swiper-pagination-bottom, 8px);
    left: 0;
    top: auto;
    top: var(--swiper-pagination-top, auto);
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: #000;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: 50%;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    display: inline-block;
    height: 8px;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    opacity: .2;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: 8px;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: 1;
    opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    left: auto;
    left: var(--swiper-pagination-left, auto);
    right: 8px;
    right: var(--swiper-pagination-right, 8px);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
    color: inherit;
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px;
    width: var(--swiper-pagination-progressbar-size, 4px)
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: rgba(0, 0, 0, .1);
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1));
    border-radius: var(--swiper-scrollbar-border-radius, var(--border-radius-primary));
    position: relative;
    touch-action: none
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: 4px;
    bottom: var(--swiper-scrollbar-bottom, 4px);
    height: 4px;
    height: var(--swiper-scrollbar-size, 4px);
    left: 1%;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    position: absolute;
    top: auto;
    top: var(--swiper-scrollbar-top, auto);
    width: 98%;
    width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    z-index: 50
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    height: 98%;
    height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    left: auto;
    left: var(--swiper-scrollbar-left, auto);
    position: absolute;
    right: 4px;
    right: var(--swiper-scrollbar-right, 4px);
    top: 1%;
    top: var(--swiper-scrollbar-sides-offset, 1%);
    width: 4px;
    width: var(--swiper-scrollbar-size, 4px);
    z-index: 50
}

.swiper-scrollbar-drag {
    background: rgba(0, 0, 0, .5);
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, var(--border-radius-primary));
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    height: var(--swiper-virtual-size);
    width: 1px
}

.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

/*! tailwindcss v3.3.6 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
    border: 0 solid #e2e8f0
}

:after,
:before {
    --tw-content: ""
}

html {
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    tab-size: 4
}

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
html,
body {
    line-height: 1.15;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-text-size-adjust: 100%
}

body {
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace
}

button,
input,
optgroup,
select,
textarea {
    line-height: 1.15
}

[type=button],
[type=submit],
button {
    -webkit-appearance: button
}

legend {
    padding: 0
}

button {
    background-color: transparent;
    background-image: none
}

fieldset,
ol,
ul {
    margin: 0;
    padding: 0
}

ol,
ul {
    list-style: none
}

html {
    font-family: Signika, sans-serif;
    font-weight: 700;
    letter-spacing: .5px
}

body {
    font-family: inherit
}

*,
:after,
:before {
    border: 0 solid;
    box-sizing: border-box
}

img {
    border-style: solid
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #a3a3a3;
    opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #a3a3a3;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #a3a3a3
}

*,
:after,
:before {
    --tw-border-opacity: 1;
    border-color: rgba(229, 229, 229, var(--tw-border-opacity))
}

.tw-fixed {
    position: fixed
}

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

.tw-top-0 {
    top: 0
}

.tw-top-1 {
    top: .25rem
}

.tw-top-12 {
    top: 3rem
}

.tw-top-14 {
    top: 3.5rem
}

.tw-top-20 {
    top: 5rem
}

.tw-top-1\.5 {
    top: .375rem
}

.tw-right-0 {
    right: 0
}

.tw-right-2 {
    right: .5rem
}

.tw-bottom-0 {
    bottom: 0
}

.tw-bottom-2 {
    bottom: .5rem
}

.tw-left-0 {
    left: 0
}

.tw-left-2 {
    left: .5rem
}

.tw-z-50 {
    z-index: 50
}

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

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

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

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

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

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

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

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

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

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

.tw-mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.tw-mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

.tw-mx-auto {
    margin-left: auto;
    margin-right: auto
}

.tw-my-1 {
    margin-bottom: .25rem;
    margin-top: .25rem
}

.tw-my-2 {
    margin-bottom: .5rem;
    margin-top: .5rem
}

.tw-my-3 {
    margin-bottom: .75rem;
    margin-top: .75rem
}

.tw-my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.tw-my-6 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

.tw-my-8 {
    margin-bottom: 2rem;
    margin-top: 2rem
}

.tw-mt-1 {
    margin-top: .25rem
}

.tw-mt-2 {
    margin-top: .5rem
}

.tw-mt-4 {
    margin-top: 1rem
}

.tw-mt-5 {
    margin-top: 1.25rem
}

.tw-mt-8 {
    margin-top: 2rem
}

.tw-mt-10 {
    margin-top: 2.5rem
}

.tw-mr-1 {
    margin-right: .25rem
}

.tw-mr-2 {
    margin-right: .5rem
}

.tw-mr-3 {
    margin-right: .75rem
}

.tw-mb-0 {
    margin-bottom: 0
}

.tw-mb-1 {
    margin-bottom: .25rem
}

.tw-mb-2 {
    margin-bottom: .5rem
}

.tw-mb-3 {
    margin-bottom: .75rem
}

.tw-mb-5 {
    margin-bottom: 1.25rem
}

.tw-mb-6 {
    margin-bottom: 1.5rem
}

.tw-mb-8 {
    margin-bottom: 2rem
}

.tw-mb-12 {
    margin-bottom: 3rem
}

.tw-mb-20 {
    margin-bottom: 5rem
}

.tw-mb-32 {
    margin-bottom: 8rem
}

.tw-ml-1 {
    margin-left: .25rem
}

.tw-ml-2 {
    margin-left: .5rem
}

.tw-ml-3 {
    margin-left: .75rem
}

.tw-ml-8 {
    margin-left: 2rem
}

.tw-ml-10 {
    margin-left: 2.5rem
}

.tw-ml-11 {
    margin-left: 2.75rem
}

.tw-block {
    display: block
}

.tw-inline-block {
    display: inline-block
}

.tw-inline {
    display: inline
}

.tw-inline-flex {
    display: inline-flex
}

.tw-grid {
    display: grid
}

.tw-hidden {
    display: none
}

.tw-h-2 {
    height: .5rem
}

.tw-h-4 {
    height: 1rem
}

.tw-h-5 {
    height: 1.25rem
}

.tw-h-6 {
    height: 1.5rem
}

.tw-h-7 {
    height: 1.75rem
}

.tw-h-8 {
    height: 2rem
}

.tw-h-11 {
    height: 2.75rem
}

.tw-h-12 {
    height: 3rem
}

.tw-h-16 {
    height: 4rem
}

.tw-h-20 {
    height: 5rem
}

.tw-h-28 {
    height: 7rem
}

.tw-h-32 {
    height: 8rem
}

.tw-h-40 {
    height: 10rem
}

.tw-h-48 {
    height: 12rem
}

.tw-h-56 {
    height: 14rem
}

.tw-h-64 {
    height: 16rem
}

.tw-h-72 {
    height: 18rem
}

.tw-h-80 {
    height: 20rem
}

.tw-h-full {
    height: 100%
}

.tw-h-screen {
    height: 100vh
}

.tw-w-2 {
    width: .5rem
}

.tw-w-4 {
    width: 1rem
}

.tw-w-5 {
    width: 1.25rem
}

.tw-w-6 {
    width: 1.5rem
}

.tw-w-7 {
    width: 1.75rem
}

.tw-w-8 {
    width: 2rem
}

.tw-w-12 {
    width: 3rem
}

.tw-w-20 {
    width: 5rem
}

.tw-w-28 {
    width: 7rem
}

.tw-w-32 {
    width: 8rem
}

.tw-w-36 {
    width: 9rem
}

.tw-w-40 {
    width: 10rem
}

.tw-w-48 {
    width: 12rem
}

.tw-w-56 {
    width: 14rem
}

.tw-w-72 {
    width: 18rem
}

.tw-w-80 {
    width: 20rem
}

.tw-w-1\/2 {
    width: 50%
}

.tw-w-2\/3 {
    width: 66.666667%
}

.tw-w-3\/4 {
    width: 75%
}

.tw-w-full {
    width: 100%
}

.tw-min-w-max {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.tw-max-w-xs {
    max-width: 20rem
}

.tw-max-w-sm {
    max-width: 24rem
}

.tw-max-w-md {
    max-width: 28rem
}

.tw-max-w-lg {
    max-width: 32rem
}

.tw-max-w-xl {
    max-width: 36rem
}

.tw-max-w-2xl {
    max-width: 42rem
}

.tw-max-w-6xl {
    max-width: 72rem
}

.tw-max-w-7xl {
    max-width: 80rem
}

.tw-transform {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@-webkit-keyframes tw-spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes tw-spin {
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes tw-ping {

    75%,
    to {
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes tw-ping {

    75%,
    to {
        opacity: 0;
        transform: scale(2)
    }
}

@-webkit-keyframes tw-pulse {
    50% {
        opacity: .5
    }
}

@keyframes tw-pulse {
    50% {
        opacity: .5
    }
}

@-webkit-keyframes tw-bounce {

    0%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        transform: translateY(-25%)
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
        animation-timing-function: cubic-bezier(0, 0, .2, 1);
        transform: none
    }
}

@keyframes tw-bounce {

    0%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        transform: translateY(-25%)
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
        animation-timing-function: cubic-bezier(0, 0, .2, 1);
        transform: none
    }
}

.tw-cursor-default {
    cursor: default
}

.tw-cursor-pointer {
    cursor: pointer
}

.tw-cursor-not-allowed {
    cursor: not-allowed
}

.tw-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tw-select-all {
    -webkit-user-select: all;
    -moz-user-select: all;
    user-select: all
}

.tw-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr))
}

.tw-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr))
}

.tw-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.tw-flex-col {
    flex-direction: column
}

.tw-flex-wrap {
    flex-wrap: wrap
}

.tw-justify-start {
    justify-content: flex-start
}

.tw-justify-end {
    justify-content: flex-end
}

.tw-justify-between {
    justify-content: space-between
}

.tw-gap-0 {
    gap: 0
}

.tw-gap-2 {
    gap: .5rem
}

.tw-gap-3 {
    gap: .75rem
}

.tw-gap-4 {
    gap: 1rem
}

.tw-gap-y-1 {
    row-gap: .25rem
}

.tw-gap-y-4 {
    row-gap: 1rem
}

.tw-overflow-auto {
    overflow: auto
}

.tw-overflow-y-auto {
    overflow-y: auto
}

.tw-overflow-x-hidden {
    overflow-x: hidden
}

.tw-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tw-rounded-sm {
    border-radius: .125rem
}

.tw-rounded-md {
    border-radius: .375rem
}

.tw-rounded-full {
    border-radius: 9999px
}

.tw-rounded-t-sm {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem
}

.tw-rounded-t {
    border-top-left-radius: .25rem
}

.tw-rounded-r,
.tw-rounded-t {
    border-top-right-radius: .25rem
}

.tw-rounded-r {
    border-bottom-right-radius: .25rem
}

.tw-rounded-r-full {
    border-bottom-right-radius: 9999px;
    border-top-right-radius: 9999px
}

.tw-rounded-b-sm {
    border-bottom-left-radius: .125rem;
    border-bottom-right-radius: .125rem
}

.tw-rounded-b {
    border-bottom-right-radius: .25rem
}

.tw-rounded-b,
.tw-rounded-l {
    border-bottom-left-radius: .25rem
}

.tw-rounded-l,
.tw-rounded-tl {
    border-top-left-radius: .25rem
}

.tw-rounded-tr {
    border-top-right-radius: .25rem
}

.tw-border-2 {
    border-width: 2px
}

.tw-border-4 {
    border-width: 4px
}

.tw-border {
    border-width: 1px
}

.tw-border-t-0 {
    border-top-width: 0
}

.tw-border-t-4 {
    border-top-width: 4px
}

.tw-border-t {
    border-top-width: 1px
}

.tw-border-r-2 {
    border-right-width: 2px
}

.tw-border-r {
    border-right-width: 1px
}

.tw-border-b-0 {
    border-bottom-width: 0
}

.tw-border-b-2 {
    border-bottom-width: 2px
}

.tw-border-b-4 {
    border-bottom-width: 4px
}

.tw-border-b {
    border-bottom-width: 1px
}

.tw-border-dashed {
    border-style: dashed
}

.tw-border-transparent {
    border-color: transparent
}

.tw-border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgba(245, 245, 245, var(--tw-border-opacity))
}

.tw-border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgba(229, 229, 229, var(--tw-border-opacity))
}

.tw-border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgba(212, 212, 212, var(--tw-border-opacity))
}

.tw-border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgba(163, 163, 163, var(--tw-border-opacity))
}

.tw-border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgba(64, 64, 64, var(--tw-border-opacity))
}

.tw-border-green-300 {
    --tw-border-opacity: 1;
    border-color: rgba(134, 239, 172, var(--tw-border-opacity))
}

.tw-border-green-400 {
    --tw-border-opacity: 1;
    border-color: rgba(74, 222, 128, var(--tw-border-opacity))
}

.tw-border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity))
}

.tw-border-red-400 {
    --tw-border-opacity: 1;
    border-color: #f87171
}

.tw-border-red-500 {
    --tw-border-opacity: 1;
    border-color: #ef4444
}

.tw-border-red-600 {
    --tw-border-opacity: 1;
    border-color: #dc2626
}

.tw-border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity))
}

.tw-border-blue-700 {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity))
}

.tw-border-blue-800 {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity))
}

.tw-border-amber-300 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity))
}

.tw-border-yellow-500 {
    --tw-border-opacity: 1;
    border-color: rgba(234, 179, 8, var(--tw-border-opacity))
}

.tw-border-white {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.tw-border-pink-700 {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity))
}

.hover\:tw-border-gray-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(38, 38, 38, var(--tw-border-opacity))
}

.hover\:tw-border-red-500:hover {
    --tw-border-opacity: 1;
    border-color: #ef4444
}

.hover\:tw-border-red-600:hover {
    --tw-border-opacity: 1;
    border-color: #dc2626
}

.hover\:tw-border-red-700:hover {
    --tw-border-opacity: 1;
    border-color: #b91c1c
}

.hover\:tw-border-blue-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity))
}

.hover\:tw-border-pink-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity))
}

.focus\:tw-border-red-500:focus {
    --tw-border-opacity: 1;
    border-color: #ef4444
}

.tw-bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 245, 245, var(--tw-bg-opacity))
}

.tw-bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 229, 229, var(--tw-bg-opacity))
}

.tw-bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: hsla(0, 0%, 90%, .23)
}

.tw-bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(115, 115, 115, var(--tw-bg-opacity))
}

.tw-bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(64, 64, 64, var(--tw-bg-opacity))
}

.tw-bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(38, 38, 38, var(--tw-bg-opacity))
}

.tw-bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 252, 231, var(--tw-bg-opacity))
}

.tw-bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(34, 197, 94, var(--tw-bg-opacity))
}

.tw-bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: #fee2e2
}

.tw-bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: red !important
}

.tw-bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: #dc2626
}

.tw-bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: #b91c1c
}

.tw-bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
}

.tw-bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
}

.tw-bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
}

.tw-bg-amber-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
}

.tw-bg-amber-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
}

.tw-bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 249, 195, var(--tw-bg-opacity))
}

.tw-bg-pink-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
}

.hover\:tw-bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 245, 245, var(--tw-bg-opacity))
}

.hover\:tw-bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 229, 229, var(--tw-bg-opacity))
}

.hover\:tw-bg-gray-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(212, 212, 212, var(--tw-bg-opacity))
}

.hover\:tw-bg-gray-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(82, 82, 82, var(--tw-bg-opacity))
}

.hover\:tw-bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(38, 38, 38, var(--tw-bg-opacity))
}

.hover\:tw-bg-green-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(22, 163, 74, var(--tw-bg-opacity))
}

.hover\:tw-bg-red-500:hover {
    --tw-bg-opacity: 1;
    background-color: #ef4444
}

.hover\:tw-bg-red-600:hover {
    --tw-bg-opacity: 1;
    background-color: #dc2626;
    color: #dc2626
}

.hover\:tw-bg-red-700:hover {
    --tw-bg-opacity: 1;
    background-color: #b91c1c
}

.hover\:tw-bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
}

.hover\:tw-bg-pink-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
}

.tw-object-fill {
    -o-object-fit: fill;
    object-fit: fill
}

.tw-object-center {
    -o-object-position: center;
    object-position: center
}

.tw-p-0 {
    padding: 0
}

.tw-p-2 {
    padding: .5rem
}

.tw-p-3 {
    padding: .75rem
}

.tw-p-4 {
    padding: 1rem
}

.tw-px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.tw-px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.tw-px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.tw-px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.tw-px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.tw-px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.tw-py-0 {
    padding-bottom: 0;
    padding-top: 0
}

.tw-py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.tw-py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.tw-py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.tw-py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.tw-py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.tw-pt-1 {
    padding-top: .25rem
}

.tw-pt-2 {
    padding-top: .5rem
}

.tw-pt-3 {
    padding-top: .75rem
}

.tw-pt-4 {
    padding-top: 1rem
}

.tw-pt-5 {
    padding-top: 1.25rem
}

.tw-pr-2 {
    padding-right: .5rem
}

.tw-pr-3 {
    padding-right: .75rem
}

.tw-pr-6 {
    padding-right: 1.5rem
}

.tw-pr-8 {
    padding-right: 2rem
}

.tw-pb-2 {
    padding-bottom: .5rem
}

.tw-pb-8 {
    padding-bottom: 2rem
}

.tw-pl-2 {
    padding-left: .5rem
}

.tw-pl-3 {
    padding-left: .75rem
}

.tw-pl-4 {
    padding-left: 1rem
}

.tw-pl-8 {
    padding-left: 2rem
}

.tw-text-left {
    text-align: left
}

.tw-text-center {
    text-align: center
}

.tw-text-right {
    text-align: right
}

.tw-text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.tw-text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.tw-text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.tw-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.tw-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.tw-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.tw-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.tw-text-8xl {
    font-size: 6rem;
    line-height: 1
}

.tw-font-medium {
    font-weight: 500
}

.tw-font-semibold {
    font-weight: 600
}

.tw-font-extrabold {
    font-weight: 800
}

.tw-uppercase {
    text-transform: uppercase
}

.tw-capitalize {
    text-transform: capitalize
}

.tw-leading-5 {
    line-height: 1.25rem
}

.tw-leading-6 {
    line-height: 1.5rem
}

.tw-leading-7 {
    line-height: 1.75rem
}

.tw-tracking-wide {
    letter-spacing: .025em
}

.tw-text-gray-300 {
    --tw-text-opacity: 1;
    color: rgba(212, 212, 212, var(--tw-text-opacity))
}

.tw-text-gray-500 {
    --tw-text-opacity: 1;
    color: rgba(115, 115, 115, var(--tw-text-opacity))
}

.tw-text-gray-600 {
    --tw-text-opacity: 1;
    color: rgba(82, 82, 82, var(--tw-text-opacity))
}

.tw-text-gray-700 {
    --tw-text-opacity: 1;
    color: rgba(64, 64, 64, var(--tw-text-opacity))
}

.tw-text-gray-800 {
    --tw-text-opacity: 1;
    color: rgba(38, 38, 38, var(--tw-text-opacity))
}

.tw-text-gray-900 {
    --tw-text-opacity: 1;
    color: rgba(23, 23, 23, var(--tw-text-opacity))
}

.tw-text-green-500 {
    --tw-text-opacity: 1;
    color: rgba(34, 197, 94, var(--tw-text-opacity))
}

.tw-text-green-600 {
    --tw-text-opacity: 1;
    color: rgba(22, 163, 74, var(--tw-text-opacity))
}

.tw-text-red-100 {
    --tw-text-opacity: 1;
    color: #fee2e2
}

.tw-text-red-400 {
    --tw-text-opacity: 1;
    color: #f87171
}

.tw-text-red-600 {
    --tw-text-opacity: 1;
    color: #dc2626
}

.tw-text-red-700 {
    --tw-text-opacity: 1;
    color: #b91c1c
}

.tw-text-blue-500 {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity))
}

.tw-text-blue-800 {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity))
}

.tw-text-blue-900 {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity))
}

.tw-text-amber-600 {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity))
}

.tw-text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgba(250, 204, 21, var(--tw-text-opacity))
}

.tw-text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgba(234, 179, 8, var(--tw-text-opacity))
}

.tw-text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgba(202, 138, 4, var(--tw-text-opacity))
}

.tw-text-white {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    color: #fff
}

.tw-text-pink-700 {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity))
}

.tw-text-teal-500 {
    --tw-text-opacity: 1;
    color: rgba(20, 184, 166, var(--tw-text-opacity))
}

.hover\:tw-text-gray-800:hover {
    --tw-text-opacity: 1;
    color: rgba(38, 38, 38, var(--tw-text-opacity))
}

.hover\:tw-text-red-500:hover {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity))
}

.hover\:tw-text-red-600:hover {
    --tw-text-opacity: 1;
    color: #dc2626
}

.hover\:tw-text-white:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.tw-underline {
    text-decoration: underline
}

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

.tw-placeholder-gray-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(38, 38, 38, var(--tw-placeholder-opacity))
}

.tw-placeholder-gray-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(38, 38, 38, var(--tw-placeholder-opacity))
}

.tw-placeholder-gray-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(38, 38, 38, var(--tw-placeholder-opacity))
}

.focus\:tw-placeholder-white:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
}

.focus\:tw-placeholder-white:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
}

.focus\:tw-placeholder-white:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
}

.tw-opacity-50 {
    opacity: .5
}

.tw-opacity-75 {
    opacity: .75
}

.tw-opacity-90 {
    opacity: .9
}

.hover\:tw-opacity-100:hover {
    opacity: 1
}

*,
:after,
:before {
    --tw-shadow: 0 0 transparent
}

.tw-shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.tw-shadow,
.tw-shadow-sm {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.tw-shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
}

.tw-shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.focus\:tw-outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

*,
:after,
:before {
    --tw-ring-inset: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent
}

.tw-transition {
    transition-duration: .15s;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.tw-duration-200 {
    transition-duration: .2s
}

.tw-duration-300 {
    transition-duration: .3s
}

@media (min-width:640px) {
    .sm\:tw-col-span-3 {
        grid-column: span 3/span 3
    }

    .sm\:tw-col-span-6 {
        grid-column: span 6/span 6
    }
}

@media (min-width:768px) {
    .md\:tw-top-2 {
        top: .5rem
    }

    .md\:tw-top-14 {
        top: 3.5rem
    }

    .md\:tw-top-2\.5 {
        top: .625rem
    }

    .md\:tw-col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:tw-col-span-3 {
        grid-column: span 3/span 3
    }

    .md\:tw-col-span-4 {
        grid-column: span 4/span 4
    }

    .md\:tw-col-span-5 {
        grid-column: span 5/span 5
    }

    .md\:tw-col-span-6 {
        grid-column: span 6/span 6
    }

    .md\:tw-col-span-8 {
        grid-column: span 8/span 8
    }

    .md\:tw-col-span-9 {
        grid-column: span 9/span 9
    }

    .md\:tw-mt-0 {
        margin-top: 0
    }

    .md\:tw-mr-4 {
        margin-right: 1rem
    }

    .md\:tw-mb-0 {
        margin-bottom: 0
    }

    .md\:tw-mb-3 {
        margin-bottom: .75rem
    }

    .md\:tw-mb-4 {
        margin-bottom: 1rem
    }

    .md\:tw-ml-6 {
        margin-left: 1.5rem
    }

    .md\:tw-block {
        display: block
    }

    .md\:tw-inline-block {
        display: inline-block
    }

    .md\:tw-flex {
        display: flex
    }

    .md\:tw-grid {
        display: grid
    }

    .md\:tw-hidden {
        display: none
    }

    .md\:tw-h-10 {
        height: 2.5rem
    }

    .md\:tw-h-12 {
        height: 3rem
    }

    .md\:tw-h-40 {
        height: 10rem
    }

    .md\:tw-h-64 {
        height: 16rem
    }

    .md\:tw-h-72 {
        height: 18rem
    }

    .md\:tw-h-80 {
        height: 20rem
    }

    .md\:tw-h-96 {
        height: 24rem
    }

    .md\:tw-w-10 {
        width: 2.5rem
    }

    .md\:tw-w-12 {
        width: 3rem
    }

    .md\:tw-w-40 {
        width: 10rem
    }

    .md\:tw-w-72 {
        width: 18rem
    }

    .md\:tw-max-w-md {
        max-width: 28rem
    }

    .md\:tw-gap-3 {
        gap: .75rem
    }

    .md\:tw-gap-4 {
        gap: 1rem
    }

    .md\:tw-rounded-t {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .md\:tw-rounded-b {
        border-bottom-left-radius: .25rem;
        border-bottom-right-radius: .25rem
    }

    .md\:tw-border-0 {
        border-width: 0
    }

    .md\:tw-bg-transparent {
        background-color: transparent
    }

    .md\:tw-bg-white {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .md\:tw-p-0 {
        padding: 0
    }

    .md\:tw-p-2 {
        padding: .5rem
    }

    .md\:tw-p-3 {
        padding: .75rem
    }

    .md\:tw-p-4 {
        padding: 1rem
    }

    .md\:tw-px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:tw-px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .md\:tw-px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .md\:tw-px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .md\:tw-px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .md\:tw-px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .md\:tw-py-0 {
        padding-bottom: 0;
        padding-top: 0
    }

    .md\:tw-py-1 {
        padding-bottom: .25rem;
        padding-top: .25rem
    }

    .md\:tw-py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .md\:tw-py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .md\:tw-py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .md\:tw-pr-5 {
        padding-right: 1.25rem
    }

    .md\:tw-pb-4 {
        padding-bottom: 1rem
    }

    .md\:tw-pb-8 {
        padding-bottom: 2rem
    }

    .md\:tw-pl-3 {
        padding-left: .75rem
    }

    .md\:tw-pl-5 {
        padding-left: 1.25rem
    }

    .md\:tw-text-left {
        text-align: left
    }

    .md\:tw-text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .md\:tw-text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .md\:tw-text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:tw-text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}

a,
button,
label:hover {
    cursor: pointer
}

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::placeholder,
textarea::placeholder {
    color: #94a3b8;
    opacity: 1
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    height: auto;
    max-width: 100%
}

[hidden] {
    display: none
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.ws-fixed {
    position: fixed
}

.ws-absolute {
    position: absolute
}

.ws-relative {
    position: relative
}

.ws-sticky {
    position: sticky
}

.ws-bottom-0,
.ws-bottom-\[0px\] {
    bottom: 0
}

.ws-bottom-\[20\%\] {
    bottom: 20%
}

.ws-bottom-\[5px\] {
    bottom: 5px
}

.ws-bottom-\[8px\] {
    bottom: 8px
}

.ws-left-0,
.ws-left-\[0px\] {
    left: 0
}

.ws-left-\[12px\] {
    left: 12px
}

.ws-left-\[1px\] {
    left: 1px
}

.ws-left-\[2\%\] {
    left: 2%
}

.ws-left-\[3px\] {
    left: 3px
}

.ws-left-\[4px\] {
    left: 4px
}

.ws-left-\[6px\] {
    left: 6px
}

.ws-left-\[8px\] {
    left: 8px
}

.ws-right-0,
.ws-right-\[0px\] {
    right: 0
}

.ws-right-\[105px\] {
    right: 105px
}

.ws-right-\[10px\] {
    right: 10px
}

.ws-right-\[1px\] {
    right: 1px
}

.ws-right-\[2\%\] {
    right: 2%
}

.ws-right-\[5\%\] {
    right: 5%
}

.ws-right-\[5px\] {
    right: 5px
}

.ws-right-\[8px\] {
    right: 8px
}

.ws-top-0 {
    top: 0
}

.ws-top-\[-10px\] {
    top: -10px
}

.ws-top-\[-15px\] {
    top: -15px
}

.ws-top-\[-1px\] {
    top: -1px
}

.ws-top-\[-2\.5px\] {
    top: -2.5px
}

.ws-top-\[-2px\] {
    top: -2px
}

.ws-top-\[-3px\] {
    top: -3px
}

.ws-top-\[0\.8px\] {
    top: .8px
}

.ws-top-\[0px\] {
    top: 0
}

.ws-top-\[1\.5px\] {
    top: 1.5px
}

.ws-top-\[12px\] {
    top: 12px
}

.ws-top-\[18\%\] {
    top: 18%
}

.ws-top-\[1px\] {
    top: 1px
}

.ws-top-\[2\%\] {
    top: 2%
}

.ws-top-\[2px\] {
    top: 2px
}

.ws-top-\[3\%\] {
    top: 3%
}

.ws-top-\[38\%\] {
    top: 38%
}

.ws-top-\[3px\] {
    top: 3px
}

.ws-top-\[4px\] {
    top: 4px
}

.ws-top-\[5px\] {
    top: 5px
}

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

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

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

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

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

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

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

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

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

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

.\!ws-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.ws--mx-2 {
    margin-left: -.5rem;
    margin-right: -.5rem
}

.ws-mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.ws-mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

.ws-mx-auto {
    margin-left: auto;
    margin-right: auto
}

.ws-my-1 {
    margin-bottom: .25rem;
    margin-top: .25rem
}

.ws-my-10 {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem
}

.ws-my-2 {
    margin-bottom: .5rem;
    margin-top: .5rem
}

.ws-my-3 {
    margin-bottom: .75rem;
    margin-top: .75rem
}

.ws-my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.ws-my-8 {
    margin-bottom: 2rem;
    margin-top: 2rem
}

.ws-mb-0 {
    margin-bottom: 0
}

.ws-mb-1 {
    margin-bottom: .25rem
}

.ws-mb-1\.5 {
    margin-bottom: .375rem
}

.ws-mb-10 {
    margin-bottom: 2.5rem
}

.ws-mb-2 {
    margin-bottom: .5rem
}

.ws-mb-3 {
    margin-bottom: .75rem
}

.ws-mb-4 {
    margin-bottom: 1rem
}

.ws-mb-8 {
    margin-bottom: 2rem
}

.ws-ml-0 {
    margin-left: 0
}

.ws-ml-1 {
    margin-left: .25rem
}

.ws-ml-1\.5 {
    margin-left: .375rem
}

.ws-ml-10 {
    margin-left: 2.5rem
}

.ws-ml-2 {
    margin-left: .5rem
}

.ws-ml-3 {
    margin-left: .75rem
}

.ws-ml-4 {
    margin-left: 1rem
}

.ws-ml-5 {
    margin-left: 1.25rem
}

.ws-ml-\[0\.5px\] {
    margin-left: .5px
}

.ws-mr-1 {
    margin-right: .25rem
}

.ws-mr-2 {
    margin-right: .5rem
}

.ws-mr-3 {
    margin-right: .75rem
}

.ws-mr-4 {
    margin-right: 1rem
}

.ws-mr-8 {
    margin-right: 2rem
}

.ws-mt-1 {
    margin-top: .25rem
}

.ws-mt-10 {
    margin-top: 2.5rem
}

.ws-mt-2 {
    margin-top: .5rem
}

.ws-mt-4 {
    margin-top: 1rem
}

.ws-mt-5 {
    margin-top: 1.25rem
}

.ws-mt-6 {
    margin-top: 1.5rem
}

.ws-mt-8 {
    margin-top: 2rem
}

.ws-mt-\[40\%\] {
    margin-top: 40%
}

.ws-block {
    display: block
}

.ws-inline-block {
    display: inline-block
}

.ws-inline {
    display: inline
}

.ws-flex {
    display: flex
}

.ws-inline-flex {
    display: inline-flex
}

.ws-grid {
    display: grid
}

.ws-hidden {
    display: none
}

.ws-hide-grid {
    display: none !important
}

.\!ws-h-\[11rem\] {
    height: 11rem !important
}

.\!ws-h-\[12rem\] {
    height: 12rem !important
}

.\!ws-h-\[9\.05rem\] {
    height: 9.05rem !important
}

.ws-h-10 {
    height: 2.5rem
}

.ws-h-12 {
    height: 3rem
}

.ws-h-16 {
    height: 4rem
}

.ws-h-2 {
    height: .5rem
}

.ws-h-28 {
    height: 7rem
}

.ws-h-32 {
    height: 8rem
}

.ws-h-36 {
    height: 9rem
}

.ws-h-4 {
    height: 1rem
}

.ws-h-40 {
    height: 10rem
}

.ws-h-5 {
    height: 1.25rem
}

.ws-h-56 {
    height: 14rem
}

.ws-h-6 {
    height: 1.5rem
}

.ws-h-9 {
    height: 2.25rem
}

.ws-h-\[1\.6rem\] {
    height: 1.6rem
}

.ws-h-\[10rem\] {
    height: 10rem
}

.ws-h-\[16rem\] {
    height: 16rem
}

.ws-h-\[260px\] {
    height: 260px
}

.ws-h-\[300px\] {
    height: 300px
}

.ws-h-\[45px\] {
    height: 45px
}

.ws-h-\[80vh\] {
    height: 80vh
}

.ws-h-\[9\.05rem\] {
    height: 9.05rem
}

.ws-max-h-\[12\.6rem\] {
    max-height: 12.6rem
}

.ws-max-h-\[28rem\] {
    max-height: 28rem
}

.ws-min-h-\[19\.3rem\] {
    min-height: 19.3rem
}

.ws-min-h-\[20rem\] {
    min-height: 20rem
}

.ws-min-h-\[50px\] {
    min-height: 50px
}

.ws-min-h-\[70vh\] {
    min-height: 70vh
}

.ws-min-h-\[80px\] {
    min-height: 80px
}

.\!ws-w-auto {
    width: auto !important
}

.ws-w-10 {
    width: 2.5rem
}

.ws-w-2 {
    width: .5rem
}

.ws-w-20 {
    width: 5rem
}

.ws-w-28 {
    width: 7rem
}

.ws-w-32 {
    width: 8rem
}

.ws-w-4 {
    width: 1rem
}

.ws-w-40 {
    width: 10rem
}

.ws-w-5 {
    width: 1.25rem
}

.ws-w-6 {
    width: 1.5rem
}

.ws-w-8 {
    width: 2rem
}

.ws-w-\[10rem\] {
    width: 10rem
}

.ws-w-\[15rem\] {
    width: 15rem
}

.ws-w-\[19\%\] {
    width: 19%
}

.ws-w-\[3\.7rem\] {
    width: 3.7rem
}

.ws-w-\[3rem\] {
    width: 3rem
}

.ws-w-\[5\.4rem\] {
    width: 5.4rem
}

.ws-w-\[50\%\] {
    width: 50%
}

.ws-w-\[55px\] {
    width: 55px
}

.ws-w-\[6rem\] {
    width: 6rem
}

.ws-w-\[70\%\] {
    width: 70%
}

.ws-w-\[80\%\] {
    width: 80%
}

.ws-w-\[90\%\] {
    width: 90%
}

.ws-w-full {
    width: 100%
}

.ws-min-w-\[5rem\] {
    min-width: 5rem
}

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

.ws-max-w-4xl {
    max-width: 56rem
}

.ws-max-w-5xl {
    max-width: 64rem
}

.ws-max-w-6xl {
    max-width: 72rem
}

.ws-max-w-7xl {
    max-width: 80rem
}

.ws-max-w-md {
    max-width: 28rem
}

.ws-max-w-sm {
    max-width: 24rem
}

.ws-max-w-xl {
    max-width: 36rem
}

.ws-flex-1 {
    flex: 1 1 0%
}

.ws-cursor-default {
    cursor: default
}

.ws-cursor-not-allowed {
    cursor: not-allowed
}

.ws-cursor-pointer {
    cursor: pointer
}

.ws-select-none {
    -webkit-user-select: none;
    user-select: none
}

.ws-select-all {
    -webkit-user-select: all;
    user-select: all
}

.ws-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr))
}

.ws-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr))
}

.ws-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.ws-flex-col {
    flex-direction: column
}

.ws-items-start {
    align-items: flex-start
}

.ws-items-center {
    align-items: center
}

.ws-justify-end {
    justify-content: flex-end
}

.ws-justify-center {
    justify-content: center
}

.ws-justify-between {
    justify-content: space-between
}

.ws-gap-0 {
    gap: 0
}

.ws-gap-1 {
    gap: .25rem
}

.ws-gap-2 {
    gap: .5rem
}

.ws-gap-3 {
    gap: .75rem
}

.ws-gap-4 {
    gap: 1rem
}

.ws-gap-5 {
    gap: 1.25rem
}

.ws-gap-6 {
    gap: 1.5rem
}

.ws-gap-x-2 {
    column-gap: .5rem
}

.ws-gap-x-3 {
    column-gap: .75rem
}

.ws-gap-x-4 {
    column-gap: 1rem
}

.ws-gap-x-6 {
    column-gap: 1.5rem
}

.ws-gap-y-2 {
    row-gap: .5rem
}

.ws-gap-y-4 {
    row-gap: 1rem
}

.ws-overflow-auto {
    overflow: auto
}

.ws-overflow-hidden {
    overflow: hidden
}

.ws-overflow-x-auto {
    overflow-x: auto
}

.ws-truncate {
    overflow: hidden;
    text-overflow: ellipsis
}

.ws-truncate,
.ws-whitespace-nowrap {
    white-space: nowrap
}

.\!ws-rounded-lg {
    border-radius: .5rem !important
}

.\!ws-rounded-none {
    border-radius: 0 !important
}

.ws-rounded {
    border-radius: .25rem
}

.ws-rounded-full {
    border-radius: 9999px
}

.ws-rounded-lg {
    border-radius: .5rem
}

.ws-rounded-none {
    border-radius: 0
}

.ws-rounded-b {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.ws-rounded-b-lg {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.ws-rounded-r {
    border-bottom-right-radius: .25rem
}

.ws-rounded-r,
.ws-rounded-t {
    border-top-right-radius: .25rem
}

.ws-rounded-t {
    border-top-left-radius: .25rem
}

.ws-rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.ws-rounded-t-sm {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem
}

.ws-border {
    border-width: 1px
}

.ws-border-2 {
    border-width: 2px
}

.ws-border-b {
    border-bottom-width: 1px
}

.ws-border-l {
    border-left-width: 1px
}

.ws-border-r {
    border-right-width: 1px
}

.ws-border-t {
    border-top-width: 1px
}

.ws-border-dashed {
    border-style: dashed
}

.ws-border-gray-100 {
    --tw-border-opacity: 1;
    border-color: #f1f5f9;
    border-color: rgb(241 245 249/var(--tw-border-opacity))
}

.ws-border-gray-200 {
    --tw-border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgb(226 232 240/var(--tw-border-opacity))
}

.ws-border-gray-300 {
    --tw-border-opacity: 1;
    border-color: #cbd5e1;
    border-color: rgb(203 213 225/var(--tw-border-opacity))
}

.ws-border-pink-700 {
    --tw-border-opacity: 1;
    border-color: #be185d;
    border-color: rgb(190 24 93/var(--tw-border-opacity))
}

.ws-border-red-300 {
    --tw-border-opacity: 1;
    border-color: #fca5a5;
    border-color: #fca5a5
}

.ws-border-red-500,
.ws-border-red-500-2,
.ws-border-red-500-3 {
    --tw-border-opacity: 1;
    border-color: #ea2424;
}

.ws-border-red-600 {
    --tw-border-opacity: 1;
    border-color: #dc2626;
    border-color: #dc2626;
}

.ws-border-white {
    --tw-border-opacity: 1;
    border-color: #fff;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.ws-border-zinc-100 {
    --tw-border-opacity: 1;
    border-color: #f4f4f5;
    border-color: rgb(244 244 245/var(--tw-border-opacity))
}

.ws-border-zinc-200 {
    --tw-border-opacity: 1;
    border-color: #e4e4e7;
    border-color: rgb(228 228 231/var(--tw-border-opacity))
}

.ws-border-zinc-600 {
    --tw-border-opacity: 1;
    border-color: #52525b;
    border-color: rgb(82 82 91/var(--tw-border-opacity))
}

.ws-border-zinc-800 {
    --tw-border-opacity: 1;
    border-color: #27272a;
    border-color: rgb(39 39 42/var(--tw-border-opacity))
}

.\!ws-bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important
}

.ws-bg-black {
    --tw-bg-opacity: 1;
    background-color: #000;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.ws-bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: #3b82f6;
    background-color: rgb(59 130 246/var(--tw-bg-opacity))
}

.ws-bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: #2563eb;
    background-color: rgb(37 99 235/var(--tw-bg-opacity))
}

.ws-bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: #f1f5f9;
    background-color: rgb(241 245 249/var(--tw-bg-opacity))
}

.ws-bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: #22c55e;
    background-color: rgb(34 197 94/var(--tw-bg-opacity))
}

.ws-bg-orange-500 {
    --tw-bg-opacity: 1;
    background-color: #f97316;
    background-color: rgb(249 115 22/var(--tw-bg-opacity))
}

.ws-bg-pink-700 {
    --tw-bg-opacity: 1;
    background-color: #be185d;
    background-color: rgb(190 24 93/var(--tw-bg-opacity))
}

.ws-bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: #fef2f2;
    background-color: #fef2f2
}

.ws-bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: #ea2424;
}

.ws-bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: #dc2626;
    background-color: #dc2626;
}

.ws-bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: #b91c1c;
    background-color: #b91c1c;
}

.ws-bg-white {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.ws-bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: #fef9c3;
    background-color: rgb(254 249 195/var(--tw-bg-opacity))
}

.ws-bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: #fde047;
    background-color: rgb(253 224 71/var(--tw-bg-opacity))
}

.ws-bg-zinc-100 {
    --tw-bg-opacity: 1;
    background-color: #f4f4f5;
    background-color: rgb(244 244 245/var(--tw-bg-opacity))
}

.ws-bg-zinc-50 {
    --tw-bg-opacity: 1;
    background-color: #fafafa;
    background-color: rgb(250 250 250/var(--tw-bg-opacity))
}

.ws-bg-zinc-800 {
    --tw-bg-opacity: 1;
    background-color: #27272a;
    background-color: rgb(39 39 42/var(--tw-bg-opacity))
}

.ws-bg-zinc-900 {
    --tw-bg-opacity: 1;
    background-color: #18181b;
    background-color: rgb(24 24 27/var(--tw-bg-opacity))
}

.ws-bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops))
}

.ws-bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.ws-from-pink-500 {
    --tw-gradient-from: #ec4899 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(236, 72, 153, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.ws-from-red-500 {
    --tw-gradient-from: #ea2424 var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.ws-to-pink-500 {
    --tw-gradient-to: #ec4899 var(--tw-gradient-to-position)
}

.ws-to-red-500 {
    --tw-gradient-to: #fef2f2 var(--tw-gradient-to-position)
}

.ws-to-red-600 {
    --tw-gradient-to: #dc2626 var(--tw-gradient-to-position)
}

.ws-bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.ws-bg-no-repeat {
    background-repeat: no-repeat
}

.ws-stroke-red-500 {
    stroke: #ea2424;
}

.ws-object-fill {
    object-fit: fill
}

.ws-object-center {
    object-position: center
}

.ws-p-1 {
    padding: .25rem
}

.ws-p-2 {
    padding: .5rem
}

.ws-p-3 {
    padding: .75rem
}

.ws-px-0 {
    padding-left: 0;
    padding-right: 0
}

.ws-px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.ws-px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.ws-px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.ws-px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.ws-px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.ws-px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.ws-px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.ws-px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.ws-px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem
}

.ws-py-0 {
    padding-bottom: 0;
    padding-top: 0
}

.ws-py-0\.5 {
    padding-bottom: .125rem;
    padding-top: .125rem
}

.ws-py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.ws-py-1\.5 {
    padding-bottom: .375rem;
    padding-top: .375rem
}

.ws-py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
}

.ws-py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.ws-py-2\.5 {
    padding-bottom: .625rem;
    padding-top: .625rem
}

.ws-py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.ws-py-3\.5 {
    padding-bottom: .875rem;
    padding-top: .875rem
}

.ws-py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.ws-py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.ws-py-\[10rem\] {
    padding-bottom: 10rem;
    padding-top: 10rem
}

.ws-pb-0 {
    padding-bottom: 0
}

.ws-pb-0\.5 {
    padding-bottom: .125rem
}

.ws-pb-1 {
    padding-bottom: .25rem
}

.ws-pb-12 {
    padding-bottom: 3rem
}

.ws-pb-2 {
    padding-bottom: .5rem
}

.ws-pb-3 {
    padding-bottom: .75rem
}

.ws-pb-4 {
    padding-bottom: 1rem
}

.ws-pb-8 {
    padding-bottom: 2rem
}

.ws-pl-4 {
    padding-left: 1rem
}

.ws-pl-6 {
    padding-left: 1.5rem
}

.ws-pl-8 {
    padding-left: 2rem
}

.ws-pr-2 {
    padding-right: .5rem
}

.ws-pr-\[5rem\] {
    padding-right: 5rem
}

.ws-pt-1 {
    padding-top: .25rem
}

.ws-pt-1\.5 {
    padding-top: .375rem
}

.ws-pt-14 {
    padding-top: 3.5rem
}

.ws-pt-2 {
    padding-top: .5rem
}

.ws-pt-3 {
    padding-top: .75rem
}

.ws-text-left {
    text-align: left
}

.ws-text-center {
    text-align: center
}

.ws-text-right {
    text-align: right
}

.ws-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.ws-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.ws-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.ws-text-\[10px\] {
    font-size: 10px
}

.ws-text-\[12px\] {
    font-size: 12px
}

.ws-text-\[16px\] {
    font-size: 16px
}

.ws-text-\[3rem\] {
    font-size: 3rem
}

.ws-text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.ws-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.ws-text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.ws-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.ws-text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.ws-font-bold {
    font-weight: 700
}

.ws-font-extrabold {
    font-weight: 800
}

.ws-font-light {
    font-weight: 300
}

.ws-font-semibold {
    font-weight: 600
}

.ws-uppercase {
    text-transform: uppercase
}

.ws-capitalize {
    text-transform: capitalize
}

.ws-leading-5 {
    line-height: 1.25rem
}

.ws-leading-6 {
    line-height: 1.5rem
}

.ws-leading-7 {
    line-height: 1.75rem
}

.ws-leading-8 {
    line-height: 2rem
}

.ws-text-black {
    --tw-text-opacity: 1;
    color: #000;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.ws-text-blue-600 {
    --tw-text-opacity: 1;
    color: #2563eb;
    color: rgb(37 99 235/var(--tw-text-opacity))
}

.ws-text-gray-500 {
    --tw-text-opacity: 1;
    color: #64748b;
    color: rgb(100 116 139/var(--tw-text-opacity))
}

.ws-text-gray-600 {
    --tw-text-opacity: 1;
    color: #475569;
    color: rgb(71 85 105/var(--tw-text-opacity))
}

.ws-text-gray-900 {
    --tw-text-opacity: 1;
    color: #0f172a;
    color: rgb(15 23 42/var(--tw-text-opacity))
}

.ws-text-green-500 {
    --tw-text-opacity: 1;
    color: #22c55e;
    color: rgb(34 197 94/var(--tw-text-opacity))
}

.ws-text-green-600 {
    --tw-text-opacity: 1;
    color: #16a34a;
    color: rgb(22 163 74/var(--tw-text-opacity))
}

.ws-text-pink-700 {
    --tw-text-opacity: 1;
    color: #be185d;
    color: rgb(190 24 93/var(--tw-text-opacity))
}

.ws-text-red-500 {
    --tw-text-opacity: 1;
    color: #ea2424;
}

.ws-text-red-600 {
    --tw-text-opacity: 1;
    color: #dc2626;
}

.ws-text-red-700 {
    --tw-text-opacity: 1;
    color: #b91c1c;
    color: #b91c1c;
}

.ws-text-transparent {
    color: transparent
}

.ws-text-white {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.ws-text-yellow-400 {
    --tw-text-opacity: 1;
    color: #facc15;
    color: rgb(250 204 21/var(--tw-text-opacity))
}

.ws-text-zinc-300 {
    --tw-text-opacity: 1;
    color: #d4d4d8;
    color: rgb(212 212 216/var(--tw-text-opacity))
}

.ws-text-zinc-400 {
    --tw-text-opacity: 1;
    color: #a1a1aa;
    color: rgb(161 161 170/var(--tw-text-opacity))
}

.ws-text-zinc-500 {
    --tw-text-opacity: 1;
    color: #71717a;
    color: rgb(113 113 122/var(--tw-text-opacity))
}

.ws-text-zinc-600 {
    --tw-text-opacity: 1;
    color: #52525b;
    color: rgb(82 82 91/var(--tw-text-opacity))
}

.ws-text-zinc-700 {
    --tw-text-opacity: 1;
    color: #3f3f46;
    color: rgb(63 63 70/var(--tw-text-opacity))
}

.ws-text-zinc-800 {
    --tw-text-opacity: 1;
    color: #27272a;
    color: rgb(39 39 42/var(--tw-text-opacity))
}

.ws-text-zinc-900 {
    --tw-text-opacity: 1;
    color: #18181b;
    color: rgb(24 24 27/var(--tw-text-opacity))
}

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

.ws-placeholder-gray-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: #1e293b;
    color: rgb(30 41 59/var(--tw-placeholder-opacity))
}

.ws-opacity-25 {
    opacity: .25
}

.ws-shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.ws-duration-300 {
    transition-duration: .3s
}

.ws-transition {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ws-transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ws-duration-200 {
    transition-duration: .2s
}

.\[og\:description\] {
    og: description
}

.\[og\:image\] {
    og: image
}

.\[og\:title\] {
    og: title
}

.\[og\:url\] {
    og: url
}

.\[twitter\:description\] {
    twitter: description
}

.\[twitter\:image\] {
    twitter: image
}

.\[twitter\:title\] {
    twitter: title
}

.hover\:ws-bg-pink-600:hover {
    --tw-bg-opacity: 1;
    background-color: #db2777;
    background-color: rgb(219 39 119/var(--tw-bg-opacity))
}

.hover\:ws-bg-red-500:hover {
    --tw-bg-opacity: 1;
    background-color: #ef4444;
    background-color: #ef4444;
}

.hover\:ws-bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.hover\:ws-bg-zinc-100:hover {
    --tw-bg-opacity: 1;
    background-color: #f4f4f5;
    background-color: rgb(244 244 245/var(--tw-bg-opacity))
}

.hover\:ws-bg-zinc-600:hover {
    --tw-bg-opacity: 1;
    background-color: #52525b;
    background-color: rgb(82 82 91/var(--tw-bg-opacity))
}

.hover\:ws-text-red-500:hover {
    --tw-text-opacity: 1;
    color: #ea2424;
}

.hover\:ws-shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:ws-shadow-sm:hover {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px #0000000d;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.focus\:ws-border-red-500-2:focus,
.focus\:ws-border-red-500:focus {
    --tw-border-opacity: 1;
    border-color: #ea2424;
}

.focus\:ws-placeholder-white:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-placeholder-opacity))
}

.focus\:ws-outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

@media (min-width:640px) {
    .sm\:ws-col-span-12 {
        grid-column: span 12/span 12
    }

    .sm\:ws-col-span-3 {
        grid-column: span 3/span 3
    }

    .sm\:ws--mx-6 {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .sm\:ws-px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media (min-width:768px) {
    .md\:ws-top-\[10px\] {
        top: 10px
    }

    .md\:ws-top-\[37\%\] {
        top: 37%
    }

    .md\:ws-col-span-12 {
        grid-column: span 12/span 12
    }

    .md\:ws-col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:ws-col-span-3 {
        grid-column: span 3/span 3
    }

    .md\:ws-col-span-4 {
        grid-column: span 4/span 4
    }

    .md\:ws-col-span-5 {
        grid-column: span 5/span 5
    }

    .md\:ws-col-span-6 {
        grid-column: span 6/span 6
    }

    .md\:ws-col-span-7 {
        grid-column: span 7/span 7
    }

    .md\:ws-col-span-8 {
        grid-column: span 8/span 8
    }

    .md\:ws-col-span-9 {
        grid-column: span 9/span 9
    }

    .md\:ws--mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md\:ws--mx-8 {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .md\:ws-mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md\:ws-mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .md\:ws-my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem
    }

    .md\:ws-mb-0 {
        margin-bottom: 0
    }

    .md\:ws-mr-4 {
        margin-right: 1rem
    }

    .md\:ws-mt-1 {
        margin-top: .25rem
    }

    .md\:ws-mt-\[4\%\] {
        margin-top: 4%
    }

    .md\:ws-block {
        display: block
    }

    .md\:ws-inline {
        display: inline
    }

    .md\:ws-flex {
        display: flex
    }

    .md\:ws-hidden {
        display: none
    }

    .md\:ws-h-32 {
        height: 8rem
    }

    .md\:ws-h-40 {
        height: 10rem
    }

    .md\:ws-h-56 {
        height: 14rem
    }

    .md\:ws-h-64 {
        height: 16rem
    }

    .md\:ws-h-\[11rem\] {
        height: 11rem
    }

    .md\:ws-h-\[85px\] {
        height: 85px
    }

    .md\:ws-h-\[8rem\] {
        height: 8rem
    }

    .md\:ws-h-\[9\.5rem\] {
        height: 9.5rem
    }

    .md\:ws-w-\[15\%\] {
        width: 15%
    }

    .md\:ws-w-\[20rem\] {
        width: 20rem
    }

    .md\:ws-w-\[70\%\] {
        width: 70%
    }

    .md\:ws-w-full {
        width: 100%
    }

    .md\:ws-max-w-6xl {
        max-width: 72rem
    }

    .md\:ws-max-w-\[70\%\] {
        max-width: 70%
    }

    .md\:ws-grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .md\:ws-items-start {
        align-items: flex-start
    }

    .md\:ws-justify-start {
        justify-content: flex-start
    }

    .md\:ws-justify-center {
        justify-content: center
    }

    .md\:ws-gap-2 {
        gap: .5rem
    }

    .md\:ws-gap-4 {
        gap: 1rem
    }

    .md\:ws-gap-5 {
        gap: 1.25rem
    }

    .md\:ws-rounded {
        border-radius: .25rem
    }

    .md\:ws-border-l {
        border-left-width: 1px
    }

    .md\:ws-border-r {
        border-right-width: 1px
    }

    .md\:ws-bg-transparent {
        background-color: transparent
    }

    .md\:ws-px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:ws-px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .md\:ws-px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .md\:ws-px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .md\:ws-px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .md\:ws-py-0 {
        padding-bottom: 0;
        padding-top: 0
    }

    .md\:ws-py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .md\:ws-py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .md\:ws-py-2\.5 {
        padding-bottom: .625rem;
        padding-top: .625rem
    }

    .md\:ws-py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }

    .md\:ws-py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .md\:ws-py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .md\:ws-py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem
    }

    .md\:ws-py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .md\:ws-pl-1 {
        padding-left: .25rem
    }

    .md\:ws-pl-6 {
        padding-left: 1.5rem
    }

    .md\:ws-pr-0 {
        padding-right: 0
    }

    .md\:ws-pt-20 {
        padding-top: 5rem
    }

    .md\:ws-text-\[4rem\] {
        font-size: 4rem
    }

    .md\:ws-text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:ws-text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .md\:ws-text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .md\:ws-text-xs {
        font-size: .75rem;
        line-height: 1rem
    }
}

@media (min-width:1024px) {
    .lg\:ws-right-\[2\%\] {
        right: 2%
    }

    .lg\:ws-col-span-2 {
        grid-column: span 2/span 2
    }

    .lg\:ws-col-span-3 {
        grid-column: span 3/span 3
    }

    .lg\:ws-col-span-6 {
        grid-column: span 6/span 6
    }

    .lg\:ws-col-span-7 {
        grid-column: span 7/span 7
    }

    .lg\:ws-col-span-9 {
        grid-column: span 9/span 9
    }

    .lg\:ws--mx-8 {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .lg\:ws-block {
        display: block
    }

    .lg\:ws-inline-block {
        display: inline-block
    }

    .lg\:\!ws-h-\[19\.3rem\] {
        height: 19.3rem !important
    }

    .lg\:ws-h-\[8\.4rem\] {
        height: 8.4rem
    }

    .lg\:ws-grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .lg\:ws-gap-3 {
        gap: .75rem
    }

    .lg\:ws-gap-5 {
        gap: 1.25rem
    }

    .lg\:ws-px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:ws-px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:ws-text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .lg\:ws-text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

/*! speedkit-font-faces start */
/*! speedkit-font-faces end */
:root {
    --el-color-primary-rgb: var(--primary-rgb);
    --el-color-success-rgb: 103, 194, 58;
    --el-color-warning-rgb: 230, 162, 60;
    --el-color-danger-rgb: 245, 108, 108;
    --el-color-error-rgb: 245, 108, 108;
    --el-color-info-rgb: 144, 147, 153;
    --el-font-size-extra-large: 20px;
    --el-font-size-large: 18px;
    --el-font-size-medium: 16px;
    --el-font-size-base: 14px;
    --el-font-size-small: 13px;
    --el-font-size-extra-small: 12px;
    --el-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    --el-font-weight-primary: 500;
    --el-font-line-height-primary: 24px;
    --el-index-normal: 1;
    --el-index-top: 1000;
    --el-index-popper: 2000;
    --el-border-radius-base: 4px;
    --el-border-radius-small: 2px;
    --el-border-radius-round: 20px;
    --el-border-radius-circle: 100%;
    --el-transition-duration: 0.3s;
    --el-transition-duration-fast: 0.2s;
    --el-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
    --el-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
    --el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
    --el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
    --el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
    --el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-component-size-large: 40px;
    --el-component-size: 32px;
    --el-component-size-small: 24px;
    --el-color-white: #fff;
    --el-color-black: #000;
    --el-color-primary: var(--primary-color);
    --el-color-primary-light-3: color-mix(in srgb, var(--primary-color) 70%, #fff);
    --el-color-primary-light-5: color-mix(in srgb, var(--primary-color) 50%, #fff);
    --el-color-primary-light-7: color-mix(in srgb, var(--primary-color) 30%, #fff);
    --el-color-primary-light-8: color-mix(in srgb, var(--primary-color) 20%, #fff);
    --el-color-primary-light-9: color-mix(in srgb, var(--primary-color) 10%, #fff);
    --el-color-primary-dark-2: color-mix(in srgb, var(--primary-color) 80%, #000);
    --el-color-success: #67c23a;
    --el-color-success-light-3: #95d475;
    --el-color-success-light-5: #b3e19d;
    --el-color-success-light-7: #d1edc4;
    --el-color-success-light-8: #e1f3d8;
    --el-color-success-light-9: #f0f9eb;
    --el-color-success-dark-2: #529b2e;
    --el-color-warning: #e6a23c;
    --el-color-warning-light-3: #eebe77;
    --el-color-warning-light-5: #f3d19e;
    --el-color-warning-light-7: #f8e3c5;
    --el-color-warning-light-8: #faecd8;
    --el-color-warning-light-9: #fdf6ec;
    --el-color-warning-dark-2: #b88230;
    --el-color-danger: #f56c6c;
    --el-color-danger-light-3: #f89898;
    --el-color-danger-light-5: #fab6b6;
    --el-color-danger-light-7: #fcd3d3;
    --el-color-danger-light-8: #fde2e2;
    --el-color-danger-light-9: #fef0f0;
    --el-color-danger-dark-2: #c45656;
    --el-color-error: #f56c6c;
    --el-color-error-light-3: #f89898;
    --el-color-error-light-5: #fab6b6;
    --el-color-error-light-7: #fcd3d3;
    --el-color-error-light-8: #fde2e2;
    --el-color-error-light-9: #fef0f0;
    --el-color-error-dark-2: #c45656;
    --el-color-info: #909399;
    --el-color-info-light-3: #b1b3b8;
    --el-color-info-light-5: #c8c9cc;
    --el-color-info-light-7: #dedfe0;
    --el-color-info-light-8: #e9e9eb;
    --el-color-info-light-9: #f4f4f5;
    --el-color-info-dark-2: #73767a;
    --el-bg-color: #fff;
    --el-bg-color-page: #f2f3f5;
    --el-bg-color-overlay: #fff;
    --el-text-color-primary: #303133;
    --el-text-color-regular: #606266;
    --el-text-color-secondary: #909399;
    --el-text-color-placeholder: #a8abb2;
    --el-text-color-disabled: #c0c4cc;
    --el-border-color: #dcdfe6;
    --el-border-color-light: #e4e7ed;
    --el-border-color-lighter: #ebeef5;
    --el-border-color-extra-light: #f2f6fc;
    --el-border-color-dark: #d4d7de;
    --el-border-color-darker: #cdd0d6;
    --el-fill-color: #f0f2f5;
    --el-fill-color-light: #f5f7fa;
    --el-fill-color-lighter: #fafafa;
    --el-fill-color-extra-light: #fafcff;
    --el-fill-color-dark: #ebedf0;
    --el-fill-color-darker: #e6e8eb;
    --el-fill-color-blank: #fff;
    --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);
    --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .12);
    --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12);
    --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16);
    --el-disabled-bg-color: var(--el-fill-color-light);
    --el-disabled-text-color: var(--el-text-color-placeholder);
    --el-disabled-border-color: var(--el-border-color-light);
    --el-overlay-color: rgba(0, 0, 0, .8);
    --el-overlay-color-light: rgba(0, 0, 0, .7);
    --el-overlay-color-lighter: rgba(0, 0, 0, .5);
    --el-mask-color: hsla(0, 0%, 100%, .9);
    --el-mask-color-extra-light: hsla(0, 0%, 100%, .3);
    --el-border-width: 1px;
    --el-border-style: solid;
    --el-border-color-hover: var(--el-text-color-disabled);
    --el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
    --el-svg-monochrome-grey: var(--el-border-color);
    color-scheme: light
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
    transition: opacity .2s linear
}

.el-fade-in-enter-active,
.el-fade-in-leave-active,
.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
    transition: all .3s cubic-bezier(.55, 0, .1, 1)
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active,
.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active,
.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.collapse-transition {
    transition: height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out
}

.el-collapse-transition-enter-active,
.el-collapse-transition-leave-active {
    transition: max-height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out
}

.horizontal-collapse-transition {
    transition: width .3s ease-in-out, padding-left .3s ease-in-out, padding-right .3s ease-in-out
}

.el-opacity-transition {
    transition: opacity .3s cubic-bezier(.55, 0, .1, 1)
}

.el-skeleton {
    --el-skeleton-circle-size: var(--el-avatar-size)
}

.el-skeleton__item {
    background: var(--el-skeleton-color);
    border-radius: var(--el-border-radius-base);
    display: inline-block;
    height: 16px;
    width: 100%
}

.el-skeleton__circle {
    border-radius: 50%;
    height: var(--el-skeleton-circle-size);
    line-height: var(--el-skeleton-circle-size);
    width: var(--el-skeleton-circle-size)
}

.el-skeleton__button {
    border-radius: 4px;
    height: 40px;
    width: 64px
}

.el-skeleton__p {
    width: 100%
}

.el-skeleton__p.is-last {
    width: 61%
}

.el-skeleton__p.is-first {
    width: 33%
}

.el-skeleton__text {
    height: var(--el-font-size-small);
    width: 100%
}

.el-skeleton__caption {
    height: var(--el-font-size-extra-small)
}

.el-skeleton__h1 {
    height: var(--el-font-size-extra-large)
}

.el-skeleton__h3 {
    height: var(--el-font-size-large)
}

.el-skeleton__h5 {
    height: var(--el-font-size-medium)
}

.el-skeleton__image {
    align-items: center;
    border-radius: 0;
    display: flex;
    justify-content: center;
    width: unset
}

.el-skeleton__image svg {
    color: var(--el-svg-monochrome-grey);
    fill: currentColor;
    height: 22%;
    width: 22%
}

.el-skeleton {
    --el-skeleton-color: var(--el-fill-color);
    --el-skeleton-to-color: var(--el-fill-color-darker)
}

@keyframes el-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.el-skeleton {
    width: 100%
}

.el-skeleton__first-line,
.el-skeleton__paragraph {
    background: var(--el-skeleton-color);
    height: 16px;
    margin-top: 16px
}

.el-skeleton.is-animated .el-skeleton__item {
    animation: el-skeleton-loading 1.4s ease infinite;
    background: linear-gradient(90deg, var(--el-skeleton-color) 25%, var(--el-skeleton-to-color) 37%, var(--el-skeleton-color) 63%);
    background-size: 400% 100%
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 2s;
    animation-fill-mode: none;
    animation-iteration-count: infinite;
    animation-name: pulse;
    animation-play-state: running;
    animation-timing-function: cubic-bezier(.4, 0, .6, 1)
}

.el-popper {
    --el-popper-border-radius: var(--el-popover-border-radius, 4px);
    word-wrap: break-word;
    border-radius: 4px;
    border-radius: var(--el-popper-border-radius);
    font-size: 12px;
    line-height: 20px;
    min-width: 10px;
    padding: 5px 11px;
    position: absolute;
    visibility: visible;
    z-index: 2000
}

.el-popper.is-dark {
    color: var(--el-bg-color)
}

.el-popper.is-dark,
.el-popper.is-dark .el-popper__arrow:before {
    background: var(--el-text-color-primary);
    border: 1px solid var(--el-text-color-primary)
}

.el-popper.is-dark .el-popper__arrow:before {
    right: 0
}

.el-popper.is-light,
.el-popper.is-light .el-popper__arrow:before {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-border-color-light)
}

.el-popper.is-light .el-popper__arrow:before {
    right: 0
}

.el-popper.is-pure {
    padding: 0
}

.el-popper__arrow,
.el-popper__arrow:before {
    height: 10px;
    position: absolute;
    width: 10px;
    z-index: -1
}

.el-popper__arrow:before {
    background: var(--el-text-color-primary);
    box-sizing: border-box;
    content: " ";
    transform: rotate(45deg)
}

.el-popper[data-popper-placement^=top]>.el-popper__arrow {
    bottom: -5px
}

.el-popper[data-popper-placement^=top]>.el-popper__arrow:before {
    border-bottom-right-radius: 2px
}

.el-popper[data-popper-placement^=bottom]>.el-popper__arrow {
    top: -5px
}

.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before {
    border-top-left-radius: 2px
}

.el-popper[data-popper-placement^=left]>.el-popper__arrow {
    right: -5px
}

.el-popper[data-popper-placement^=left]>.el-popper__arrow:before {
    border-top-right-radius: 2px
}

.el-popper[data-popper-placement^=right]>.el-popper__arrow {
    left: -5px
}

.el-popper[data-popper-placement^=right]>.el-popper__arrow:before {
    border-bottom-left-radius: 2px
}

.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-left-color: transparent !important;
    border-top-color: transparent !important
}

.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent !important;
    border-right-color: transparent !important
}

.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-bottom-color: transparent !important;
    border-left-color: transparent !important
}

.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
    border-right-color: transparent !important;
    border-top-color: transparent !important
}

.el-popover {
    --el-popover-bg-color: var(--el-bg-color-overlay);
    --el-popover-font-size: var(--el-font-size-base);
    --el-popover-border-color: var(--el-border-color-lighter);
    --el-popover-padding: 12px;
    --el-popover-padding-large: 18px 20px;
    --el-popover-title-font-size: 16px;
    --el-popover-title-text-color: var(--el-text-color-primary);
    --el-popover-border-radius: 4px
}

.el-popover.el-popper {
    background: var(--el-popover-bg-color);
    border: 1px solid var(--el-popover-border-color);
    border-radius: var(--el-popover-border-radius);
    box-shadow: var(--el-box-shadow-light);
    box-sizing: border-box;
    color: var(--el-text-color-regular);
    font-size: var(--el-popover-font-size);
    line-height: 1.4;
    min-width: 150px;
    padding: var(--el-popover-padding);
    text-align: justify;
    word-break: break-all;
    z-index: var(--el-index-popper)
}

.el-popover.el-popper--plain {
    padding: var(--el-popover-padding-large)
}

.el-popover__title {
    color: var(--el-popover-title-text-color);
    font-size: var(--el-popover-title-font-size);
    line-height: 1;
    margin-bottom: 12px
}

.el-popover__reference:focus:hover,
.el-popover__reference:focus:not(.focusing) {
    outline-width: 0
}

.el-popover.el-popper.is-dark {
    --el-popover-bg-color: var(--el-text-color-primary);
    --el-popover-border-color: var(--el-text-color-primary);
    --el-popover-title-text-color: var(--el-bg-color);
    color: var(--el-bg-color)
}

.el-popover.el-popper:focus,
.el-popover.el-popper:focus:active {
    outline-width: 0
}

.el-notification {
    --el-notification-width: 330px;
    --el-notification-padding: 14px 26px 14px 13px;
    --el-notification-radius: 8px;
    --el-notification-shadow: var(--el-box-shadow-light);
    --el-notification-border-color: var(--el-border-color-lighter);
    --el-notification-icon-size: 24px;
    --el-notification-close-font-size: var(--el-message-close-size, 16px);
    --el-notification-group-margin-left: 13px;
    --el-notification-group-margin-right: 8px;
    --el-notification-content-font-size: var(--el-font-size-base);
    --el-notification-content-color: var(--el-text-color-regular);
    --el-notification-title-font-size: 16px;
    --el-notification-title-color: var(--el-text-color-primary);
    --el-notification-close-color: var(--el-text-color-secondary);
    --el-notification-close-hover-color: var(--el-text-color-regular);
    background-color: var(--el-bg-color-overlay);
    border: 1px solid var(--el-notification-border-color);
    border-radius: var(--border-radius-primary);
    border-radius: var(--el-notification-radius);
    box-shadow: var(--el-box-shadow-light);
    box-shadow: var(--el-notification-shadow);
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
    overflow-wrap: anywhere;
    padding: 14px 26px 14px 13px;
    padding: var(--el-notification-padding);
    position: fixed;
    transition: opacity var(--el-transition-duration), transform var(--el-transition-duration), left var(--el-transition-duration), right var(--el-transition-duration), top .4s, bottom var(--el-transition-duration);
    width: 330px;
    width: var(--el-notification-width);
    z-index: 9999
}

.el-notification.right {
    right: 16px
}

.el-notification.left {
    left: 16px
}

.el-notification__group {
    margin-left: var(--el-notification-group-margin-left);
    margin-right: var(--el-notification-group-margin-right)
}

.el-notification__title {
    color: var(--el-notification-title-color);
    font-size: var(--el-notification-title-font-size);
    font-weight: 700;
    line-height: var(--el-notification-icon-size);
    margin: 0
}

.el-notification__content {
    color: var(--el-notification-content-color);
    font-size: var(--el-notification-content-font-size);
    line-height: 24px;
    margin: 6px 0 0;
    text-align: justify
}

.el-notification__content p {
    margin: 0
}

.el-notification .el-notification__icon {
    font-size: var(--el-notification-icon-size);
    height: var(--el-notification-icon-size);
    width: var(--el-notification-icon-size)
}

.el-notification .el-notification__closeBtn {
    color: var(--el-notification-close-color);
    cursor: pointer;
    font-size: var(--el-notification-close-font-size);
    position: absolute;
    right: 15px;
    top: 18px
}

.el-notification .el-notification__closeBtn:hover {
    color: var(--el-notification-close-hover-color)
}

.el-notification .el-notification--success {
    --el-notification-icon-color: var(--el-color-success);
    color: var(--el-color-success);
    color: var(--el-notification-icon-color)
}

.el-notification .el-notification--info {
    --el-notification-icon-color: var(--el-color-info);
    color: var(--el-color-info);
    color: var(--el-notification-icon-color)
}

.el-notification .el-notification--warning {
    --el-notification-icon-color: var(--el-color-warning);
    color: var(--el-color-warning);
    color: var(--el-notification-icon-color)
}

.el-notification .el-notification--error {
    --el-notification-icon-color: var(--el-color-error);
    color: var(--el-color-error);
    color: var(--el-notification-icon-color)
}

.el-notification-fade-enter-from.right {
    right: 0;
    transform: translate(100%)
}

.el-notification-fade-enter-from.left {
    left: 0;
    transform: translate(-100%)
}

.el-notification-fade-enter {
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity .3s ease, transform .3s ease
}

.el-notification-fade-enter-active,
.el-notification-fade-leave {
    opacity: 1;
    transform: translateY(0)
}

.el-notification-fade-leave {
    transition: opacity .3s ease, transform .3s ease
}

.el-notification-fade-leave-active {
    opacity: 0;
    transform: translateY(-10px)
}

.el-notification-fade-leave-to {
    opacity: 0
}

@font-face {
    font-family: boxicons;
    font-style: normal;
    font-weight: 400;
    src: url(boxicons.e6c956eb.eot);
    src: url(boxicons.e6c956eb.eot) format("embedded-opentype"), url(boxicons.dec58953.woff2) format("woff2"), url(boxicons.5ba91d51.woff) format("woff"), url(boxicons.38a9542a.ttf) format("truetype"), url(boxicons.2afb94d9.svg?#boxicons) format("svg")
}

.bx {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: boxicons !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-rendering: auto;
    text-transform: none
}

.bx-ul {
    list-style: none;
    margin-left: 2em;
    padding-left: 0
}

.bx-ul>li {
    position: relative
}

.bx-ul .bx {
    font-size: inherit;
    left: -2em;
    line-height: inherit;
    position: absolute;
    text-align: center;
    width: 2em
}

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

    90% {
        opacity: 0;
        transform: scale(1.5)
    }
}

@keyframes flashing {
    0% {
        opacity: 1
    }

    45% {
        opacity: 0
    }

    90% {
        opacity: 1
    }
}

@keyframes fade-left {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    75% {
        opacity: 0;
        transform: translate(-20px)
    }
}

@keyframes fade-right {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    75% {
        opacity: 0;
        transform: translate(20px)
    }
}

@keyframes fade-up {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    75% {
        opacity: 0;
        transform: translateY(-20px)
    }
}

@keyframes fade-down {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    75% {
        opacity: 0;
        transform: translateY(20px)
    }
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,
    20% {
        transform: scale3d(.95, .95, .95) rotate(-10deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scaleX(1) rotate(10deg)
    }

    40%,
    60%,
    80% {
        transform: rotate(-10deg)
    }

    to {
        transform: scaleX(1)
    }
}

.bx-spin,
.bx-spin-hover:hover {
    animation: spin 2s linear infinite
}

.bx-tada,
.bx-tada-hover:hover {
    animation: tada 1.5s ease infinite
}

.bx-flashing,
.bx-flashing-hover:hover {
    animation: flashing 1.5s linear infinite
}

.bx-burst,
.bx-burst-hover:hover {
    animation: burst 1.5s linear infinite
}

.bx-fade-up,
.bx-fade-up-hover:hover {
    animation: fade-up 1.5s linear infinite
}

.bx-fade-down,
.bx-fade-down-hover:hover {
    animation: fade-down 1.5s linear infinite
}

.bx-fade-left,
.bx-fade-left-hover:hover {
    animation: fade-left 1.5s linear infinite
}

.bx-fade-right,
.bx-fade-right-hover:hover {
    animation: fade-right 1.5s linear infinite
}

.bx-xs {
    font-size: 1rem !important
}

.bx-sm {
    font-size: 1.55rem !important
}

.bx-md {
    font-size: 2.25rem !important
}

.bx-lg {
    font-size: 3rem !important
}

.bx-fw {
    font-size: 1.2857142857em;
    height: .8em;
    line-height: .8em;
    margin-top: -.2em !important;
    vertical-align: middle;
    width: 1.2857142857em
}

.bx-pull-left {
    float: left;
    margin-right: .3em !important
}

.bx-pull-right {
    float: right;
    margin-left: .3em !important
}

.bx-rotate-90 {
    transform: rotate(90deg)
}

.bx-rotate-180 {
    transform: rotate(180deg)
}

.bx-rotate-270 {
    transform: rotate(270deg)
}

.bx-flip-horizontal {
    transform: scaleX(-1)
}

.bx-flip-vertical {
    transform: scaleY(-1)
}

.bx-border {
    border: .07em solid rgba(0, 0, 0, .1);
    border-radius: .25em;
    padding: .25em
}

.bx-border-circle {
    border: .07em solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    padding: .25em
}

.bxl-meta:before {
    content: ""
}

.bx-lemon:before {
    content: ""
}

.bxs-lemon:before {
    content: ""
}

.bx-cricket-ball:before {
    content: ""
}

.bx-baguette:before {
    content: ""
}

.bx-bowl-hot:before {
    content: ""
}

.bx-bowl-rice:before {
    content: ""
}

.bx-cable-car:before {
    content: ""
}

.bx-candles:before {
    content: ""
}

.bx-circle-half:before {
    content: ""
}

.bx-circle-quarter:before {
    content: ""
}

.bx-circle-three-quarter:before {
    content: ""
}

.bx-cross:before {
    content: ""
}

.bx-fork:before {
    content: ""
}

.bx-knife:before {
    content: ""
}

.bx-money-withdraw:before {
    content: ""
}

.bx-popsicle:before {
    content: ""
}

.bx-scatter-chart:before {
    content: ""
}

.bxs-baguette:before {
    content: ""
}

.bxs-bowl-hot:before {
    content: ""
}

.bxs-bowl-rice:before {
    content: ""
}

.bxs-cable-car:before {
    content: ""
}

.bxs-circle-half:before {
    content: ""
}

.bxs-circle-quarter:before {
    content: ""
}

.bxs-circle-three-quarter:before {
    content: ""
}

.bxs-cricket-ball:before {
    content: ""
}

.bxs-invader:before {
    content: ""
}

.bx-male-female:before {
    content: ""
}

.bxs-popsicle:before {
    content: ""
}

.bxs-tree-alt:before {
    content: ""
}

.bxl-venmo:before {
    content: ""
}

.bxl-upwork:before {
    content: ""
}

.bxl-netlify:before {
    content: ""
}

.bxl-java:before {
    content: ""
}

.bxl-heroku:before {
    content: ""
}

.bxl-go-lang:before {
    content: ""
}

.bxl-gmail:before {
    content: ""
}

.bxl-flask:before {
    content: ""
}

.bxl-99designs:before {
    content: ""
}

.bxl-500px:before {
    content: ""
}

.bxl-adobe:before {
    content: ""
}

.bxl-airbnb:before {
    content: ""
}

.bxl-algolia:before {
    content: ""
}

.bxl-amazon:before {
    content: ""
}

.bxl-android:before {
    content: ""
}

.bxl-angular:before {
    content: ""
}

.bxl-apple:before {
    content: ""
}

.bxl-audible:before {
    content: ""
}

.bxl-aws:before {
    content: ""
}

.bxl-baidu:before {
    content: ""
}

.bxl-behance:before {
    content: ""
}

.bxl-bing:before {
    content: ""
}

.bxl-bitcoin:before {
    content: ""
}

.bxl-blender:before {
    content: ""
}

.bxl-blogger:before {
    content: ""
}

.bxl-bootstrap:before {
    content: ""
}

.bxl-chrome:before {
    content: ""
}

.bxl-codepen:before {
    content: ""
}

.bxl-c-plus-plus:before {
    content: ""
}

.bxl-creative-commons:before {
    content: ""
}

.bxl-css3:before {
    content: ""
}

.bxl-dailymotion:before {
    content: ""
}

.bxl-deviantart:before {
    content: ""
}

.bxl-dev-to:before {
    content: ""
}

.bxl-digg:before {
    content: ""
}

.bxl-digitalocean:before {
    content: ""
}

.bxl-discord:before {
    content: ""
}

.bxl-discord-alt:before {
    content: ""
}

.bxl-discourse:before {
    content: ""
}

.bxl-django:before {
    content: ""
}

.bxl-docker:before {
    content: ""
}

.bxl-dribbble:before {
    content: ""
}

.bxl-dropbox:before {
    content: ""
}

.bxl-drupal:before {
    content: ""
}

.bxl-ebay:before {
    content: ""
}

.bxl-edge:before {
    content: ""
}

.bxl-etsy:before {
    content: ""
}

.bxl-facebook:before {
    content: ""
}

.bxl-facebook-circle:before {
    content: ""
}

.bxl-facebook-square:before {
    content: ""
}

.bxl-figma:before {
    content: ""
}

.bxl-firebase:before {
    content: ""
}

.bxl-firefox:before {
    content: ""
}

.bxl-flickr:before {
    content: ""
}

.bxl-flickr-square:before {
    content: ""
}

.bxl-flutter:before {
    content: ""
}

.bxl-foursquare:before {
    content: ""
}

.bxl-git:before {
    content: ""
}

.bxl-github:before {
    content: ""
}

.bxl-gitlab:before {
    content: ""
}

.bxl-google:before {
    content: ""
}

.bxl-google-cloud:before {
    content: ""
}

.bxl-google-plus:before {
    content: ""
}

.bxl-google-plus-circle:before {
    content: ""
}

.bxl-html5:before {
    content: ""
}

.bxl-imdb:before {
    content: ""
}

.bxl-instagram:before {
    content: ""
}

.bxl-instagram-alt:before {
    content: ""
}

.bxl-internet-explorer:before {
    content: ""
}

.bxl-invision:before {
    content: ""
}

.bxl-javascript:before {
    content: ""
}

.bxl-joomla:before {
    content: ""
}

.bxl-jquery:before {
    content: ""
}

.bxl-jsfiddle:before {
    content: ""
}

.bxl-kickstarter:before {
    content: ""
}

.bxl-kubernetes:before {
    content: ""
}

.bxl-less:before {
    content: ""
}

.bxl-linkedin:before {
    content: ""
}

.bxl-linkedin-square:before {
    content: ""
}

.bxl-magento:before {
    content: ""
}

.bxl-mailchimp:before {
    content: ""
}

.bxl-markdown:before {
    content: ""
}

.bxl-mastercard:before {
    content: ""
}

.bxl-mastodon:before {
    content: ""
}

.bxl-medium:before {
    content: ""
}

.bxl-medium-old:before {
    content: ""
}

.bxl-medium-square:before {
    content: ""
}

.bxl-messenger:before {
    content: ""
}

.bxl-microsoft:before {
    content: ""
}

.bxl-microsoft-teams:before {
    content: ""
}

.bxl-nodejs:before {
    content: ""
}

.bxl-ok-ru:before {
    content: ""
}

.bxl-opera:before {
    content: ""
}

.bxl-patreon:before {
    content: ""
}

.bxl-paypal:before {
    content: ""
}

.bxl-periscope:before {
    content: ""
}

.bxl-php:before {
    content: ""
}

.bxl-pinterest:before {
    content: ""
}

.bxl-pinterest-alt:before {
    content: ""
}

.bxl-play-store:before {
    content: ""
}

.bxl-pocket:before {
    content: ""
}

.bxl-product-hunt:before {
    content: ""
}

.bxl-python:before {
    content: ""
}

.bxl-quora:before {
    content: ""
}

.bxl-react:before {
    content: ""
}

.bxl-redbubble:before {
    content: ""
}

.bxl-reddit:before {
    content: ""
}

.bxl-redux:before {
    content: ""
}

.bxl-sass:before {
    content: ""
}

.bxl-shopify:before {
    content: ""
}

.bxl-sketch:before {
    content: ""
}

.bxl-skype:before {
    content: ""
}

.bxl-slack:before {
    content: ""
}

.bxl-slack-old:before {
    content: ""
}

.bxl-snapchat:before {
    content: ""
}

.bxl-soundcloud:before {
    content: ""
}

.bxl-spotify:before {
    content: ""
}

.bxl-spring-boot:before {
    content: ""
}

.bxl-squarespace:before {
    content: ""
}

.bxl-stack-overflow:before {
    content: ""
}

.bxl-steam:before {
    content: ""
}

.bxl-stripe:before {
    content: ""
}

.bxl-tailwind-css:before {
    content: ""
}

.bxl-telegram:before {
    content: ""
}

.bxl-tiktok:before {
    content: ""
}

.bxl-trello:before {
    content: ""
}

.bxl-trip-advisor:before {
    content: ""
}

.bxl-tumblr:before {
    content: ""
}

.bxl-tux:before {
    content: ""
}

.bxl-twitch:before {
    content: ""
}

.bxl-twitter:before {
    content: ""
}

.bxl-unity:before {
    content: ""
}

.bxl-unsplash:before {
    content: ""
}

.bxl-vimeo:before {
    content: ""
}

.bxl-visa:before {
    content: ""
}

.bxl-visual-studio:before {
    content: ""
}

.bxl-vk:before {
    content: ""
}

.bxl-vuejs:before {
    content: ""
}

.bxl-whatsapp:before {
    content: ""
}

.bxl-whatsapp-square:before {
    content: ""
}

.bxl-wikipedia:before {
    content: ""
}

.bxl-windows:before {
    content: ""
}

.bxl-wix:before {
    content: ""
}

.bxl-wordpress:before {
    content: ""
}

.bxl-yahoo:before {
    content: ""
}

.bxl-yelp:before {
    content: ""
}

.bxl-youtube:before {
    content: ""
}

.bxl-zoom:before {
    content: ""
}

.bx-collapse-alt:before {
    content: ""
}

.bx-collapse-horizontal:before {
    content: ""
}

.bx-collapse-vertical:before {
    content: ""
}

.bx-expand-horizontal:before {
    content: ""
}

.bx-expand-vertical:before {
    content: ""
}

.bx-injection:before {
    content: ""
}

.bx-leaf:before {
    content: ""
}

.bx-math:before {
    content: ""
}

.bx-party:before {
    content: ""
}

.bx-abacus:before {
    content: ""
}

.bx-accessibility:before {
    content: ""
}

.bx-add-to-queue:before {
    content: ""
}

.bx-adjust:before {
    content: ""
}

.bx-alarm:before {
    content: ""
}

.bx-alarm-add:before {
    content: ""
}

.bx-alarm-exclamation:before {
    content: ""
}

.bx-alarm-off:before {
    content: ""
}

.bx-alarm-snooze:before {
    content: ""
}

.bx-album:before {
    content: ""
}

.bx-align-justify:before {
    content: ""
}

.bx-align-left:before {
    content: ""
}

.bx-align-middle:before {
    content: ""
}

.bx-align-right:before {
    content: ""
}

.bx-analyse:before {
    content: ""
}

.bx-anchor:before {
    content: ""
}

.bx-angry:before {
    content: ""
}

.bx-aperture:before {
    content: ""
}

.bx-arch:before {
    content: ""
}

.bx-archive:before {
    content: ""
}

.bx-archive-in:before {
    content: ""
}

.bx-archive-out:before {
    content: ""
}

.bx-area:before {
    content: ""
}

.bx-arrow-back:before {
    content: ""
}

.bx-arrow-from-bottom:before {
    content: ""
}

.bx-arrow-from-left:before {
    content: ""
}

.bx-arrow-from-right:before {
    content: ""
}

.bx-arrow-from-top:before {
    content: ""
}

.bx-arrow-to-bottom:before {
    content: ""
}

.bx-arrow-to-left:before {
    content: ""
}

.bx-arrow-to-right:before {
    content: ""
}

.bx-arrow-to-top:before {
    content: ""
}

.bx-at:before {
    content: ""
}

.bx-atom:before {
    content: ""
}

.bx-award:before {
    content: ""
}

.bx-badge:before {
    content: ""
}

.bx-badge-check:before {
    content: ""
}

.bx-ball:before {
    content: ""
}

.bx-band-aid:before {
    content: ""
}

.bx-bar-chart:before {
    content: ""
}

.bx-bar-chart-alt:before {
    content: ""
}

.bx-bar-chart-alt-2:before {
    content: ""
}

.bx-bar-chart-square:before {
    content: ""
}

.bx-barcode:before {
    content: ""
}

.bx-barcode-reader:before {
    content: ""
}

.bx-baseball:before {
    content: ""
}

.bx-basket:before {
    content: ""
}

.bx-basketball:before {
    content: ""
}

.bx-bath:before {
    content: ""
}

.bx-battery:before {
    content: ""
}

.bx-bed:before {
    content: ""
}

.bx-been-here:before {
    content: ""
}

.bx-beer:before {
    content: ""
}

.bx-bell:before {
    content: ""
}

.bx-bell-minus:before {
    content: ""
}

.bx-bell-off:before {
    content: ""
}

.bx-bell-plus:before {
    content: ""
}

.bx-bible:before {
    content: ""
}

.bx-bitcoin:before {
    content: ""
}

.bx-blanket:before {
    content: ""
}

.bx-block:before {
    content: ""
}

.bx-bluetooth:before {
    content: ""
}

.bx-body:before {
    content: ""
}

.bx-bold:before {
    content: ""
}

.bx-bolt-circle:before {
    content: ""
}

.bx-bomb:before {
    content: ""
}

.bx-bone:before {
    content: ""
}

.bx-bong:before {
    content: ""
}

.bx-book:before {
    content: ""
}

.bx-book-add:before {
    content: ""
}

.bx-book-alt:before {
    content: ""
}

.bx-book-bookmark:before {
    content: ""
}

.bx-book-content:before {
    content: ""
}

.bx-book-heart:before {
    content: ""
}

.bx-bookmark:before {
    content: ""
}

.bx-bookmark-alt:before {
    content: ""
}

.bx-bookmark-alt-minus:before {
    content: ""
}

.bx-bookmark-alt-plus:before {
    content: ""
}

.bx-bookmark-heart:before {
    content: ""
}

.bx-bookmark-minus:before {
    content: ""
}

.bx-bookmark-plus:before {
    content: ""
}

.bx-bookmarks:before {
    content: ""
}

.bx-book-open:before {
    content: ""
}

.bx-book-reader:before {
    content: ""
}

.bx-border-all:before {
    content: ""
}

.bx-border-bottom:before {
    content: ""
}

.bx-border-inner:before {
    content: ""
}

.bx-border-left:before {
    content: ""
}

.bx-border-none:before {
    content: ""
}

.bx-border-outer:before {
    content: ""
}

.bx-border-radius:before {
    content: ""
}

.bx-border-right:before {
    content: ""
}

.bx-border-top:before {
    content: ""
}

.bx-bot:before {
    content: ""
}

.bx-bowling-ball:before {
    content: ""
}

.bx-box:before {
    content: ""
}

.bx-bracket:before {
    content: ""
}

.bx-braille:before {
    content: ""
}

.bx-brain:before {
    content: ""
}

.bx-briefcase:before {
    content: ""
}

.bx-briefcase-alt:before {
    content: ""
}

.bx-briefcase-alt-2:before {
    content: ""
}

.bx-brightness:before {
    content: ""
}

.bx-brightness-half:before {
    content: ""
}

.bx-broadcast:before {
    content: ""
}

.bx-brush:before {
    content: ""
}

.bx-brush-alt:before {
    content: ""
}

.bx-bug:before {
    content: ""
}

.bx-bug-alt:before {
    content: ""
}

.bx-building:before {
    content: ""
}

.bx-building-house:before {
    content: ""
}

.bx-buildings:before {
    content: ""
}

.bx-bulb:before {
    content: ""
}

.bx-bullseye:before {
    content: ""
}

.bx-buoy:before {
    content: ""
}

.bx-bus:before {
    content: ""
}

.bx-bus-school:before {
    content: ""
}

.bx-cabinet:before {
    content: ""
}

.bx-cake:before {
    content: ""
}

.bx-calculator:before {
    content: ""
}

.bx-calendar:before {
    content: ""
}

.bx-calendar-alt:before {
    content: ""
}

.bx-calendar-check:before {
    content: ""
}

.bx-calendar-edit:before {
    content: ""
}

.bx-calendar-event:before {
    content: ""
}

.bx-calendar-exclamation:before {
    content: ""
}

.bx-calendar-heart:before {
    content: ""
}

.bx-calendar-minus:before {
    content: ""
}

.bx-calendar-plus:before {
    content: ""
}

.bx-calendar-star:before {
    content: ""
}

.bx-calendar-week:before {
    content: ""
}

.bx-calendar-x:before {
    content: ""
}

.bx-camera:before {
    content: ""
}

.bx-camera-home:before {
    content: ""
}

.bx-camera-movie:before {
    content: ""
}

.bx-camera-off:before {
    content: ""
}

.bx-capsule:before {
    content: ""
}

.bx-captions:before {
    content: ""
}

.bx-car:before {
    content: ""
}

.bx-card:before {
    content: ""
}

.bx-caret-down:before {
    content: ""
}

.bx-caret-down-circle:before {
    content: ""
}

.bx-caret-down-square:before {
    content: ""
}

.bx-caret-left:before {
    content: ""
}

.bx-caret-left-circle:before {
    content: ""
}

.bx-caret-left-square:before {
    content: ""
}

.bx-caret-right:before {
    content: ""
}

.bx-caret-right-circle:before {
    content: ""
}

.bx-caret-right-square:before {
    content: ""
}

.bx-caret-up:before {
    content: ""
}

.bx-caret-up-circle:before {
    content: ""
}

.bx-caret-up-square:before {
    content: ""
}

.bx-carousel:before {
    content: ""
}

.bx-cart:before {
    content: ""
}

.bx-cart-alt:before {
    content: ""
}

.bx-cast:before {
    content: ""
}

.bx-category:before {
    content: ""
}

.bx-category-alt:before {
    content: ""
}

.bx-cctv:before {
    content: ""
}

.bx-certification:before {
    content: ""
}

.bx-chair:before {
    content: ""
}

.bx-chalkboard:before {
    content: ""
}

.bx-chart:before {
    content: ""
}

.bx-chat:before {
    content: ""
}

.bx-check:before {
    content: ""
}

.bx-checkbox:before {
    content: ""
}

.bx-checkbox-checked:before {
    content: ""
}

.bx-checkbox-minus:before {
    content: ""
}

.bx-checkbox-square:before {
    content: ""
}

.bx-check-circle:before {
    content: ""
}

.bx-check-double:before {
    content: ""
}

.bx-check-shield:before {
    content: ""
}

.bx-check-square:before {
    content: ""
}

.bx-chevron-down:before {
    content: ""
}

.bx-chevron-down-circle:before {
    content: ""
}

.bx-chevron-down-square:before {
    content: ""
}

.bx-chevron-left:before {
    content: ""
}

.bx-chevron-left-circle:before {
    content: ""
}

.bx-chevron-left-square:before {
    content: ""
}

.bx-chevron-right:before {
    content: ""
}

.bx-chevron-right-circle:before {
    content: ""
}

.bx-chevron-right-square:before {
    content: ""
}

.bx-chevrons-down:before {
    content: ""
}

.bx-chevrons-left:before {
    content: ""
}

.bx-chevrons-right:before {
    content: ""
}

.bx-chevrons-up:before {
    content: ""
}

.bx-chevron-up:before {
    content: ""
}

.bx-chevron-up-circle:before {
    content: ""
}

.bx-chevron-up-square:before {
    content: ""
}

.bx-chip:before {
    content: ""
}

.bx-church:before {
    content: ""
}

.bx-circle:before {
    content: ""
}

.bx-clinic:before {
    content: ""
}

.bx-clipboard:before {
    content: ""
}

.bx-closet:before {
    content: ""
}

.bx-cloud:before {
    content: ""
}

.bx-cloud-download:before {
    content: ""
}

.bx-cloud-drizzle:before {
    content: ""
}

.bx-cloud-lightning:before {
    content: ""
}

.bx-cloud-light-rain:before {
    content: ""
}

.bx-cloud-rain:before {
    content: ""
}

.bx-cloud-snow:before {
    content: ""
}

.bx-cloud-upload:before {
    content: ""
}

.bx-code:before {
    content: ""
}

.bx-code-alt:before {
    content: ""
}

.bx-code-block:before {
    content: ""
}

.bx-code-curly:before {
    content: ""
}

.bx-coffee:before {
    content: ""
}

.bx-coffee-togo:before {
    content: ""
}

.bx-cog:before {
    content: ""
}

.bx-coin:before {
    content: ""
}

.bx-coin-stack:before {
    content: ""
}

.bx-collapse:before {
    content: ""
}

.bx-collection:before {
    content: ""
}

.bx-color-fill:before {
    content: ""
}

.bx-columns:before {
    content: ""
}

.bx-command:before {
    content: ""
}

.bx-comment:before {
    content: ""
}

.bx-comment-add:before {
    content: ""
}

.bx-comment-check:before {
    content: ""
}

.bx-comment-detail:before {
    content: ""
}

.bx-comment-dots:before {
    content: ""
}

.bx-comment-edit:before {
    content: ""
}

.bx-comment-error:before {
    content: ""
}

.bx-comment-minus:before {
    content: ""
}

.bx-comment-x:before {
    content: ""
}

.bx-compass:before {
    content: ""
}

.bx-confused:before {
    content: ""
}

.bx-conversation:before {
    content: ""
}

.bx-cookie:before {
    content: ""
}

.bx-cool:before {
    content: ""
}

.bx-copy:before {
    content: ""
}

.bx-copy-alt:before {
    content: ""
}

.bx-copyright:before {
    content: ""
}

.bx-credit-card:before {
    content: ""
}

.bx-credit-card-alt:before {
    content: ""
}

.bx-credit-card-front:before {
    content: ""
}

.bx-crop:before {
    content: ""
}

.bx-crosshair:before {
    content: ""
}

.bx-crown:before {
    content: ""
}

.bx-cube:before {
    content: ""
}

.bx-cube-alt:before {
    content: ""
}

.bx-cuboid:before {
    content: ""
}

.bx-current-location:before {
    content: ""
}

.bx-customize:before {
    content: ""
}

.bx-cut:before {
    content: ""
}

.bx-cycling:before {
    content: ""
}

.bx-cylinder:before {
    content: ""
}

.bx-data:before {
    content: ""
}

.bx-desktop:before {
    content: ""
}

.bx-detail:before {
    content: ""
}

.bx-devices:before {
    content: ""
}

.bx-dialpad:before {
    content: ""
}

.bx-dialpad-alt:before {
    content: ""
}

.bx-diamond:before {
    content: ""
}

.bx-dice-1:before {
    content: ""
}

.bx-dice-2:before {
    content: ""
}

.bx-dice-3:before {
    content: ""
}

.bx-dice-4:before {
    content: ""
}

.bx-dice-5:before {
    content: ""
}

.bx-dice-6:before {
    content: ""
}

.bx-directions:before {
    content: ""
}

.bx-disc:before {
    content: ""
}

.bx-dish:before {
    content: ""
}

.bx-dislike:before {
    content: ""
}

.bx-dizzy:before {
    content: ""
}

.bx-dna:before {
    content: ""
}

.bx-dock-bottom:before {
    content: ""
}

.bx-dock-left:before {
    content: ""
}

.bx-dock-right:before {
    content: ""
}

.bx-dock-top:before {
    content: ""
}

.bx-dollar:before {
    content: ""
}

.bx-dollar-circle:before {
    content: ""
}

.bx-donate-blood:before {
    content: ""
}

.bx-donate-heart:before {
    content: ""
}

.bx-door-open:before {
    content: ""
}

.bx-dots-horizontal:before {
    content: ""
}

.bx-dots-horizontal-rounded:before {
    content: ""
}

.bx-dots-vertical:before {
    content: ""
}

.bx-dots-vertical-rounded:before {
    content: ""
}

.bx-doughnut-chart:before {
    content: ""
}

.bx-down-arrow:before {
    content: ""
}

.bx-down-arrow-alt:before {
    content: ""
}

.bx-down-arrow-circle:before {
    content: ""
}

.bx-download:before {
    content: ""
}

.bx-downvote:before {
    content: ""
}

.bx-drink:before {
    content: ""
}

.bx-droplet:before {
    content: ""
}

.bx-dumbbell:before {
    content: ""
}

.bx-duplicate:before {
    content: ""
}

.bx-edit:before {
    content: ""
}

.bx-edit-alt:before {
    content: ""
}

.bx-envelope:before {
    content: ""
}

.bx-envelope-open:before {
    content: ""
}

.bx-equalizer:before {
    content: ""
}

.bx-eraser:before {
    content: ""
}

.bx-error:before {
    content: ""
}

.bx-error-alt:before {
    content: ""
}

.bx-error-circle:before {
    content: ""
}

.bx-euro:before {
    content: ""
}

.bx-exclude:before {
    content: ""
}

.bx-exit:before {
    content: ""
}

.bx-exit-fullscreen:before {
    content: ""
}

.bx-expand:before {
    content: ""
}

.bx-expand-alt:before {
    content: ""
}

.bx-export:before {
    content: ""
}

.bx-extension:before {
    content: ""
}

.bx-face:before {
    content: ""
}

.bx-fast-forward:before {
    content: ""
}

.bx-fast-forward-circle:before {
    content: ""
}

.bx-female:before {
    content: ""
}

.bx-female-sign:before {
    content: ""
}

.bx-file:before {
    content: ""
}

.bx-file-blank:before {
    content: ""
}

.bx-file-find:before {
    content: ""
}

.bx-film:before {
    content: ""
}

.bx-filter:before {
    content: ""
}

.bx-filter-alt:before {
    content: ""
}

.bx-fingerprint:before {
    content: ""
}

.bx-first-aid:before {
    content: ""
}

.bx-first-page:before {
    content: ""
}

.bx-flag:before {
    content: ""
}

.bx-folder:before {
    content: ""
}

.bx-folder-minus:before {
    content: ""
}

.bx-folder-open:before {
    content: ""
}

.bx-folder-plus:before {
    content: ""
}

.bx-font:before {
    content: ""
}

.bx-font-color:before {
    content: ""
}

.bx-font-family:before {
    content: ""
}

.bx-font-size:before {
    content: ""
}

.bx-food-menu:before {
    content: ""
}

.bx-food-tag:before {
    content: ""
}

.bx-football:before {
    content: ""
}

.bx-fridge:before {
    content: ""
}

.bx-fullscreen:before {
    content: ""
}

.bx-game:before {
    content: ""
}

.bx-gas-pump:before {
    content: ""
}

.bx-ghost:before {
    content: ""
}

.bx-gift:before {
    content: ""
}

.bx-git-branch:before {
    content: ""
}

.bx-git-commit:before {
    content: ""
}

.bx-git-compare:before {
    content: ""
}

.bx-git-merge:before {
    content: ""
}

.bx-git-pull-request:before {
    content: ""
}

.bx-git-repo-forked:before {
    content: ""
}

.bx-glasses:before {
    content: ""
}

.bx-glasses-alt:before {
    content: ""
}

.bx-globe:before {
    content: ""
}

.bx-globe-alt:before {
    content: ""
}

.bx-grid:before {
    content: ""
}

.bx-grid-alt:before {
    content: ""
}

.bx-grid-horizontal:before {
    content: ""
}

.bx-grid-small:before {
    content: ""
}

.bx-grid-vertical:before {
    content: ""
}

.bx-group:before {
    content: ""
}

.bx-handicap:before {
    content: ""
}

.bx-happy:before {
    content: ""
}

.bx-happy-alt:before {
    content: ""
}

.bx-happy-beaming:before {
    content: ""
}

.bx-happy-heart-eyes:before {
    content: ""
}

.bx-hash:before {
    content: ""
}

.bx-hdd:before {
    content: ""
}

.bx-heading:before {
    content: ""
}

.bx-headphone:before {
    content: ""
}

.bx-health:before {
    content: ""
}

.bx-heart:before {
    content: ""
}

.bx-heart-circle:before {
    content: ""
}

.bx-heart-square:before {
    content: ""
}

.bx-help-circle:before {
    content: ""
}

.bx-hide:before {
    content: ""
}

.bx-highlight:before {
    content: ""
}

.bx-history:before {
    content: ""
}

.bx-hive:before {
    content: ""
}

.bx-home:before {
    content: ""
}

.bx-home-alt:before {
    content: ""
}

.bx-home-circle:before {
    content: ""
}

.bx-home-heart:before {
    content: ""
}

.bx-home-smile:before {
    content: ""
}

.bx-horizontal-center:before {
    content: ""
}

.bx-hotel:before {
    content: ""
}

.bx-hourglass:before {
    content: ""
}

.bx-id-card:before {
    content: ""
}

.bx-image:before {
    content: ""
}

.bx-image-add:before {
    content: ""
}

.bx-image-alt:before {
    content: ""
}

.bx-images:before {
    content: ""
}

.bx-import:before {
    content: ""
}

.bx-infinite:before {
    content: ""
}

.bx-info-circle:before {
    content: ""
}

.bx-info-square:before {
    content: ""
}

.bx-intersect:before {
    content: ""
}

.bx-italic:before {
    content: ""
}

.bx-joystick:before {
    content: ""
}

.bx-joystick-alt:before {
    content: ""
}

.bx-joystick-button:before {
    content: ""
}

.bx-key:before {
    content: ""
}

.bx-label:before {
    content: ""
}

.bx-landscape:before {
    content: ""
}

.bx-laptop:before {
    content: ""
}

.bx-last-page:before {
    content: ""
}

.bx-laugh:before {
    content: ""
}

.bx-layer:before {
    content: ""
}

.bx-layer-minus:before {
    content: ""
}

.bx-layer-plus:before {
    content: ""
}

.bx-layout:before {
    content: ""
}

.bx-left-arrow:before {
    content: ""
}

.bx-left-arrow-alt:before {
    content: ""
}

.bx-left-arrow-circle:before {
    content: ""
}

.bx-left-down-arrow-circle:before {
    content: ""
}

.bx-left-indent:before {
    content: ""
}

.bx-left-top-arrow-circle:before {
    content: ""
}

.bx-library:before {
    content: ""
}

.bx-like:before {
    content: ""
}

.bx-line-chart:before {
    content: ""
}

.bx-line-chart-down:before {
    content: ""
}

.bx-link:before {
    content: ""
}

.bx-link-alt:before {
    content: ""
}

.bx-link-external:before {
    content: ""
}

.bx-lira:before {
    content: ""
}

.bx-list-check:before {
    content: ""
}

.bx-list-minus:before {
    content: ""
}

.bx-list-ol:before {
    content: ""
}

.bx-list-plus:before {
    content: ""
}

.bx-list-ul:before {
    content: ""
}

.bx-loader:before {
    content: ""
}

.bx-loader-alt:before {
    content: ""
}

.bx-loader-circle:before {
    content: ""
}

.bx-location-plus:before {
    content: ""
}

.bx-lock:before {
    content: ""
}

.bx-lock-alt:before {
    content: ""
}

.bx-lock-open:before {
    content: ""
}

.bx-lock-open-alt:before {
    content: ""
}

.bx-log-in:before {
    content: ""
}

.bx-log-in-circle:before {
    content: ""
}

.bx-log-out:before {
    content: ""
}

.bx-log-out-circle:before {
    content: ""
}

.bx-low-vision:before {
    content: ""
}

.bx-magnet:before {
    content: ""
}

.bx-mail-send:before {
    content: ""
}

.bx-male:before {
    content: ""
}

.bx-male-sign:before {
    content: ""
}

.bx-map:before {
    content: ""
}

.bx-map-alt:before {
    content: ""
}

.bx-map-pin:before {
    content: ""
}

.bx-mask:before {
    content: ""
}

.bx-medal:before {
    content: ""
}

.bx-meh:before {
    content: ""
}

.bx-meh-alt:before {
    content: ""
}

.bx-meh-blank:before {
    content: ""
}

.bx-memory-card:before {
    content: ""
}

.bx-menu:before {
    content: ""
}

.bx-menu-alt-left:before {
    content: ""
}

.bx-menu-alt-right:before {
    content: ""
}

.bx-merge:before {
    content: ""
}

.bx-message:before {
    content: ""
}

.bx-message-add:before {
    content: ""
}

.bx-message-alt:before {
    content: ""
}

.bx-message-alt-add:before {
    content: ""
}

.bx-message-alt-check:before {
    content: ""
}

.bx-message-alt-detail:before {
    content: ""
}

.bx-message-alt-dots:before {
    content: ""
}

.bx-message-alt-edit:before {
    content: ""
}

.bx-message-alt-error:before {
    content: ""
}

.bx-message-alt-minus:before {
    content: ""
}

.bx-message-alt-x:before {
    content: ""
}

.bx-message-check:before {
    content: ""
}

.bx-message-detail:before {
    content: ""
}

.bx-message-dots:before {
    content: ""
}

.bx-message-edit:before {
    content: ""
}

.bx-message-error:before {
    content: ""
}

.bx-message-minus:before {
    content: ""
}

.bx-message-rounded:before {
    content: ""
}

.bx-message-rounded-add:before {
    content: ""
}

.bx-message-rounded-check:before {
    content: ""
}

.bx-message-rounded-detail:before {
    content: ""
}

.bx-message-rounded-dots:before {
    content: ""
}

.bx-message-rounded-edit:before {
    content: ""
}

.bx-message-rounded-error:before {
    content: ""
}

.bx-message-rounded-minus:before {
    content: ""
}

.bx-message-rounded-x:before {
    content: ""
}

.bx-message-square:before {
    content: ""
}

.bx-message-square-add:before {
    content: ""
}

.bx-message-square-check:before {
    content: ""
}

.bx-message-square-detail:before {
    content: ""
}

.bx-message-square-dots:before {
    content: ""
}

.bx-message-square-edit:before {
    content: ""
}

.bx-message-square-error:before {
    content: ""
}

.bx-message-square-minus:before {
    content: ""
}

.bx-message-square-x:before {
    content: ""
}

.bx-message-x:before {
    content: ""
}

.bx-meteor:before {
    content: ""
}

.bx-microchip:before {
    content: ""
}

.bx-microphone:before {
    content: ""
}

.bx-microphone-off:before {
    content: ""
}

.bx-minus:before {
    content: ""
}

.bx-minus-back:before {
    content: ""
}

.bx-minus-circle:before {
    content: ""
}

.bx-minus-front:before {
    content: ""
}

.bx-mobile:before {
    content: ""
}

.bx-mobile-alt:before {
    content: ""
}

.bx-mobile-landscape:before {
    content: ""
}

.bx-mobile-vibration:before {
    content: ""
}

.bx-money:before {
    content: ""
}

.bx-moon:before {
    content: ""
}

.bx-mouse:before {
    content: ""
}

.bx-mouse-alt:before {
    content: ""
}

.bx-move:before {
    content: ""
}

.bx-move-horizontal:before {
    content: ""
}

.bx-move-vertical:before {
    content: ""
}

.bx-movie:before {
    content: ""
}

.bx-movie-play:before {
    content: ""
}

.bx-music:before {
    content: ""
}

.bx-navigation:before {
    content: ""
}

.bx-network-chart:before {
    content: ""
}

.bx-news:before {
    content: ""
}

.bx-no-entry:before {
    content: ""
}

.bx-note:before {
    content: ""
}

.bx-notepad:before {
    content: ""
}

.bx-notification:before {
    content: ""
}

.bx-notification-off:before {
    content: ""
}

.bx-outline:before {
    content: ""
}

.bx-package:before {
    content: ""
}

.bx-paint:before {
    content: ""
}

.bx-paint-roll:before {
    content: ""
}

.bx-palette:before {
    content: ""
}

.bx-paperclip:before {
    content: ""
}

.bx-paper-plane:before {
    content: ""
}

.bx-paragraph:before {
    content: ""
}

.bx-paste:before {
    content: ""
}

.bx-pause:before {
    content: ""
}

.bx-pause-circle:before {
    content: ""
}

.bx-pen:before {
    content: ""
}

.bx-pencil:before {
    content: ""
}

.bx-phone:before {
    content: ""
}

.bx-phone-call:before {
    content: ""
}

.bx-phone-incoming:before {
    content: ""
}

.bx-phone-off:before {
    content: ""
}

.bx-phone-outgoing:before {
    content: ""
}

.bx-photo-album:before {
    content: ""
}

.bx-pie-chart:before {
    content: ""
}

.bx-pie-chart-alt:before {
    content: ""
}

.bx-pie-chart-alt-2:before {
    content: ""
}

.bx-pin:before {
    content: ""
}

.bx-planet:before {
    content: ""
}

.bx-play:before {
    content: ""
}

.bx-play-circle:before {
    content: ""
}

.bx-plug:before {
    content: ""
}

.bx-plus:before {
    content: ""
}

.bx-plus-circle:before {
    content: ""
}

.bx-plus-medical:before {
    content: ""
}

.bx-podcast:before {
    content: ""
}

.bx-pointer:before {
    content: ""
}

.bx-poll:before {
    content: ""
}

.bx-polygon:before {
    content: ""
}

.bx-pound:before {
    content: ""
}

.bx-power-off:before {
    content: ""
}

.bx-printer:before {
    content: ""
}

.bx-pulse:before {
    content: ""
}

.bx-purchase-tag:before {
    content: ""
}

.bx-purchase-tag-alt:before {
    content: ""
}

.bx-pyramid:before {
    content: ""
}

.bx-qr:before {
    content: ""
}

.bx-qr-scan:before {
    content: ""
}

.bx-question-mark:before {
    content: ""
}

.bx-radar:before {
    content: ""
}

.bx-radio:before {
    content: ""
}

.bx-radio-circle:before {
    content: ""
}

.bx-radio-circle-marked:before {
    content: ""
}

.bx-receipt:before {
    content: ""
}

.bx-rectangle:before {
    content: ""
}

.bx-recycle:before {
    content: ""
}

.bx-redo:before {
    content: ""
}

.bx-refresh:before {
    content: ""
}

.bx-registered:before {
    content: ""
}

.bx-rename:before {
    content: ""
}

.bx-repeat:before {
    content: ""
}

.bx-reply:before {
    content: ""
}

.bx-reply-all:before {
    content: ""
}

.bx-repost:before {
    content: ""
}

.bx-reset:before {
    content: ""
}

.bx-restaurant:before {
    content: ""
}

.bx-revision:before {
    content: ""
}

.bx-rewind:before {
    content: ""
}

.bx-rewind-circle:before {
    content: ""
}

.bx-right-arrow:before {
    content: ""
}

.bx-right-arrow-alt:before {
    content: ""
}

.bx-right-arrow-circle:before {
    content: ""
}

.bx-right-down-arrow-circle:before {
    content: ""
}

.bx-right-indent:before {
    content: ""
}

.bx-right-top-arrow-circle:before {
    content: ""
}

.bx-rocket:before {
    content: ""
}

.bx-rotate-left:before {
    content: ""
}

.bx-rotate-right:before {
    content: ""
}

.bx-rss:before {
    content: ""
}

.bx-ruble:before {
    content: ""
}

.bx-ruler:before {
    content: ""
}

.bx-run:before {
    content: ""
}

.bx-rupee:before {
    content: ""
}

.bx-sad:before {
    content: ""
}

.bx-save:before {
    content: ""
}

.bx-scan:before {
    content: ""
}

.bx-screenshot:before {
    content: ""
}

.bx-search:before {
    content: ""
}

.bx-search-alt:before {
    content: ""
}

.bx-search-alt-2:before {
    content: ""
}

.bx-selection:before {
    content: ""
}

.bx-select-multiple:before {
    content: ""
}

.bx-send:before {
    content: ""
}

.bx-server:before {
    content: ""
}

.bx-shape-circle:before {
    content: ""
}

.bx-shape-polygon:before {
    content: ""
}

.bx-shape-square:before {
    content: ""
}

.bx-shape-triangle:before {
    content: ""
}

.bx-share:before {
    content: ""
}

.bx-share-alt:before {
    content: ""
}

.bx-shekel:before {
    content: ""
}

.bx-shield:before {
    content: ""
}

.bx-shield-alt:before {
    content: ""
}

.bx-shield-alt-2:before {
    content: ""
}

.bx-shield-quarter:before {
    content: ""
}

.bx-shield-x:before {
    content: ""
}

.bx-shocked:before {
    content: ""
}

.bx-shopping-bag:before {
    content: ""
}

.bx-show:before {
    content: ""
}

.bx-show-alt:before {
    content: ""
}

.bx-shuffle:before {
    content: ""
}

.bx-sidebar:before {
    content: ""
}

.bx-sitemap:before {
    content: ""
}

.bx-skip-next:before {
    content: ""
}

.bx-skip-next-circle:before {
    content: ""
}

.bx-skip-previous:before {
    content: ""
}

.bx-skip-previous-circle:before {
    content: ""
}

.bx-sleepy:before {
    content: ""
}

.bx-slider:before {
    content: ""
}

.bx-slider-alt:before {
    content: ""
}

.bx-slideshow:before {
    content: ""
}

.bx-smile:before {
    content: ""
}

.bx-sort:before {
    content: ""
}

.bx-sort-alt-2:before {
    content: ""
}

.bx-sort-a-z:before {
    content: ""
}

.bx-sort-down:before {
    content: ""
}

.bx-sort-up:before {
    content: ""
}

.bx-sort-z-a:before {
    content: ""
}

.bx-spa:before {
    content: ""
}

.bx-space-bar:before {
    content: ""
}

.bx-speaker:before {
    content: ""
}

.bx-spray-can:before {
    content: ""
}

.bx-spreadsheet:before {
    content: ""
}

.bx-square:before {
    content: ""
}

.bx-square-rounded:before {
    content: ""
}

.bx-star:before {
    content: ""
}

.bx-station:before {
    content: ""
}

.bx-stats:before {
    content: ""
}

.bx-sticker:before {
    content: ""
}

.bx-stop:before {
    content: ""
}

.bx-stop-circle:before {
    content: ""
}

.bx-stopwatch:before {
    content: ""
}

.bx-store:before {
    content: ""
}

.bx-store-alt:before {
    content: ""
}

.bx-street-view:before {
    content: ""
}

.bx-strikethrough:before {
    content: ""
}

.bx-subdirectory-left:before {
    content: ""
}

.bx-subdirectory-right:before {
    content: ""
}

.bx-sun:before {
    content: ""
}

.bx-support:before {
    content: ""
}

.bx-swim:before {
    content: ""
}

.bx-sync:before {
    content: ""
}

.bx-tab:before {
    content: ""
}

.bx-table:before {
    content: ""
}

.bx-tachometer:before {
    content: ""
}

.bx-tag:before {
    content: ""
}

.bx-tag-alt:before {
    content: ""
}

.bx-target-lock:before {
    content: ""
}

.bx-task:before {
    content: ""
}

.bx-task-x:before {
    content: ""
}

.bx-taxi:before {
    content: ""
}

.bx-tennis-ball:before {
    content: ""
}

.bx-terminal:before {
    content: ""
}

.bx-test-tube:before {
    content: ""
}

.bx-text:before {
    content: ""
}

.bx-time:before {
    content: ""
}

.bx-time-five:before {
    content: ""
}

.bx-timer:before {
    content: ""
}

.bx-tired:before {
    content: ""
}

.bx-toggle-left:before {
    content: ""
}

.bx-toggle-right:before {
    content: ""
}

.bx-tone:before {
    content: ""
}

.bx-traffic-cone:before {
    content: ""
}

.bx-train:before {
    content: ""
}

.bx-transfer:before {
    content: ""
}

.bx-transfer-alt:before {
    content: ""
}

.bx-trash:before {
    content: ""
}

.bx-trash-alt:before {
    content: ""
}

.bx-trending-down:before {
    content: ""
}

.bx-trending-up:before {
    content: ""
}

.bx-trim:before {
    content: ""
}

.bx-trip:before {
    content: ""
}

.bx-trophy:before {
    content: ""
}

.bx-tv:before {
    content: ""
}

.bx-underline:before {
    content: ""
}

.bx-undo:before {
    content: ""
}

.bx-unite:before {
    content: ""
}

.bx-unlink:before {
    content: ""
}

.bx-up-arrow:before {
    content: ""
}

.bx-up-arrow-alt:before {
    content: ""
}

.bx-up-arrow-circle:before {
    content: ""
}

.bx-upload:before {
    content: ""
}

.bx-upside-down:before {
    content: ""
}

.bx-upvote:before {
    content: ""
}

.bx-usb:before {
    content: ""
}

.bx-user:before {
    content: ""
}

.bx-user-check:before {
    content: ""
}

.bx-user-circle:before {
    content: ""
}

.bx-user-minus:before {
    content: ""
}

.bx-user-pin:before {
    content: ""
}

.bx-user-plus:before {
    content: ""
}

.bx-user-voice:before {
    content: ""
}

.bx-user-x:before {
    content: ""
}

.bx-vector:before {
    content: ""
}

.bx-vertical-center:before {
    content: ""
}

.bx-vial:before {
    content: ""
}

.bx-video:before {
    content: ""
}

.bx-video-off:before {
    content: ""
}

.bx-video-plus:before {
    content: ""
}

.bx-video-recording:before {
    content: ""
}

.bx-voicemail:before {
    content: ""
}

.bx-volume:before {
    content: ""
}

.bx-volume-full:before {
    content: ""
}

.bx-volume-low:before {
    content: ""
}

.bx-volume-mute:before {
    content: ""
}

.bx-walk:before {
    content: ""
}

.bx-wallet:before {
    content: ""
}

.bx-wallet-alt:before {
    content: ""
}

.bx-water:before {
    content: ""
}

.bx-webcam:before {
    content: ""
}

.bx-wifi:before {
    content: ""
}

.bx-wifi-0:before {
    content: ""
}

.bx-wifi-1:before {
    content: ""
}

.bx-wifi-2:before {
    content: ""
}

.bx-wifi-off:before {
    content: ""
}

.bx-wind:before {
    content: ""
}

.bx-window:before {
    content: ""
}

.bx-window-alt:before {
    content: ""
}

.bx-window-close:before {
    content: ""
}

.bx-window-open:before {
    content: ""
}

.bx-windows:before {
    content: ""
}

.bx-wine:before {
    content: ""
}

.bx-wink-smile:before {
    content: ""
}

.bx-wink-tongue:before {
    content: ""
}

.bx-won:before {
    content: ""
}

.bx-world:before {
    content: ""
}

.bx-wrench:before {
    content: ""
}

.bx-x:before {
    content: ""
}

.bx-x-circle:before {
    content: ""
}

.bx-yen:before {
    content: ""
}

.bx-zoom-in:before {
    content: ""
}

.bx-zoom-out:before {
    content: ""
}

.bxs-party:before {
    content: ""
}

.bxs-hot:before {
    content: ""
}

.bxs-droplet:before {
    content: ""
}

.bxs-cat:before {
    content: ""
}

.bxs-dog:before {
    content: ""
}

.bxs-injection:before {
    content: ""
}

.bxs-leaf:before {
    content: ""
}

.bxs-add-to-queue:before {
    content: ""
}

.bxs-adjust:before {
    content: ""
}

.bxs-adjust-alt:before {
    content: ""
}

.bxs-alarm:before {
    content: ""
}

.bxs-alarm-add:before {
    content: ""
}

.bxs-alarm-exclamation:before {
    content: ""
}

.bxs-alarm-off:before {
    content: ""
}

.bxs-alarm-snooze:before {
    content: ""
}

.bxs-album:before {
    content: ""
}

.bxs-ambulance:before {
    content: ""
}

.bxs-analyse:before {
    content: ""
}

.bxs-angry:before {
    content: ""
}

.bxs-arch:before {
    content: ""
}

.bxs-archive:before {
    content: ""
}

.bxs-archive-in:before {
    content: ""
}

.bxs-archive-out:before {
    content: ""
}

.bxs-area:before {
    content: ""
}

.bxs-arrow-from-bottom:before {
    content: ""
}

.bxs-arrow-from-left:before {
    content: ""
}

.bxs-arrow-from-right:before {
    content: ""
}

.bxs-arrow-from-top:before {
    content: ""
}

.bxs-arrow-to-bottom:before {
    content: ""
}

.bxs-arrow-to-left:before {
    content: ""
}

.bxs-arrow-to-right:before {
    content: ""
}

.bxs-arrow-to-top:before {
    content: ""
}

.bxs-award:before {
    content: ""
}

.bxs-baby-carriage:before {
    content: ""
}

.bxs-backpack:before {
    content: ""
}

.bxs-badge:before {
    content: ""
}

.bxs-badge-check:before {
    content: ""
}

.bxs-badge-dollar:before {
    content: ""
}

.bxs-ball:before {
    content: ""
}

.bxs-band-aid:before {
    content: ""
}

.bxs-bank:before {
    content: ""
}

.bxs-bar-chart-alt-2:before {
    content: ""
}

.bxs-bar-chart-square:before {
    content: ""
}

.bxs-barcode:before {
    content: ""
}

.bxs-baseball:before {
    content: ""
}

.bxs-basket:before {
    content: ""
}

.bxs-basketball:before {
    content: ""
}

.bxs-bath:before {
    content: ""
}

.bxs-battery:before {
    content: ""
}

.bxs-battery-charging:before {
    content: ""
}

.bxs-battery-full:before {
    content: ""
}

.bxs-battery-low:before {
    content: ""
}

.bxs-bed:before {
    content: ""
}

.bxs-been-here:before {
    content: ""
}

.bxs-beer:before {
    content: ""
}

.bxs-bell:before {
    content: ""
}

.bxs-bell-minus:before {
    content: ""
}

.bxs-bell-off:before {
    content: ""
}

.bxs-bell-plus:before {
    content: ""
}

.bxs-bell-ring:before {
    content: ""
}

.bxs-bible:before {
    content: ""
}

.bxs-binoculars:before {
    content: ""
}

.bxs-blanket:before {
    content: ""
}

.bxs-bolt:before {
    content: ""
}

.bxs-bolt-circle:before {
    content: ""
}

.bxs-bomb:before {
    content: ""
}

.bxs-bone:before {
    content: ""
}

.bxs-bong:before {
    content: ""
}

.bxs-book:before {
    content: ""
}

.bxs-book-add:before {
    content: ""
}

.bxs-book-alt:before {
    content: ""
}

.bxs-book-bookmark:before {
    content: ""
}

.bxs-book-content:before {
    content: ""
}

.bxs-book-heart:before {
    content: ""
}

.bxs-bookmark:before {
    content: ""
}

.bxs-bookmark-alt:before {
    content: ""
}

.bxs-bookmark-alt-minus:before {
    content: ""
}

.bxs-bookmark-alt-plus:before {
    content: ""
}

.bxs-bookmark-heart:before {
    content: ""
}

.bxs-bookmark-minus:before {
    content: ""
}

.bxs-bookmark-plus:before {
    content: ""
}

.bxs-bookmarks:before {
    content: ""
}

.bxs-bookmark-star:before {
    content: ""
}

.bxs-book-open:before {
    content: ""
}

.bxs-book-reader:before {
    content: ""
}

.bxs-bot:before {
    content: ""
}

.bxs-bowling-ball:before {
    content: ""
}

.bxs-box:before {
    content: ""
}

.bxs-brain:before {
    content: ""
}

.bxs-briefcase:before {
    content: ""
}

.bxs-briefcase-alt:before {
    content: ""
}

.bxs-briefcase-alt-2:before {
    content: ""
}

.bxs-brightness:before {
    content: ""
}

.bxs-brightness-half:before {
    content: ""
}

.bxs-brush:before {
    content: ""
}

.bxs-brush-alt:before {
    content: ""
}

.bxs-bug:before {
    content: ""
}

.bxs-bug-alt:before {
    content: ""
}

.bxs-building:before {
    content: ""
}

.bxs-building-house:before {
    content: ""
}

.bxs-buildings:before {
    content: ""
}

.bxs-bulb:before {
    content: ""
}

.bxs-bullseye:before {
    content: ""
}

.bxs-buoy:before {
    content: ""
}

.bxs-bus:before {
    content: ""
}

.bxs-business:before {
    content: ""
}

.bxs-bus-school:before {
    content: ""
}

.bxs-cabinet:before {
    content: ""
}

.bxs-cake:before {
    content: ""
}

.bxs-calculator:before {
    content: ""
}

.bxs-calendar:before {
    content: ""
}

.bxs-calendar-alt:before {
    content: ""
}

.bxs-calendar-check:before {
    content: ""
}

.bxs-calendar-edit:before {
    content: ""
}

.bxs-calendar-event:before {
    content: ""
}

.bxs-calendar-exclamation:before {
    content: ""
}

.bxs-calendar-heart:before {
    content: ""
}

.bxs-calendar-minus:before {
    content: ""
}

.bxs-calendar-plus:before {
    content: ""
}

.bxs-calendar-star:before {
    content: ""
}

.bxs-calendar-week:before {
    content: ""
}

.bxs-calendar-x:before {
    content: ""
}

.bxs-camera:before {
    content: ""
}

.bxs-camera-home:before {
    content: ""
}

.bxs-camera-movie:before {
    content: ""
}

.bxs-camera-off:before {
    content: ""
}

.bxs-camera-plus:before {
    content: ""
}

.bxs-capsule:before {
    content: ""
}

.bxs-captions:before {
    content: ""
}

.bxs-car:before {
    content: ""
}

.bxs-car-battery:before {
    content: ""
}

.bxs-car-crash:before {
    content: ""
}

.bxs-card:before {
    content: ""
}

.bxs-caret-down-circle:before {
    content: ""
}

.bxs-caret-down-square:before {
    content: ""
}

.bxs-caret-left-circle:before {
    content: ""
}

.bxs-caret-left-square:before {
    content: ""
}

.bxs-caret-right-circle:before {
    content: ""
}

.bxs-caret-right-square:before {
    content: ""
}

.bxs-caret-up-circle:before {
    content: ""
}

.bxs-caret-up-square:before {
    content: ""
}

.bxs-car-garage:before {
    content: ""
}

.bxs-car-mechanic:before {
    content: ""
}

.bxs-carousel:before {
    content: ""
}

.bxs-cart:before {
    content: ""
}

.bxs-cart-add:before {
    content: ""
}

.bxs-cart-alt:before {
    content: ""
}

.bxs-cart-download:before {
    content: ""
}

.bxs-car-wash:before {
    content: ""
}

.bxs-category:before {
    content: ""
}

.bxs-category-alt:before {
    content: ""
}

.bxs-cctv:before {
    content: ""
}

.bxs-certification:before {
    content: ""
}

.bxs-chalkboard:before {
    content: ""
}

.bxs-chart:before {
    content: ""
}

.bxs-chat:before {
    content: ""
}

.bxs-checkbox:before {
    content: ""
}

.bxs-checkbox-checked:before {
    content: ""
}

.bxs-checkbox-minus:before {
    content: ""
}

.bxs-check-circle:before {
    content: ""
}

.bxs-check-shield:before {
    content: ""
}

.bxs-check-square:before {
    content: ""
}

.bxs-chess:before {
    content: ""
}

.bxs-chevron-down:before {
    content: ""
}

.bxs-chevron-down-circle:before {
    content: ""
}

.bxs-chevron-down-square:before {
    content: ""
}

.bxs-chevron-left:before {
    content: ""
}

.bxs-chevron-left-circle:before {
    content: ""
}

.bxs-chevron-left-square:before {
    content: ""
}

.bxs-chevron-right:before {
    content: ""
}

.bxs-chevron-right-circle:before {
    content: ""
}

.bxs-chevron-right-square:before {
    content: ""
}

.bxs-chevrons-down:before {
    content: ""
}

.bxs-chevrons-left:before {
    content: ""
}

.bxs-chevrons-right:before {
    content: ""
}

.bxs-chevrons-up:before {
    content: ""
}

.bxs-chevron-up:before {
    content: ""
}

.bxs-chevron-up-circle:before {
    content: ""
}

.bxs-chevron-up-square:before {
    content: ""
}

.bxs-chip:before {
    content: ""
}

.bxs-church:before {
    content: ""
}

.bxs-circle:before {
    content: ""
}

.bxs-city:before {
    content: ""
}

.bxs-clinic:before {
    content: ""
}

.bxs-cloud:before {
    content: ""
}

.bxs-cloud-download:before {
    content: ""
}

.bxs-cloud-lightning:before {
    content: ""
}

.bxs-cloud-rain:before {
    content: ""
}

.bxs-cloud-upload:before {
    content: ""
}

.bxs-coffee:before {
    content: ""
}

.bxs-coffee-alt:before {
    content: ""
}

.bxs-coffee-togo:before {
    content: ""
}

.bxs-cog:before {
    content: ""
}

.bxs-coin:before {
    content: ""
}

.bxs-coin-stack:before {
    content: ""
}

.bxs-collection:before {
    content: ""
}

.bxs-color-fill:before {
    content: ""
}

.bxs-comment:before {
    content: ""
}

.bxs-comment-add:before {
    content: ""
}

.bxs-comment-check:before {
    content: ""
}

.bxs-comment-detail:before {
    content: ""
}

.bxs-comment-dots:before {
    content: ""
}

.bxs-comment-edit:before {
    content: ""
}

.bxs-comment-error:before {
    content: ""
}

.bxs-comment-minus:before {
    content: ""
}

.bxs-comment-x:before {
    content: ""
}

.bxs-compass:before {
    content: ""
}

.bxs-component:before {
    content: ""
}

.bxs-confused:before {
    content: ""
}

.bxs-contact:before {
    content: ""
}

.bxs-conversation:before {
    content: ""
}

.bxs-cookie:before {
    content: ""
}

.bxs-cool:before {
    content: ""
}

.bxs-copy:before {
    content: ""
}

.bxs-copy-alt:before {
    content: ""
}

.bxs-copyright:before {
    content: ""
}

.bxs-coupon:before {
    content: ""
}

.bxs-credit-card:before {
    content: ""
}

.bxs-credit-card-alt:before {
    content: ""
}

.bxs-credit-card-front:before {
    content: ""
}

.bxs-crop:before {
    content: ""
}

.bxs-crown:before {
    content: ""
}

.bxs-cube:before {
    content: ""
}

.bxs-cube-alt:before {
    content: ""
}

.bxs-cuboid:before {
    content: ""
}

.bxs-customize:before {
    content: ""
}

.bxs-cylinder:before {
    content: ""
}

.bxs-dashboard:before {
    content: ""
}

.bxs-data:before {
    content: ""
}

.bxs-detail:before {
    content: ""
}

.bxs-devices:before {
    content: ""
}

.bxs-diamond:before {
    content: ""
}

.bxs-dice-1:before {
    content: ""
}

.bxs-dice-2:before {
    content: ""
}

.bxs-dice-3:before {
    content: ""
}

.bxs-dice-4:before {
    content: ""
}

.bxs-dice-5:before {
    content: ""
}

.bxs-dice-6:before {
    content: ""
}

.bxs-direction-left:before {
    content: ""
}

.bxs-direction-right:before {
    content: ""
}

.bxs-directions:before {
    content: ""
}

.bxs-disc:before {
    content: ""
}

.bxs-discount:before {
    content: ""
}

.bxs-dish:before {
    content: ""
}

.bxs-dislike:before {
    content: ""
}

.bxs-dizzy:before {
    content: ""
}

.bxs-dock-bottom:before {
    content: ""
}

.bxs-dock-left:before {
    content: ""
}

.bxs-dock-right:before {
    content: ""
}

.bxs-dock-top:before {
    content: ""
}

.bxs-dollar-circle:before {
    content: ""
}

.bxs-donate-blood:before {
    content: ""
}

.bxs-donate-heart:before {
    content: ""
}

.bxs-door-open:before {
    content: ""
}

.bxs-doughnut-chart:before {
    content: ""
}

.bxs-down-arrow:before {
    content: ""
}

.bxs-down-arrow-alt:before {
    content: ""
}

.bxs-down-arrow-circle:before {
    content: ""
}

.bxs-down-arrow-square:before {
    content: ""
}

.bxs-download:before {
    content: ""
}

.bxs-downvote:before {
    content: ""
}

.bxs-drink:before {
    content: ""
}

.bxs-droplet-half:before {
    content: ""
}

.bxs-dryer:before {
    content: ""
}

.bxs-duplicate:before {
    content: ""
}

.bxs-edit:before {
    content: ""
}

.bxs-edit-alt:before {
    content: ""
}

.bxs-edit-location:before {
    content: ""
}

.bxs-eject:before {
    content: ""
}

.bxs-envelope:before {
    content: ""
}

.bxs-envelope-open:before {
    content: ""
}

.bxs-eraser:before {
    content: ""
}

.bxs-error:before {
    content: ""
}

.bxs-error-alt:before {
    content: ""
}

.bxs-error-circle:before {
    content: ""
}

.bxs-ev-station:before {
    content: ""
}

.bxs-exit:before {
    content: ""
}

.bxs-extension:before {
    content: ""
}

.bxs-eyedropper:before {
    content: ""
}

.bxs-face:before {
    content: ""
}

.bxs-face-mask:before {
    content: ""
}

.bxs-factory:before {
    content: ""
}

.bxs-fast-forward-circle:before {
    content: ""
}

.bxs-file:before {
    content: ""
}

.bxs-file-archive:before {
    content: ""
}

.bxs-file-blank:before {
    content: ""
}

.bxs-file-css:before {
    content: ""
}

.bxs-file-doc:before {
    content: ""
}

.bxs-file-export:before {
    content: ""
}

.bxs-file-find:before {
    content: ""
}

.bxs-file-gif:before {
    content: ""
}

.bxs-file-html:before {
    content: ""
}

.bxs-file-image:before {
    content: ""
}

.bxs-file-import:before {
    content: ""
}

.bxs-file-jpg:before {
    content: ""
}

.bxs-file-js:before {
    content: ""
}

.bxs-file-json:before {
    content: ""
}

.bxs-file-md:before {
    content: ""
}

.bxs-file-pdf:before {
    content: ""
}

.bxs-file-plus:before {
    content: ""
}

.bxs-file-png:before {
    content: ""
}

.bxs-file-txt:before {
    content: ""
}

.bxs-film:before {
    content: ""
}

.bxs-filter-alt:before {
    content: ""
}

.bxs-first-aid:before {
    content: ""
}

.bxs-flag:before {
    content: ""
}

.bxs-flag-alt:before {
    content: ""
}

.bxs-flag-checkered:before {
    content: ""
}

.bxs-flame:before {
    content: ""
}

.bxs-flask:before {
    content: ""
}

.bxs-florist:before {
    content: ""
}

.bxs-folder:before {
    content: ""
}

.bxs-folder-minus:before {
    content: ""
}

.bxs-folder-open:before {
    content: ""
}

.bxs-folder-plus:before {
    content: ""
}

.bxs-food-menu:before {
    content: ""
}

.bxs-fridge:before {
    content: ""
}

.bxs-game:before {
    content: ""
}

.bxs-gas-pump:before {
    content: ""
}

.bxs-ghost:before {
    content: ""
}

.bxs-gift:before {
    content: ""
}

.bxs-graduation:before {
    content: ""
}

.bxs-grid:before {
    content: ""
}

.bxs-grid-alt:before {
    content: ""
}

.bxs-group:before {
    content: ""
}

.bxs-guitar-amp:before {
    content: ""
}

.bxs-hand:before {
    content: ""
}

.bxs-hand-down:before {
    content: ""
}

.bxs-hand-left:before {
    content: ""
}

.bxs-hand-right:before {
    content: ""
}

.bxs-hand-up:before {
    content: ""
}

.bxs-happy:before {
    content: ""
}

.bxs-happy-alt:before {
    content: ""
}

.bxs-happy-beaming:before {
    content: ""
}

.bxs-happy-heart-eyes:before {
    content: ""
}

.bxs-hdd:before {
    content: ""
}

.bxs-heart:before {
    content: ""
}

.bxs-heart-circle:before {
    content: ""
}

.bxs-heart-square:before {
    content: ""
}

.bxs-help-circle:before {
    content: ""
}

.bxs-hide:before {
    content: ""
}

.bxs-home:before {
    content: ""
}

.bxs-home-circle:before {
    content: ""
}

.bxs-home-heart:before {
    content: ""
}

.bxs-home-smile:before {
    content: ""
}

.bxs-hotel:before {
    content: ""
}

.bxs-hourglass:before {
    content: ""
}

.bxs-hourglass-bottom:before {
    content: ""
}

.bxs-hourglass-top:before {
    content: ""
}

.bxs-id-card:before {
    content: ""
}

.bxs-image:before {
    content: ""
}

.bxs-image-add:before {
    content: ""
}

.bxs-image-alt:before {
    content: ""
}

.bxs-inbox:before {
    content: ""
}

.bxs-info-circle:before {
    content: ""
}

.bxs-info-square:before {
    content: ""
}

.bxs-institution:before {
    content: ""
}

.bxs-joystick:before {
    content: ""
}

.bxs-joystick-alt:before {
    content: ""
}

.bxs-joystick-button:before {
    content: ""
}

.bxs-key:before {
    content: ""
}

.bxs-keyboard:before {
    content: ""
}

.bxs-label:before {
    content: ""
}

.bxs-landmark:before {
    content: ""
}

.bxs-landscape:before {
    content: ""
}

.bxs-laugh:before {
    content: ""
}

.bxs-layer:before {
    content: ""
}

.bxs-layer-minus:before {
    content: ""
}

.bxs-layer-plus:before {
    content: ""
}

.bxs-layout:before {
    content: ""
}

.bxs-left-arrow:before {
    content: ""
}

.bxs-left-arrow-alt:before {
    content: ""
}

.bxs-left-arrow-circle:before {
    content: ""
}

.bxs-left-arrow-square:before {
    content: ""
}

.bxs-left-down-arrow-circle:before {
    content: ""
}

.bxs-left-top-arrow-circle:before {
    content: ""
}

.bxs-like:before {
    content: ""
}

.bxs-location-plus:before {
    content: ""
}

.bxs-lock:before {
    content: ""
}

.bxs-lock-alt:before {
    content: ""
}

.bxs-lock-open:before {
    content: ""
}

.bxs-lock-open-alt:before {
    content: ""
}

.bxs-log-in:before {
    content: ""
}

.bxs-log-in-circle:before {
    content: ""
}

.bxs-log-out:before {
    content: ""
}

.bxs-log-out-circle:before {
    content: ""
}

.bxs-low-vision:before {
    content: ""
}

.bxs-magic-wand:before {
    content: ""
}

.bxs-magnet:before {
    content: ""
}

.bxs-map:before {
    content: ""
}

.bxs-map-alt:before {
    content: ""
}

.bxs-map-pin:before {
    content: ""
}

.bxs-mask:before {
    content: ""
}

.bxs-medal:before {
    content: ""
}

.bxs-megaphone:before {
    content: ""
}

.bxs-meh:before {
    content: ""
}

.bxs-meh-alt:before {
    content: ""
}

.bxs-meh-blank:before {
    content: ""
}

.bxs-memory-card:before {
    content: ""
}

.bxs-message:before {
    content: ""
}

.bxs-message-add:before {
    content: ""
}

.bxs-message-alt:before {
    content: ""
}

.bxs-message-alt-add:before {
    content: ""
}

.bxs-message-alt-check:before {
    content: ""
}

.bxs-message-alt-detail:before {
    content: ""
}

.bxs-message-alt-dots:before {
    content: ""
}

.bxs-message-alt-edit:before {
    content: ""
}

.bxs-message-alt-error:before {
    content: ""
}

.bxs-message-alt-minus:before {
    content: ""
}

.bxs-message-alt-x:before {
    content: ""
}

.bxs-message-check:before {
    content: ""
}

.bxs-message-detail:before {
    content: ""
}

.bxs-message-dots:before {
    content: ""
}

.bxs-message-edit:before {
    content: ""
}

.bxs-message-error:before {
    content: ""
}

.bxs-message-minus:before {
    content: ""
}

.bxs-message-rounded:before {
    content: ""
}

.bxs-message-rounded-add:before {
    content: ""
}

.bxs-message-rounded-check:before {
    content: ""
}

.bxs-message-rounded-detail:before {
    content: ""
}

.bxs-message-rounded-dots:before {
    content: ""
}

.bxs-message-rounded-edit:before {
    content: ""
}

.bxs-message-rounded-error:before {
    content: ""
}

.bxs-message-rounded-minus:before {
    content: ""
}

.bxs-message-rounded-x:before {
    content: ""
}

.bxs-message-square:before {
    content: ""
}

.bxs-message-square-add:before {
    content: ""
}

.bxs-message-square-check:before {
    content: ""
}

.bxs-message-square-detail:before {
    content: ""
}

.bxs-message-square-dots:before {
    content: ""
}

.bxs-message-square-edit:before {
    content: ""
}

.bxs-message-square-error:before {
    content: ""
}

.bxs-message-square-minus:before {
    content: ""
}

.bxs-message-square-x:before {
    content: ""
}

.bxs-message-x:before {
    content: ""
}

.bxs-meteor:before {
    content: ""
}

.bxs-microchip:before {
    content: ""
}

.bxs-microphone:before {
    content: ""
}

.bxs-microphone-alt:before {
    content: ""
}

.bxs-microphone-off:before {
    content: ""
}

.bxs-minus-circle:before {
    content: ""
}

.bxs-minus-square:before {
    content: ""
}

.bxs-mobile:before {
    content: ""
}

.bxs-mobile-vibration:before {
    content: ""
}

.bxs-moon:before {
    content: ""
}

.bxs-mouse:before {
    content: ""
}

.bxs-mouse-alt:before {
    content: ""
}

.bxs-movie:before {
    content: ""
}

.bxs-movie-play:before {
    content: ""
}

.bxs-music:before {
    content: ""
}

.bxs-navigation:before {
    content: ""
}

.bxs-network-chart:before {
    content: ""
}

.bxs-news:before {
    content: ""
}

.bxs-no-entry:before {
    content: ""
}

.bxs-note:before {
    content: ""
}

.bxs-notepad:before {
    content: ""
}

.bxs-notification:before {
    content: ""
}

.bxs-notification-off:before {
    content: ""
}

.bxs-offer:before {
    content: ""
}

.bxs-package:before {
    content: ""
}

.bxs-paint:before {
    content: ""
}

.bxs-paint-roll:before {
    content: ""
}

.bxs-palette:before {
    content: ""
}

.bxs-paper-plane:before {
    content: ""
}

.bxs-parking:before {
    content: ""
}

.bxs-paste:before {
    content: ""
}

.bxs-pen:before {
    content: ""
}

.bxs-pencil:before {
    content: ""
}

.bxs-phone:before {
    content: ""
}

.bxs-phone-call:before {
    content: ""
}

.bxs-phone-incoming:before {
    content: ""
}

.bxs-phone-off:before {
    content: ""
}

.bxs-phone-outgoing:before {
    content: ""
}

.bxs-photo-album:before {
    content: ""
}

.bxs-piano:before {
    content: ""
}

.bxs-pie-chart:before {
    content: ""
}

.bxs-pie-chart-alt:before {
    content: ""
}

.bxs-pie-chart-alt-2:before {
    content: ""
}

.bxs-pin:before {
    content: ""
}

.bxs-pizza:before {
    content: ""
}

.bxs-plane:before {
    content: ""
}

.bxs-plane-alt:before {
    content: ""
}

.bxs-plane-land:before {
    content: ""
}

.bxs-planet:before {
    content: ""
}

.bxs-plane-take-off:before {
    content: ""
}

.bxs-playlist:before {
    content: ""
}

.bxs-plug:before {
    content: ""
}

.bxs-plus-circle:before {
    content: ""
}

.bxs-plus-square:before {
    content: ""
}

.bxs-pointer:before {
    content: ""
}

.bxs-polygon:before {
    content: ""
}

.bxs-printer:before {
    content: ""
}

.bxs-purchase-tag:before {
    content: ""
}

.bxs-purchase-tag-alt:before {
    content: ""
}

.bxs-pyramid:before {
    content: ""
}

.bxs-quote-alt-left:before {
    content: ""
}

.bxs-quote-alt-right:before {
    content: ""
}

.bxs-quote-left:before {
    content: ""
}

.bxs-quote-right:before {
    content: ""
}

.bxs-quote-single-left:before {
    content: ""
}

.bxs-quote-single-right:before {
    content: ""
}

.bxs-radiation:before {
    content: ""
}

.bxs-radio:before {
    content: ""
}

.bxs-receipt:before {
    content: ""
}

.bxs-rectangle:before {
    content: ""
}

.bxs-registered:before {
    content: ""
}

.bxs-rename:before {
    content: ""
}

.bxs-report:before {
    content: ""
}

.bxs-rewind-circle:before {
    content: ""
}

.bxs-right-arrow:before {
    content: ""
}

.bxs-right-arrow-alt:before {
    content: ""
}

.bxs-right-arrow-circle:before {
    content: ""
}

.bxs-right-arrow-square:before {
    content: ""
}

.bxs-right-down-arrow-circle:before {
    content: ""
}

.bxs-right-top-arrow-circle:before {
    content: ""
}

.bxs-rocket:before {
    content: ""
}

.bxs-ruler:before {
    content: ""
}

.bxs-sad:before {
    content: ""
}

.bxs-save:before {
    content: ""
}

.bxs-school:before {
    content: ""
}

.bxs-search:before {
    content: ""
}

.bxs-search-alt-2:before {
    content: ""
}

.bxs-select-multiple:before {
    content: ""
}

.bxs-send:before {
    content: ""
}

.bxs-server:before {
    content: ""
}

.bxs-shapes:before {
    content: ""
}

.bxs-share:before {
    content: ""
}

.bxs-share-alt:before {
    content: ""
}

.bxs-shield:before {
    content: ""
}

.bxs-shield-alt-2:before {
    content: ""
}

.bxs-shield-x:before {
    content: ""
}

.bxs-ship:before {
    content: ""
}

.bxs-shocked:before {
    content: ""
}

.bxs-shopping-bag:before {
    content: ""
}

.bxs-shopping-bag-alt:before {
    content: ""
}

.bxs-shopping-bags:before {
    content: ""
}

.bxs-show:before {
    content: ""
}

.bxs-skip-next-circle:before {
    content: ""
}

.bxs-skip-previous-circle:before {
    content: ""
}

.bxs-skull:before {
    content: ""
}

.bxs-sleepy:before {
    content: ""
}

.bxs-slideshow:before {
    content: ""
}

.bxs-smile:before {
    content: ""
}

.bxs-sort-alt:before {
    content: ""
}

.bxs-spa:before {
    content: ""
}

.bxs-speaker:before {
    content: ""
}

.bxs-spray-can:before {
    content: ""
}

.bxs-spreadsheet:before {
    content: ""
}

.bxs-square:before {
    content: ""
}

.bxs-square-rounded:before {
    content: ""
}

.bxs-star:before {
    content: ""
}

.bxs-star-half:before {
    content: ""
}

.bxs-sticker:before {
    content: ""
}

.bxs-stopwatch:before {
    content: ""
}

.bxs-store:before {
    content: ""
}

.bxs-store-alt:before {
    content: ""
}

.bxs-sun:before {
    content: ""
}

.bxs-tachometer:before {
    content: ""
}

.bxs-tag:before {
    content: ""
}

.bxs-tag-alt:before {
    content: ""
}

.bxs-tag-x:before {
    content: ""
}

.bxs-taxi:before {
    content: ""
}

.bxs-tennis-ball:before {
    content: ""
}

.bxs-terminal:before {
    content: ""
}

.bxs-thermometer:before {
    content: ""
}

.bxs-time:before {
    content: ""
}

.bxs-time-five:before {
    content: ""
}

.bxs-timer:before {
    content: ""
}

.bxs-tired:before {
    content: ""
}

.bxs-toggle-left:before {
    content: ""
}

.bxs-toggle-right:before {
    content: ""
}

.bxs-tone:before {
    content: ""
}

.bxs-torch:before {
    content: ""
}

.bxs-to-top:before {
    content: ""
}

.bxs-traffic:before {
    content: ""
}

.bxs-traffic-barrier:before {
    content: ""
}

.bxs-traffic-cone:before {
    content: ""
}

.bxs-train:before {
    content: ""
}

.bxs-trash:before {
    content: ""
}

.bxs-trash-alt:before {
    content: ""
}

.bxs-tree:before {
    content: ""
}

.bxs-trophy:before {
    content: ""
}

.bxs-truck:before {
    content: ""
}

.bxs-t-shirt:before {
    content: ""
}

.bxs-tv:before {
    content: ""
}

.bxs-up-arrow:before {
    content: ""
}

.bxs-up-arrow-alt:before {
    content: ""
}

.bxs-up-arrow-circle:before {
    content: ""
}

.bxs-up-arrow-square:before {
    content: ""
}

.bxs-upside-down:before {
    content: ""
}

.bxs-upvote:before {
    content: ""
}

.bxs-user:before {
    content: ""
}

.bxs-user-account:before {
    content: ""
}

.bxs-user-badge:before {
    content: ""
}

.bxs-user-check:before {
    content: ""
}

.bxs-user-circle:before {
    content: ""
}

.bxs-user-detail:before {
    content: ""
}

.bxs-user-minus:before {
    content: ""
}

.bxs-user-pin:before {
    content: ""
}

.bxs-user-plus:before {
    content: ""
}

.bxs-user-rectangle:before {
    content: ""
}

.bxs-user-voice:before {
    content: ""
}

.bxs-user-x:before {
    content: ""
}

.bxs-vector:before {
    content: ""
}

.bxs-vial:before {
    content: ""
}

.bxs-video:before {
    content: ""
}

.bxs-video-off:before {
    content: ""
}

.bxs-video-plus:before {
    content: ""
}

.bxs-video-recording:before {
    content: ""
}

.bxs-videos:before {
    content: ""
}

.bxs-virus:before {
    content: ""
}

.bxs-virus-block:before {
    content: ""
}

.bxs-volume:before {
    content: ""
}

.bxs-volume-full:before {
    content: ""
}

.bxs-volume-low:before {
    content: ""
}

.bxs-volume-mute:before {
    content: ""
}

.bxs-wallet:before {
    content: ""
}

.bxs-wallet-alt:before {
    content: ""
}

.bxs-washer:before {
    content: ""
}

.bxs-watch:before {
    content: ""
}

.bxs-watch-alt:before {
    content: ""
}

.bxs-webcam:before {
    content: ""
}

.bxs-widget:before {
    content: ""
}

.bxs-window-alt:before {
    content: ""
}

.bxs-wine:before {
    content: ""
}

.bxs-wink-smile:before {
    content: ""
}

.bxs-wink-tongue:before {
    content: ""
}

.bxs-wrench:before {
    content: ""
}

.bxs-x-circle:before {
    content: ""
}

.bxs-x-square:before {
    content: ""
}

.bxs-yin-yang:before {
    content: ""
}

.bxs-zap:before {
    content: ""
}

.bxs-zoom-in:before {
    content: ""
}

.bxs-zoom-out:before {
    content: ""
}

.ws-sss .el-pager li.is-active,
.ws-sss .el-pager li:hover {
    color: #00dc82 !important
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    background: transparent
}

.spotlight[data-v-ccd3db62] {
    background: linear-gradient(45deg, #00dc82, #36e4da 50%, #0047e1);
    bottom: -30vh;
    filter: blur(20vh);
    height: 40vh
}

.gradient-border[data-v-ccd3db62] {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: .5rem;
    position: relative
}

@media (prefers-color-scheme:light) {
    .gradient-border[data-v-ccd3db62] {
        background-color: #ffffff4d
    }

    .gradient-border[data-v-ccd3db62]:before {
        background: linear-gradient(90deg, #e2e2e2, #e2e2e2 25%, #00dc82 50%, #36e4da 75%, #0047e1)
    }
}

@media (prefers-color-scheme:dark) {
    .gradient-border[data-v-ccd3db62] {
        background-color: #1414144d
    }

    .gradient-border[data-v-ccd3db62]:before {
        background: linear-gradient(90deg, #303030, #303030 25%, #00dc82 50%, #36e4da 75%, #0047e1)
    }
}

.gradient-border[data-v-ccd3db62]:before {
    background-size: 400% auto;
    border-radius: .5rem;
    bottom: 0;
    content: "";
    left: 0;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: .5;
    padding: 2px;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-position .3s ease-in-out, opacity .2s ease-in-out;
    width: 100%
}

.gradient-border[data-v-ccd3db62]:hover:before {
    background-position: -50% 0;
    opacity: 1
}

.bg-white[data-v-ccd3db62] {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.cursor-pointer[data-v-ccd3db62] {
    cursor: pointer
}

.flex[data-v-ccd3db62] {
    display: flex
}

.grid[data-v-ccd3db62] {
    display: grid
}

.place-content-center[data-v-ccd3db62] {
    place-content: center
}

.items-center[data-v-ccd3db62] {
    align-items: center
}

.justify-center[data-v-ccd3db62] {
    justify-content: center
}

.font-sans[data-v-ccd3db62] {
    font-family: ui-sans-serif, "ui-sans-serif fallback", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

.font-medium[data-v-ccd3db62] {
    font-weight: 500
}

.font-light[data-v-ccd3db62] {
    font-weight: 300
}

.text-8xl[data-v-ccd3db62] {
    font-size: 6rem;
    line-height: 1
}

.text-xl[data-v-ccd3db62] {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.leading-tight[data-v-ccd3db62] {
    line-height: 1.25
}

.mb-8[data-v-ccd3db62] {
    margin-bottom: 2rem
}

.mb-16[data-v-ccd3db62] {
    margin-bottom: 4rem
}

.max-w-520px[data-v-ccd3db62] {
    max-width: 520px
}

.min-h-screen[data-v-ccd3db62] {
    min-height: 100vh
}

.overflow-hidden[data-v-ccd3db62] {
    overflow: hidden
}

.px-8[data-v-ccd3db62] {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-2[data-v-ccd3db62] {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.px-4[data-v-ccd3db62] {
    padding-left: 1rem;
    padding-right: 1rem
}

.fixed[data-v-ccd3db62] {
    position: fixed
}

.left-0[data-v-ccd3db62] {
    left: 0
}

.right-0[data-v-ccd3db62] {
    right: 0
}

.text-center[data-v-ccd3db62] {
    text-align: center
}

.text-black[data-v-ccd3db62] {
    --tw-text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.antialiased[data-v-ccd3db62] {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.w-full[data-v-ccd3db62] {
    width: 100%
}

.z-10[data-v-ccd3db62] {
    z-index: 10
}

.z-20[data-v-ccd3db62] {
    z-index: 20
}

@media (min-width:640px) {
    .sm\:text-4xl[data-v-ccd3db62] {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .sm\:text-xl[data-v-ccd3db62] {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .sm\:text-10xl[data-v-ccd3db62] {
        font-size: 10rem;
        line-height: 1
    }

    .sm\:px-0[data-v-ccd3db62] {
        padding-left: 0;
        padding-right: 0
    }

    .sm\:py-3[data-v-ccd3db62] {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .sm\:px-6[data-v-ccd3db62] {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media (prefers-color-scheme:dark) {
    .dark\:bg-black[data-v-ccd3db62] {
        --tw-bg-opacity: 1;
        background-color: #000;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .dark\:text-white[data-v-ccd3db62] {
        --tw-text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }
}

.spotlight[data-v-df79c84d] {
    background: linear-gradient(45deg, #00dc82, #36e4da 50%, #0047e1);
    filter: blur(20vh)
}

.bg-white[data-v-df79c84d] {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.grid[data-v-df79c84d] {
    display: grid
}

.place-content-center[data-v-df79c84d] {
    place-content: center
}

.font-sans[data-v-df79c84d] {
    font-family: ui-sans-serif, "ui-sans-serif fallback", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

.font-medium[data-v-df79c84d] {
    font-weight: 500
}

.font-light[data-v-df79c84d] {
    font-weight: 300
}

.h-1\/2[data-v-df79c84d] {
    height: 50%
}

.text-8xl[data-v-df79c84d] {
    font-size: 6rem;
    line-height: 1
}

.text-xl[data-v-df79c84d] {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.leading-tight[data-v-df79c84d] {
    line-height: 1.25
}

.mb-8[data-v-df79c84d] {
    margin-bottom: 2rem
}

.mb-16[data-v-df79c84d] {
    margin-bottom: 4rem
}

.max-w-520px[data-v-df79c84d] {
    max-width: 520px
}

.min-h-screen[data-v-df79c84d] {
    min-height: 100vh
}

.overflow-hidden[data-v-df79c84d] {
    overflow: hidden
}

.px-8[data-v-df79c84d] {
    padding-left: 2rem;
    padding-right: 2rem
}

.fixed[data-v-df79c84d] {
    position: fixed
}

.left-0[data-v-df79c84d] {
    left: 0
}

.right-0[data-v-df79c84d] {
    right: 0
}

.-bottom-1\/2[data-v-df79c84d] {
    bottom: -50%
}

.text-center[data-v-df79c84d] {
    text-align: center
}

.text-black[data-v-df79c84d] {
    --tw-text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.antialiased[data-v-df79c84d] {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (min-width:640px) {
    .sm\:text-4xl[data-v-df79c84d] {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .sm\:text-10xl[data-v-df79c84d] {
        font-size: 10rem;
        line-height: 1
    }

    .sm\:px-0[data-v-df79c84d] {
        padding-left: 0;
        padding-right: 0
    }
}

@media (prefers-color-scheme:dark) {
    .dark\:bg-black[data-v-df79c84d] {
        --tw-bg-opacity: 1;
        background-color: #000;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .dark\:text-white[data-v-df79c84d] {
        --tw-text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }
}

.el-date-table {
    font-size: 12px;
    -webkit-user-select: none;
    user-select: none
}

.el-date-table.is-week-mode .el-date-table__row:hover .el-date-table-cell {
    background-color: var(--el-datepicker-inrange-bg-color)
}

.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
    color: var(--el-datepicker-text-color)
}

.el-date-table.is-week-mode .el-date-table__row:hover td:first-child .el-date-table-cell {
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    margin-left: 5px
}

.el-date-table.is-week-mode .el-date-table__row:hover td:last-child .el-date-table-cell {
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    margin-right: 5px
}

.el-date-table.is-week-mode .el-date-table__row.current .el-date-table-cell {
    background-color: var(--el-datepicker-inrange-bg-color)
}

.el-date-table td {
    box-sizing: border-box;
    cursor: pointer;
    height: 30px;
    padding: 4px 0;
    position: relative;
    text-align: center;
    width: 32px
}

.el-date-table td .el-date-table-cell {
    box-sizing: border-box;
    height: 30px;
    padding: 3px 0
}

.el-date-table td .el-date-table-cell .el-date-table-cell__text {
    border-radius: 50%;
    display: block;
    height: 24px;
    left: 50%;
    line-height: 24px;
    margin: 0 auto;
    position: absolute;
    transform: translate(-50%);
    width: 24px
}

.el-date-table td.next-month,
.el-date-table td.prev-month {
    color: var(--el-datepicker-off-text-color)
}

.el-date-table td.today {
    position: relative
}

.el-date-table td.today .el-date-table-cell__text {
    color: var(--el-color-primary);
    font-weight: 700
}

.el-date-table td.today.end-date .el-date-table-cell__text,
.el-date-table td.today.start-date .el-date-table-cell__text {
    color: #fff
}

.el-date-table td.available:hover {
    color: var(--el-datepicker-hover-text-color)
}

.el-date-table td.in-range .el-date-table-cell {
    background-color: var(--el-datepicker-inrange-bg-color)
}

.el-date-table td.in-range .el-date-table-cell:hover {
    background-color: var(--el-datepicker-inrange-hover-bg-color)
}

.el-date-table td.current:not(.disabled) .el-date-table-cell__text {
    background-color: var(--el-datepicker-active-color);
    color: #fff
}

.el-date-table td.current:not(.disabled):focus-visible .el-date-table-cell__text {
    outline: 2px solid var(--el-datepicker-active-color);
    outline-offset: 1px
}

.el-date-table td.end-date .el-date-table-cell,
.el-date-table td.start-date .el-date-table-cell {
    color: #fff
}

.el-date-table td.end-date .el-date-table-cell__text,
.el-date-table td.start-date .el-date-table-cell__text {
    background-color: var(--el-datepicker-active-color)
}

.el-date-table td.start-date .el-date-table-cell {
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    margin-left: 5px
}

.el-date-table td.end-date .el-date-table-cell {
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    margin-right: 5px
}

.el-date-table td.disabled .el-date-table-cell {
    background-color: var(--el-fill-color-light);
    color: var(--el-text-color-placeholder);
    cursor: not-allowed;
    opacity: 1
}

.el-date-table td.selected .el-date-table-cell {
    background-color: var(--el-datepicker-inrange-bg-color);
    border-radius: 15px;
    margin-left: 5px;
    margin-right: 5px
}

.el-date-table td.selected .el-date-table-cell:hover {
    background-color: var(--el-datepicker-inrange-hover-bg-color)
}

.el-date-table td.selected .el-date-table-cell__text {
    background-color: var(--el-datepicker-active-color);
    border-radius: 15px;
    color: #fff
}

.el-date-table td.week {
    color: var(--el-datepicker-header-text-color);
    font-size: 80%
}

.el-date-table td:focus {
    outline: none
}

.el-date-table th {
    border-bottom: 1px solid var(--el-border-color-lighter);
    color: var(--el-datepicker-header-text-color);
    font-weight: 400;
    padding: 5px
}

.el-month-table {
    border-collapse: collapse;
    font-size: 12px;
    margin: -1px
}

.el-month-table td {
    cursor: pointer;
    padding: 8px 0;
    text-align: center
}

.el-month-table td div {
    box-sizing: border-box;
    height: 48px;
    padding: 6px 0
}

.el-month-table td.today .cell {
    color: var(--el-color-primary);
    font-weight: 700
}

.el-month-table td.today.end-date .cell,
.el-month-table td.today.start-date .cell {
    color: #fff
}

.el-month-table td.disabled .cell {
    background-color: var(--el-fill-color-light);
    cursor: not-allowed
}

.el-month-table td.disabled .cell,
.el-month-table td.disabled .cell:hover {
    color: var(--el-text-color-placeholder)
}

.el-month-table td .cell {
    border-radius: 18px;
    color: var(--el-datepicker-text-color);
    display: block;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;
    width: 60px
}

.el-month-table td .cell:hover {
    color: var(--el-datepicker-hover-text-color)
}

.el-month-table td.in-range div {
    background-color: var(--el-datepicker-inrange-bg-color)
}

.el-month-table td.in-range div:hover {
    background-color: var(--el-datepicker-inrange-hover-bg-color)
}

.el-month-table td.end-date div,
.el-month-table td.start-date div {
    color: #fff
}

.el-month-table td.end-date .cell,
.el-month-table td.start-date .cell {
    background-color: var(--el-datepicker-active-color);
    color: #fff
}

.el-month-table td.start-date div {
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px
}

.el-month-table td.end-date div {
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px
}

.el-month-table td.current:not(.disabled) .cell {
    color: var(--el-datepicker-active-color)
}

.el-month-table td:focus-visible {
    outline: none
}

.el-month-table td:focus-visible .cell {
    outline: 2px solid var(--el-datepicker-active-color)
}

.el-year-table {
    border-collapse: collapse;
    font-size: 12px;
    margin: -1px
}

.el-year-table .el-icon {
    color: var(--el-datepicker-icon-color)
}

.el-year-table td {
    cursor: pointer;
    padding: 20px 3px;
    text-align: center
}

.el-year-table td.today .cell {
    color: var(--el-color-primary);
    font-weight: 700
}

.el-year-table td.disabled .cell {
    background-color: var(--el-fill-color-light);
    cursor: not-allowed
}

.el-year-table td.disabled .cell,
.el-year-table td.disabled .cell:hover {
    color: var(--el-text-color-placeholder)
}

.el-year-table td .cell {
    border-radius: 18px;
    color: var(--el-datepicker-text-color);
    display: block;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;
    width: 48px
}

.el-year-table td .cell:hover {
    color: var(--el-datepicker-hover-text-color)
}

.el-year-table td.current:not(.disabled) .cell {
    color: var(--el-datepicker-active-color)
}

.el-year-table td:focus-visible {
    outline: none
}

.el-year-table td:focus-visible .cell {
    outline: 2px solid var(--el-datepicker-active-color)
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
    width: 33.3%
}

.el-time-spinner__wrapper {
    display: inline-block;
    max-height: 192px;
    overflow: auto;
    position: relative;
    vertical-align: top;
    width: 50%
}

.el-time-spinner__wrapper.el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
    padding-bottom: 15px
}

.el-time-spinner__wrapper.is-arrow {
    box-sizing: border-box;
    overflow: hidden;
    text-align: center
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
    transform: translateY(-32px)
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
    background: var(--el-fill-color-light);
    cursor: default
}

.el-time-spinner__arrow {
    color: var(--el-text-color-secondary);
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: var(--el-index-normal)
}

.el-time-spinner__arrow:hover {
    color: var(--el-color-primary)
}

.el-time-spinner__arrow.arrow-up {
    top: 10px
}

.el-time-spinner__arrow.arrow-down {
    bottom: 10px
}

.el-time-spinner__input.el-input {
    width: 70%
}

.el-time-spinner__input.el-input .el-input__inner,
.el-time-spinner__list {
    padding: 0;
    text-align: center
}

.el-time-spinner__list {
    list-style: none;
    margin: 0
}

.el-time-spinner__list:after,
.el-time-spinner__list:before {
    content: "";
    display: block;
    height: 80px;
    width: 100%
}

.el-time-spinner__item {
    color: var(--el-text-color-regular);
    font-size: 12px;
    height: 32px;
    line-height: 32px
}

.el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
    background: var(--el-fill-color-light);
    cursor: pointer
}

.el-time-spinner__item.is-active:not(.is-disabled) {
    color: var(--el-text-color-primary);
    font-weight: 700
}

.el-time-spinner__item.is-disabled {
    color: var(--el-text-color-placeholder);
    cursor: not-allowed
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
    transition: var(--el-transition-fade-linear)
}

.fade-in-linear-enter-from,
.fade-in-linear-leave-to {
    opacity: 0
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
    transition: var(--el-transition-fade-linear)
}

.el-fade-in-linear-enter-from,
.el-fade-in-linear-leave-to {
    opacity: 0
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
    transition: all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
}

.el-fade-in-enter-from,
.el-fade-in-leave-active {
    opacity: 0
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
    transition: all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
}

.el-zoom-in-center-enter-from,
.el-zoom-in-center-leave-active {
    opacity: 0;
    transform: scaleX(0)
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: center top;
    transition: var(--el-transition-md-fade)
}

.el-zoom-in-top-enter-active[data-popper-placement^=top],
.el-zoom-in-top-leave-active[data-popper-placement^=top] {
    transform-origin: center bottom
}

.el-zoom-in-top-enter-from,
.el-zoom-in-top-leave-active {
    opacity: 0;
    transform: scaleY(0)
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: center bottom;
    transition: var(--el-transition-md-fade)
}

.el-zoom-in-bottom-enter-from,
.el-zoom-in-bottom-leave-active {
    opacity: 0;
    transform: scaleY(0)
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
    opacity: 1;
    transform: scale(1);
    transform-origin: top left;
    transition: var(--el-transition-md-fade)
}

.el-zoom-in-left-enter-from,
.el-zoom-in-left-leave-active {
    opacity: 0;
    transform: scale(.45)
}

.collapse-transition {
    transition: var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out
}

.el-collapse-transition-enter-active,
.el-collapse-transition-leave-active {
    transition: var(--el-transition-duration) max-height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out
}

.horizontal-collapse-transition {
    transition: var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out, var(--el-transition-duration) padding-right ease-in-out
}

.el-list-enter-active,
.el-list-leave-active {
    transition: all 1s
}

.el-list-enter-from,
.el-list-leave-to {
    opacity: 0;
    transform: translateY(-30px)
}

.el-list-leave-active {
    position: absolute !important
}

.el-opacity-transition {
    transition: opacity var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
}

.el-picker__popper {
    --el-datepicker-border-color: var(--el-disabled-border-color)
}

.el-picker__popper.el-popper {
    background: var(--el-bg-color-overlay);
    box-shadow: var(--el-box-shadow-light)
}

.el-picker__popper.el-popper,
.el-picker__popper.el-popper .el-popper__arrow:before {
    border: 1px solid var(--el-datepicker-border-color)
}

.el-picker__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-left-color: transparent;
    border-top-color: transparent
}

.el-picker__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-right-color: transparent
}

.el-picker__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-left-color: transparent
}

.el-picker__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
    border-right-color: transparent;
    border-top-color: transparent
}

.el-date-editor {
    --el-date-editor-width: 220px;
    --el-date-editor-monthrange-width: 300px;
    --el-date-editor-daterange-width: 350px;
    --el-date-editor-datetimerange-width: 400px;
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width: 100%;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.el-date-editor.el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset
}

.el-date-editor.el-input__wrapper:hover {
    box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
}

.el-date-editor.el-input,
.el-date-editor.el-input__wrapper {
    height: var(--el-input-height, var(--el-component-size));
    width: var(--el-date-editor-width)
}

.el-date-editor--monthrange {
    --el-date-editor-width: var(--el-date-editor-monthrange-width)
}

.el-date-editor--daterange,
.el-date-editor--timerange {
    --el-date-editor-width: var(--el-date-editor-daterange-width)
}

.el-date-editor--datetimerange {
    --el-date-editor-width: var(--el-date-editor-datetimerange-width)
}

.el-date-editor--dates .el-input__wrapper {
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-date-editor .clear-icon,
.el-date-editor .close-icon {
    cursor: pointer
}

.el-date-editor .clear-icon:hover {
    color: var(--el-text-color-secondary)
}

.el-date-editor .el-range__icon {
    color: var(--el-text-color-placeholder);
    float: left;
    font-size: 14px;
    height: inherit
}

.el-date-editor .el-range__icon svg {
    vertical-align: middle
}

.el-date-editor .el-range-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: var(--el-text-color-regular);
    display: inline-block;
    font-size: var(--el-font-size-base);
    height: 30px;
    line-height: 30px;
    margin: 0;
    outline: none;
    padding: 0;
    text-align: center;
    width: 39%
}

.el-date-editor .el-range-input::placeholder {
    color: var(--el-text-color-placeholder)
}

.el-date-editor .el-range-separator {
    align-items: center;
    color: var(--el-text-color-primary);
    display: inline-flex;
    flex: 1;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    margin: 0;
    padding: 0 5px;
    word-break: keep-all
}

.el-date-editor .el-range__close-icon {
    color: var(--el-text-color-placeholder);
    cursor: pointer;
    font-size: 14px;
    height: inherit;
    width: unset
}

.el-date-editor .el-range__close-icon:hover {
    color: var(--el-text-color-secondary)
}

.el-date-editor .el-range__close-icon svg {
    vertical-align: middle
}

.el-date-editor .el-range__close-icon--hidden {
    opacity: 0;
    visibility: hidden
}

.el-range-editor.el-input__wrapper {
    align-items: center;
    display: inline-flex;
    padding: 0 10px
}

.el-range-editor.is-active,
.el-range-editor.is-active:hover {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
}

.el-range-editor--large {
    line-height: var(--el-component-size-large)
}

.el-range-editor--large.el-input__wrapper {
    height: var(--el-component-size-large)
}

.el-range-editor--large .el-range-separator {
    font-size: 14px;
    line-height: 40px
}

.el-range-editor--large .el-range-input {
    font-size: 14px;
    height: 38px;
    line-height: 38px
}

.el-range-editor--small {
    line-height: var(--el-component-size-small)
}

.el-range-editor--small.el-input__wrapper {
    height: var(--el-component-size-small)
}

.el-range-editor--small .el-range-separator {
    font-size: 12px;
    line-height: 24px
}

.el-range-editor--small .el-range-input {
    font-size: 12px;
    height: 22px;
    line-height: 22px
}

.el-range-editor.is-disabled {
    background-color: var(--el-disabled-bg-color);
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-range-editor.is-disabled,
.el-range-editor.is-disabled:focus,
.el-range-editor.is-disabled:hover {
    border-color: var(--el-disabled-border-color)
}

.el-range-editor.is-disabled input {
    background-color: var(--el-disabled-bg-color);
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-range-editor.is-disabled input::placeholder {
    color: var(--el-text-color-placeholder)
}

.el-range-editor.is-disabled .el-range-separator {
    color: var(--el-disabled-text-color)
}

.el-picker-panel {
    background: var(--el-bg-color-overlay);
    border-radius: var(--el-border-radius-base);
    color: var(--el-text-color-regular);
    line-height: 30px
}

.el-picker-panel .el-time-panel {
    background-color: var(--el-bg-color-overlay);
    border: 1px solid var(--el-datepicker-border-color);
    box-shadow: var(--el-box-shadow-light);
    margin: 5px 0
}

.el-picker-panel__body-wrapper:after,
.el-picker-panel__body:after {
    clear: both;
    content: "";
    display: table
}

.el-picker-panel__content {
    margin: 15px;
    position: relative
}

.el-picker-panel__footer {
    background-color: var(--el-bg-color-overlay);
    border-top: 1px solid var(--el-datepicker-inner-border-color);
    font-size: 0;
    padding: 4px 12px;
    position: relative;
    text-align: right
}

.el-picker-panel__shortcut {
    background-color: transparent;
    border: 0;
    color: var(--el-datepicker-text-color);
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 28px;
    outline: none;
    padding-left: 12px;
    text-align: left;
    width: 100%
}

.el-picker-panel__shortcut:hover {
    color: var(--el-datepicker-hover-text-color)
}

.el-picker-panel__shortcut.active {
    background-color: #e6f1fe;
    color: var(--el-datepicker-active-color)
}

.el-picker-panel__btn {
    background-color: transparent;
    border: 1px solid var(--el-fill-color-darker);
    border-radius: 2px;
    color: var(--el-text-color-primary);
    cursor: pointer;
    font-size: 12px;
    line-height: 24px;
    outline: none;
    padding: 0 20px
}

.el-picker-panel__btn[disabled] {
    color: var(--el-text-color-disabled);
    cursor: not-allowed
}

.el-picker-panel__icon-btn {
    background: transparent;
    border: 0;
    color: var(--el-datepicker-icon-color);
    cursor: pointer;
    font-size: 12px;
    margin-top: 8px;
    outline: none
}

.el-picker-panel__icon-btn:hover {
    color: var(--el-datepicker-hover-text-color)
}

.el-picker-panel__icon-btn:focus-visible {
    color: var(--el-datepicker-hover-text-color)
}

.el-picker-panel__icon-btn.is-disabled {
    color: var(--el-text-color-disabled)
}

.el-picker-panel__icon-btn.is-disabled:hover {
    cursor: not-allowed
}

.el-picker-panel__icon-btn .el-icon {
    cursor: pointer;
    font-size: inherit
}

.el-picker-panel__link-btn {
    vertical-align: middle
}

.el-picker-panel [slot=sidebar],
.el-picker-panel__sidebar {
    background-color: var(--el-bg-color-overlay);
    border-right: 1px solid var(--el-datepicker-inner-border-color);
    bottom: 0;
    box-sizing: border-box;
    overflow: auto;
    padding-top: 6px;
    position: absolute;
    top: 0;
    width: 110px
}

.el-picker-panel [slot=sidebar]+.el-picker-panel__body,
.el-picker-panel__sidebar+.el-picker-panel__body {
    margin-left: 110px
}

.el-date-picker {
    --el-datepicker-text-color: var(--el-text-color-regular);
    --el-datepicker-off-text-color: var(--el-text-color-placeholder);
    --el-datepicker-header-text-color: var(--el-text-color-regular);
    --el-datepicker-icon-color: var(--el-text-color-primary);
    --el-datepicker-border-color: var(--el-disabled-border-color);
    --el-datepicker-inner-border-color: var(--el-border-color-light);
    --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
    --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
    --el-datepicker-active-color: var(--el-color-primary);
    --el-datepicker-hover-text-color: var(--el-color-primary);
    width: 322px
}

.el-date-picker.has-sidebar.has-time {
    width: 434px
}

.el-date-picker.has-sidebar {
    width: 438px
}

.el-date-picker.has-time .el-picker-panel__body-wrapper {
    position: relative
}

.el-date-picker .el-picker-panel__content {
    width: 292px
}

.el-date-picker table {
    table-layout: fixed;
    width: 100%
}

.el-date-picker__editor-wrap {
    display: table-cell;
    padding: 0 5px;
    position: relative
}

.el-date-picker__time-header {
    border-bottom: 1px solid var(--el-datepicker-inner-border-color);
    box-sizing: border-box;
    display: table;
    font-size: 12px;
    padding: 8px 5px 5px;
    position: relative;
    width: 100%
}

.el-date-picker__header {
    margin: 12px;
    text-align: center
}

.el-date-picker__header--bordered {
    border-bottom: 1px solid var(--el-border-color-lighter);
    margin-bottom: 0;
    padding-bottom: 12px
}

.el-date-picker__header--bordered+.el-picker-panel__content {
    margin-top: 0
}

.el-date-picker__header-label {
    color: var(--el-text-color-regular);
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    padding: 0 5px;
    text-align: center
}

.el-date-picker__header-label:hover {
    color: var(--el-datepicker-hover-text-color)
}

.el-date-picker__header-label:focus-visible {
    color: var(--el-datepicker-hover-text-color);
    outline: none
}

.el-date-picker__header-label.active {
    color: var(--el-datepicker-active-color)
}

.el-date-picker__prev-btn {
    float: left
}

.el-date-picker__next-btn {
    float: right
}

.el-date-picker__time-wrap {
    padding: 10px;
    text-align: center
}

.el-date-picker__time-label {
    cursor: pointer;
    float: left;
    line-height: 30px;
    margin-left: 10px
}

.el-date-picker .el-time-panel {
    position: absolute
}

.el-date-range-picker {
    --el-datepicker-text-color: var(--el-text-color-regular);
    --el-datepicker-off-text-color: var(--el-text-color-placeholder);
    --el-datepicker-header-text-color: var(--el-text-color-regular);
    --el-datepicker-icon-color: var(--el-text-color-primary);
    --el-datepicker-border-color: var(--el-disabled-border-color);
    --el-datepicker-inner-border-color: var(--el-border-color-light);
    --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
    --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
    --el-datepicker-active-color: var(--el-color-primary);
    --el-datepicker-hover-text-color: var(--el-color-primary);
    width: 646px
}

.el-date-range-picker.has-sidebar {
    width: 756px
}

.el-date-range-picker.has-time .el-picker-panel__body-wrapper {
    position: relative
}

.el-date-range-picker table {
    table-layout: fixed;
    width: 100%
}

.el-date-range-picker .el-picker-panel__body {
    min-width: 513px
}

.el-date-range-picker .el-picker-panel__content {
    margin: 0
}

.el-date-range-picker__header {
    height: 28px;
    position: relative;
    text-align: center
}

.el-date-range-picker__header [class*=arrow-left] {
    float: left
}

.el-date-range-picker__header [class*=arrow-right] {
    float: right
}

.el-date-range-picker__header div {
    font-size: 16px;
    font-weight: 500;
    margin-right: 50px
}

.el-date-range-picker__content {
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 16px;
    width: 50%
}

.el-date-range-picker__content.is-left {
    border-right: 1px solid var(--el-datepicker-inner-border-color)
}

.el-date-range-picker__content .el-date-range-picker__header div {
    margin-left: 50px;
    margin-right: 50px
}

.el-date-range-picker__editors-wrap {
    box-sizing: border-box;
    display: table-cell
}

.el-date-range-picker__editors-wrap.is-right {
    text-align: right
}

.el-date-range-picker__time-header {
    border-bottom: 1px solid var(--el-datepicker-inner-border-color);
    box-sizing: border-box;
    display: table;
    font-size: 12px;
    padding: 8px 5px 5px;
    position: relative;
    width: 100%
}

.el-date-range-picker__time-header>.el-icon-arrow-right {
    color: var(--el-datepicker-icon-color);
    display: table-cell;
    font-size: 20px;
    vertical-align: middle
}

.el-date-range-picker__time-picker-wrap {
    display: table-cell;
    padding: 0 5px;
    position: relative
}

.el-date-range-picker__time-picker-wrap .el-picker-panel {
    background: #fff;
    position: absolute;
    right: 0;
    top: 13px;
    z-index: 1
}

.el-date-range-picker__time-picker-wrap .el-time-panel {
    position: absolute
}

.el-time-range-picker {
    overflow: visible;
    width: 354px
}

.el-time-range-picker__content {
    padding: 10px;
    position: relative;
    text-align: center;
    z-index: 1
}

.el-time-range-picker__cell {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 4px 7px 7px;
    width: 50%
}

.el-time-range-picker__header {
    font-size: 14px;
    margin-bottom: 5px;
    text-align: center
}

.el-time-range-picker__body {
    border: 1px solid var(--el-datepicker-border-color);
    border-radius: 2px
}

.el-time-panel {
    border-radius: 2px;
    box-sizing: content-box;
    left: 0;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    width: 180px;
    z-index: var(--el-index-top)
}

.el-time-panel__content {
    font-size: 0;
    overflow: hidden;
    position: relative
}

.el-time-panel__content:after,
.el-time-panel__content:before {
    box-sizing: border-box;
    content: "";
    height: 32px;
    left: 0;
    margin-top: -16px;
    padding-top: 6px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50%;
    z-index: -1
}

.el-time-panel__content:after {
    left: 50%;
    margin-left: 12%;
    margin-right: 12%
}

.el-time-panel__content:before {
    border-bottom: 1px solid var(--el-border-color-light);
    border-top: 1px solid var(--el-border-color-light);
    margin-left: 12%;
    margin-right: 12%;
    padding-left: 50%
}

.el-time-panel__content.has-seconds:after {
    left: 66.6666666667%
}

.el-time-panel__content.has-seconds:before {
    padding-left: 33.3333333333%
}

.el-time-panel__footer {
    border-top: 1px solid var(--el-timepicker-inner-border-color, var(--el-border-color-light));
    box-sizing: border-box;
    height: 36px;
    line-height: 25px;
    padding: 4px;
    text-align: right
}

.el-time-panel__btn {
    background-color: transparent;
    border: none;
    color: var(--el-text-color-primary);
    cursor: pointer;
    font-size: 12px;
    line-height: 28px;
    margin: 0 5px;
    outline: none;
    padding: 0 5px
}

.el-time-panel__btn.confirm {
    color: var(--el-timepicker-active-color, var(--el-color-primary));
    font-weight: 800
}

.el-tabs {
    --el-tabs-header-height: 40px
}

.el-tabs__header {
    margin: 0 0 15px;
    padding: 0;
    position: relative
}

.el-tabs__active-bar {
    background-color: var(--el-color-primary);
    bottom: 0;
    height: 2px;
    left: 0;
    list-style: none;
    position: absolute;
    transition: width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
    z-index: 1
}

.el-tabs__new-tab {
    align-items: center;
    border: 1px solid var(--el-border-color);
    border-radius: 3px;
    color: var(--el-text-color-primary);
    cursor: pointer;
    display: flex;
    float: right;
    font-size: 12px;
    height: 20px;
    justify-content: center;
    line-height: 20px;
    margin: 10px 0 10px 10px;
    text-align: center;
    transition: all .15s;
    width: 20px
}

.el-tabs__new-tab .is-icon-plus {
    height: inherit;
    transform: scale(.8);
    width: inherit
}

.el-tabs__new-tab .is-icon-plus svg {
    vertical-align: middle
}

.el-tabs__new-tab:hover {
    color: var(--el-color-primary)
}

.el-tabs__nav-wrap {
    margin-bottom: -1px;
    overflow: hidden;
    position: relative
}

.el-tabs__nav-wrap:after {
    background-color: var(--el-border-color-light);
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: var(--el-index-normal)
}

.el-tabs__nav-wrap.is-scrollable {
    box-sizing: border-box;
    padding: 0 20px
}

.el-tabs__nav-scroll {
    overflow: hidden
}

.el-tabs__nav-next,
.el-tabs__nav-prev {
    color: var(--el-text-color-secondary);
    cursor: pointer;
    font-size: 12px;
    line-height: 44px;
    position: absolute;
    text-align: center;
    width: 20px
}

.el-tabs__nav-next {
    right: 0
}

.el-tabs__nav-prev {
    left: 0
}

.el-tabs__nav {
    display: flex;
    float: left;
    position: relative;
    transition: transform var(--el-transition-duration);
    white-space: nowrap;
    z-index: calc(var(--el-index-normal) + 1)
}

.el-tabs__nav.is-stretch {
    display: flex;
    min-width: 100%
}

.el-tabs__nav.is-stretch>* {
    flex: 1;
    text-align: center
}

.el-tabs__item {
    align-items: center;
    box-sizing: border-box;
    color: var(--el-text-color-primary);
    display: flex;
    font-size: var(--el-font-size-base);
    font-weight: 500;
    height: var(--el-tabs-header-height);
    justify-content: center;
    list-style: none;
    padding: 0 20px;
    position: relative
}

.el-tabs__item:focus,
.el-tabs__item:focus:active {
    outline: none
}

.el-tabs__item:focus-visible {
    border-radius: 3px;
    box-shadow: 0 0 2px 2px var(--el-color-primary) inset
}

.el-tabs__item .is-icon-close {
    border-radius: 50%;
    margin-left: 5px;
    text-align: center;
    transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)
}

.el-tabs__item .is-icon-close:before {
    display: inline-block;
    transform: scale(.9)
}

.el-tabs__item .is-icon-close:hover {
    background-color: var(--el-text-color-placeholder);
    color: #fff
}

.el-tabs__item.is-active,
.el-tabs__item:hover {
    color: var(--el-color-primary)
}

.el-tabs__item:hover {
    cursor: pointer
}

.el-tabs__item.is-disabled {
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-tabs__content {
    overflow: hidden;
    position: relative
}

.el-tabs--card>.el-tabs__header {
    border-bottom: 1px solid var(--el-border-color-light);
    height: var(--el-tabs-header-height)
}

.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after {
    content: none
}

.el-tabs--card>.el-tabs__header .el-tabs__nav {
    border: 1px solid var(--el-border-color-light);
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    box-sizing: border-box
}

.el-tabs--card>.el-tabs__header .el-tabs__active-bar {
    display: none
}

.el-tabs--card>.el-tabs__header .el-tabs__item .is-icon-close {
    font-size: 12px;
    height: 14px;
    overflow: hidden;
    position: relative;
    right: -2px;
    transform-origin: 100% 50%;
    width: 0
}

.el-tabs--card>.el-tabs__header .el-tabs__item {
    border-bottom: 1px solid transparent;
    border-left: 1px solid var(--el-border-color-light);
    transition: color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)
}

.el-tabs--card>.el-tabs__header .el-tabs__item:first-child {
    border-left: none
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover {
    padding-left: 13px;
    padding-right: 13px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .is-icon-close {
    width: 14px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
    border-bottom-color: var(--el-bg-color)
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable {
    padding-left: 20px;
    padding-right: 20px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .is-icon-close {
    width: 14px
}

.el-tabs--border-card {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-border-color)
}

.el-tabs--border-card>.el-tabs__content {
    padding: 15px
}

.el-tabs--border-card>.el-tabs__header {
    background-color: var(--el-fill-color-light);
    border-bottom: 1px solid var(--el-border-color-light);
    margin: 0
}

.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after {
    content: none
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item {
    border: 1px solid transparent;
    color: var(--el-text-color-secondary);
    margin-top: -1px;
    transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item,
.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child {
    margin-left: -1px
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    background-color: var(--el-bg-color-overlay);
    border-left-color: var(--el-border-color);
    border-right-color: var(--el-border-color);
    color: var(--el-color-primary)
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: var(--el-color-primary)
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled {
    color: var(--el-disabled-text-color)
}

.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child {
    margin-left: 0
}

.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
.el-tabs--top .el-tabs__item.is-top:nth-child(2) {
    padding-left: 0
}

.el-tabs--bottom .el-tabs__item.is-bottom:last-child,
.el-tabs--bottom .el-tabs__item.is-top:last-child,
.el-tabs--top .el-tabs__item.is-bottom:last-child,
.el-tabs--top .el-tabs__item.is-top:last-child {
    padding-right: 0
}

.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2) {
    padding-left: 20px
}

.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover {
    padding-left: 13px
}

.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child {
    padding-right: 20px
}

.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover {
    padding-right: 13px
}

.el-tabs--bottom .el-tabs__header.is-bottom {
    margin-bottom: 0;
    margin-top: 10px
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
    border-bottom: 0;
    border-top: 1px solid var(--el-border-color)
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
    margin-bottom: 0;
    margin-top: -1px
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
    border: 1px solid transparent
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
    margin: 0 -1px -1px
}

.el-tabs--left,
.el-tabs--right {
    overflow: hidden
}

.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
.el-tabs--left .el-tabs__nav-scroll,
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__header.is-left,
.el-tabs--right .el-tabs__header.is-right,
.el-tabs--right .el-tabs__nav-scroll,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
    height: 100%
}

.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__active-bar.is-right,
.el-tabs--right .el-tabs__active-bar.is-left,
.el-tabs--right .el-tabs__active-bar.is-right {
    bottom: auto;
    height: auto;
    top: 0;
    width: 2px
}

.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-bottom: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100%
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i {
    transform: rotate(90deg)
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
    left: auto;
    top: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next {
    bottom: 0;
    right: auto
}

.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
    padding: 30px 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left:after,
.el-tabs--left .el-tabs__nav-wrap.is-right:after,
.el-tabs--right .el-tabs__nav-wrap.is-left:after,
.el-tabs--right .el-tabs__nav-wrap.is-right:after {
    bottom: auto;
    height: 100%;
    top: 0;
    width: 2px
}

.el-tabs--left .el-tabs__nav.is-left,
.el-tabs--left .el-tabs__nav.is-right,
.el-tabs--right .el-tabs__nav.is-left,
.el-tabs--right .el-tabs__nav.is-right {
    flex-direction: column
}

.el-tabs--left .el-tabs__item.is-left,
.el-tabs--right .el-tabs__item.is-left {
    justify-content: flex-end
}

.el-tabs--left .el-tabs__item.is-right,
.el-tabs--right .el-tabs__item.is-right {
    justify-content: flex-start
}

.el-tabs--left .el-tabs__header.is-left {
    float: left;
    margin-bottom: 0;
    margin-right: 10px
}

.el-tabs--left .el-tabs__nav-wrap.is-left {
    margin-right: -1px
}

.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-left:after {
    left: auto;
    right: 0
}

.el-tabs--left .el-tabs__item.is-left {
    text-align: right
}

.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
    display: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
    border-bottom: none;
    border-left: none;
    border-right: 1px solid var(--el-border-color-light);
    border-top: 1px solid var(--el-border-color-light);
    text-align: left
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
    border-right: 1px solid var(--el-border-color-light);
    border-top: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
    border: 1px solid var(--el-border-color-light);
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #fff
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
    border-top: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
    border-bottom: none
}

.el-tabs--left.el-tabs--card .el-tabs__nav {
    border-bottom: 1px solid var(--el-border-color-light);
    border-radius: 4px 0 0 4px;
    border-right: none
}

.el-tabs--left.el-tabs--card .el-tabs__new-tab {
    float: none
}

.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
    border-right: 1px solid var(--el-border-color)
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
    border: 1px solid transparent;
    margin: -1px 0 -1px -1px
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
    border-color: #d1dbe5 transparent
}

.el-tabs--right .el-tabs__header.is-right {
    float: right;
    margin-bottom: 0;
    margin-left: 10px
}

.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-left: -1px
}

.el-tabs--right .el-tabs__nav-wrap.is-right:after {
    left: 0;
    right: auto
}

.el-tabs--right .el-tabs__active-bar.is-right {
    left: 0
}

.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
    display: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
    border-bottom: none;
    border-top: 1px solid var(--el-border-color-light)
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
    border-left: 1px solid var(--el-border-color-light);
    border-top: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
    border: 1px solid var(--el-border-color-light);
    border-bottom: none;
    border-left: 1px solid #fff;
    border-right: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
    border-top: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
    border-bottom: none
}

.el-tabs--right.el-tabs--card .el-tabs__nav {
    border-bottom: 1px solid var(--el-border-color-light);
    border-left: none;
    border-radius: 0 4px 4px 0
}

.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
    border-left: 1px solid var(--el-border-color)
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
    border: 1px solid transparent;
    margin: -1px -1px -1px 0
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
    border-color: #d1dbe5 transparent
}

.slideInLeft-transition,
.slideInRight-transition {
    display: inline-block
}

.slideInRight-enter {
    animation: slideInRight-enter var(--el-transition-duration)
}

.slideInRight-leave {
    animation: slideInRight-leave var(--el-transition-duration);
    left: 0;
    position: absolute;
    right: 0
}

.slideInLeft-enter {
    animation: slideInLeft-enter var(--el-transition-duration)
}

.slideInLeft-leave {
    animation: slideInLeft-leave var(--el-transition-duration);
    left: 0;
    position: absolute;
    right: 0
}

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

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

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

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

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

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

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

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

.el-table-column--selection .cell {
    padding-left: 14px;
    padding-right: 14px
}

.el-table-filter {
    background-color: #fff;
    border: 1px solid var(--el-border-color-lighter);
    border-radius: 2px;
    box-shadow: var(--el-box-shadow-light);
    box-sizing: border-box
}

.el-table-filter__list {
    list-style: none;
    margin: 0;
    min-width: 100px;
    padding: 5px 0
}

.el-table-filter__list-item {
    cursor: pointer;
    font-size: var(--el-font-size-base);
    line-height: 36px;
    padding: 0 10px
}

.el-table-filter__list-item:hover {
    background-color: var(--el-color-primary-light-9);
    color: var(--el-color-primary)
}

.el-table-filter__list-item.is-active {
    background-color: var(--el-color-primary);
    color: #fff
}

.el-table-filter__content {
    min-width: 100px
}

.el-table-filter__bottom {
    border-top: 1px solid var(--el-border-color-lighter);
    padding: 8px
}

.el-table-filter__bottom button {
    background: transparent;
    border: none;
    color: var(--el-text-color-regular);
    cursor: pointer;
    font-size: var(--el-font-size-small);
    padding: 0 3px
}

.el-table-filter__bottom button:hover {
    color: var(--el-color-primary)
}

.el-table-filter__bottom button:focus {
    outline: none
}

.el-table-filter__bottom button.is-disabled {
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-table-filter__wrap {
    max-height: 280px
}

.el-table-filter__checkbox-group {
    padding: 10px
}

.el-table-filter__checkbox-group label.el-checkbox {
    align-items: center;
    display: flex;
    height: unset;
    margin-bottom: 12px;
    margin-left: 5px;
    margin-right: 5px
}

.el-table-filter__checkbox-group .el-checkbox:last-child {
    margin-bottom: 0
}

.el-checkbox {
    --el-checkbox-font-size: 14px;
    --el-checkbox-font-weight: var(--el-font-weight-primary);
    --el-checkbox-text-color: var(--el-text-color-regular);
    --el-checkbox-input-height: 14px;
    --el-checkbox-input-width: 14px;
    --el-checkbox-border-radius: var(--el-border-radius-small);
    --el-checkbox-bg-color: var(--el-fill-color-blank);
    --el-checkbox-input-border: var(--el-border);
    --el-checkbox-disabled-border-color: var(--el-border-color);
    --el-checkbox-disabled-input-fill: var(--el-fill-color-light);
    --el-checkbox-disabled-icon-color: var(--el-text-color-placeholder);
    --el-checkbox-disabled-checked-input-fill: var(--el-border-color-extra-light);
    --el-checkbox-disabled-checked-input-border-color: var(--el-border-color);
    --el-checkbox-disabled-checked-icon-color: var(--el-text-color-placeholder);
    --el-checkbox-checked-text-color: var(--el-color-primary);
    --el-checkbox-checked-input-border-color: var(--el-color-primary);
    --el-checkbox-checked-bg-color: var(--el-color-primary);
    --el-checkbox-checked-icon-color: var(--el-color-white);
    --el-checkbox-input-border-color-hover: var(--el-color-primary);
    align-items: center;
    color: var(--el-text-color-regular);
    color: var(--el-checkbox-text-color);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--el-font-size-base);
    font-weight: var(--el-font-weight-primary);
    font-weight: var(--el-checkbox-font-weight);
    height: 32px;
    height: var(--el-checkbox-height, 32px);
    margin-right: 30px;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap
}

.el-checkbox.is-disabled {
    cursor: not-allowed
}

.el-checkbox.is-bordered {
    border: var(--el-border);
    border-radius: var(--el-border-radius-base);
    box-sizing: border-box;
    padding: 0 15px 0 9px
}

.el-checkbox.is-bordered.is-checked {
    border-color: var(--el-color-primary)
}

.el-checkbox.is-bordered.is-disabled {
    border-color: var(--el-border-color-lighter)
}

.el-checkbox.is-bordered.el-checkbox--large {
    border-radius: var(--el-border-radius-base);
    padding: 0 19px 0 11px
}

.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label {
    font-size: var(--el-font-size-base)
}

.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner {
    height: 14px;
    width: 14px
}

.el-checkbox.is-bordered.el-checkbox--small {
    border-radius: calc(var(--el-border-radius-base) - 1px);
    padding: 0 11px 0 7px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
    font-size: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
    height: 12px;
    width: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
    height: 6px;
    width: 2px
}

.el-checkbox input:focus-visible+.el-checkbox__inner {
    border-radius: var(--el-checkbox-border-radius);
    outline: 2px solid var(--el-checkbox-input-border-color-hover);
    outline-offset: 1px
}

.el-checkbox__input {
    cursor: pointer;
    display: inline-flex;
    outline: none;
    position: relative;
    white-space: nowrap
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
    background-color: var(--el-checkbox-disabled-input-fill);
    border-color: var(--el-checkbox-disabled-border-color);
    cursor: not-allowed
}

.el-checkbox__input.is-disabled .el-checkbox__inner:after {
    border-color: var(--el-checkbox-disabled-icon-color);
    cursor: not-allowed
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
    background-color: var(--el-checkbox-disabled-checked-input-fill);
    border-color: var(--el-checkbox-disabled-checked-input-border-color)
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
    border-color: var(--el-checkbox-disabled-checked-icon-color)
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
    background-color: var(--el-checkbox-disabled-checked-input-fill);
    border-color: var(--el-checkbox-disabled-checked-input-border-color)
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
    background-color: var(--el-checkbox-disabled-checked-icon-color);
    border-color: var(--el-checkbox-disabled-checked-icon-color)
}

.el-checkbox__input.is-disabled+span.el-checkbox__label {
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--el-checkbox-checked-bg-color);
    border-color: var(--el-checkbox-checked-input-border-color)
}

.el-checkbox__input.is-checked .el-checkbox__inner:after {
    border-color: var(--el-checkbox-checked-icon-color);
    transform: rotate(45deg) scaleY(1)
}

.el-checkbox__input.is-checked+.el-checkbox__label {
    color: var(--el-checkbox-checked-text-color)
}

.el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible) {
    border-color: var(--el-checkbox-input-border-color-hover)
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: var(--el-checkbox-checked-bg-color);
    border-color: var(--el-checkbox-checked-input-border-color)
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    background-color: var(--el-checkbox-checked-icon-color);
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 5px;
    transform: scale(.5)
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
    display: none
}

.el-checkbox__inner {
    background-color: var(--el-checkbox-bg-color);
    border: var(--el-checkbox-input-border);
    border-radius: var(--el-checkbox-border-radius);
    box-sizing: border-box;
    display: inline-block;
    height: var(--el-checkbox-input-height);
    position: relative;
    transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46), outline .25s cubic-bezier(.71, -.46, .29, 1.46);
    width: var(--el-checkbox-input-width);
    z-index: var(--el-index-normal)
}

.el-checkbox__inner:hover {
    border-color: var(--el-checkbox-input-border-color-hover)
}

.el-checkbox__inner:after {
    border: 1px solid transparent;
    border-left: 0;
    border-top: 0;
    box-sizing: content-box;
    content: "";
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg) scaleY(0);
    transform-origin: center;
    transition: transform .15s ease-in .05s;
    width: 3px
}

.el-checkbox__original {
    height: 0;
    margin: 0;
    opacity: 0;
    outline: none;
    position: absolute;
    width: 0;
    z-index: -1
}

.el-checkbox__label {
    display: inline-block;
    font-size: var(--el-checkbox-font-size);
    line-height: 1;
    padding-left: 8px
}

.el-checkbox.el-checkbox--large {
    height: 40px
}

.el-checkbox.el-checkbox--large .el-checkbox__label {
    font-size: 14px
}

.el-checkbox.el-checkbox--large .el-checkbox__inner {
    height: 14px;
    width: 14px
}

.el-checkbox.el-checkbox--small {
    height: 24px
}

.el-checkbox.el-checkbox--small .el-checkbox__label {
    font-size: 12px
}

.el-checkbox.el-checkbox--small .el-checkbox__inner {
    height: 12px;
    width: 12px
}

.el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    top: 4px
}

.el-checkbox.el-checkbox--small .el-checkbox__inner:after {
    height: 6px;
    width: 2px
}

.el-checkbox:last-of-type {
    margin-right: 0
}

.el-table {
    --el-table-border-color: var(--el-border-color-lighter);
    --el-table-border: 1px solid var(--el-table-border-color);
    --el-table-text-color: var(--el-text-color-regular);
    --el-table-header-text-color: var(--el-text-color-secondary);
    --el-table-row-hover-bg-color: var(--el-fill-color-light);
    --el-table-current-row-bg-color: var(--el-color-primary-light-9);
    --el-table-header-bg-color: var(--el-bg-color);
    --el-table-fixed-box-shadow: var(--el-box-shadow-light);
    --el-table-bg-color: var(--el-fill-color-blank);
    --el-table-tr-bg-color: var(--el-bg-color);
    --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
    --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, .15);
    --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, .15);
    --el-table-index: var(--el-index-normal);
    background-color: var(--el-fill-color-blank);
    background-color: var(--el-table-bg-color);
    box-sizing: border-box;
    color: var(--el-text-color-regular);
    color: var(--el-table-text-color);
    font-size: 14px;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.el-table__inner-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

.el-table__inner-wrapper:before {
    bottom: 0;
    height: 1px;
    left: 0;
    width: 100%
}

.el-table tbody:focus-visible {
    outline: none
}

.el-table.has-footer.el-table--fluid-height tr:last-child td.el-table__cell,
.el-table.has-footer.el-table--scrollable-y tr:last-child td.el-table__cell {
    border-bottom-color: transparent
}

.el-table__empty-block {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 0;
    min-height: 60px;
    position: sticky;
    text-align: center;
    width: 100%
}

.el-table__empty-text {
    color: var(--el-text-color-secondary);
    line-height: 60px;
    width: 50%
}

.el-table__expand-column .cell {
    padding: 0;
    text-align: center;
    -webkit-user-select: none;
    user-select: none
}

.el-table__expand-icon {
    color: var(--el-text-color-regular);
    cursor: pointer;
    font-size: 12px;
    height: 20px;
    position: relative;
    transition: transform var(--el-transition-duration-fast) ease-in-out
}

.el-table__expand-icon--expanded {
    transform: rotate(90deg)
}

.el-table__expand-icon>.el-icon {
    font-size: 12px
}

.el-table__expanded-cell {
    background-color: var(--el-table-expanded-cell-bg-color)
}

.el-table__expanded-cell[class*=cell] {
    padding: 20px 50px
}

.el-table__expanded-cell:hover {
    background-color: transparent !important
}

.el-table__placeholder {
    display: inline-block;
    width: 20px
}

.el-table__append-wrapper {
    overflow: hidden
}

.el-table--fit {
    border-bottom: 0;
    border-right: 0
}

.el-table--fit .el-table__cell.gutter {
    border-right-width: 1px
}

.el-table thead {
    color: var(--el-table-header-text-color)
}

.el-table thead th {
    font-weight: 600
}

.el-table thead.is-group th.el-table__cell {
    background: var(--el-fill-color-light)
}

.el-table tfoot td.el-table__cell {
    background-color: var(--el-table-row-hover-bg-color);
    color: var(--el-table-text-color)
}

.el-table .el-table__cell {
    box-sizing: border-box;
    min-width: 0;
    padding: 8px 0;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: text-top;
    z-index: var(--el-table-index)
}

.el-table .el-table__cell.is-center {
    text-align: center
}

.el-table .el-table__cell.is-right {
    text-align: right
}

.el-table .el-table__cell.gutter {
    border-bottom-width: 0;
    border-right-width: 0;
    padding: 0;
    width: 15px
}

.el-table .el-table__cell.is-hidden>* {
    visibility: hidden
}

.el-table .cell {
    box-sizing: border-box;
    line-height: 23px;
    overflow: hidden;
    padding: 0 12px;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all
}

.el-table .cell.el-tooltip {
    min-width: 50px;
    white-space: nowrap
}

.el-table--large {
    font-size: var(--el-font-size-base)
}

.el-table--large .el-table__cell {
    padding: 12px 0
}

.el-table--large .cell {
    padding: 0 16px
}

.el-table--default {
    font-size: 14px
}

.el-table--default .el-table__cell {
    padding: 8px 0
}

.el-table--default .cell {
    padding: 0 12px
}

.el-table--small {
    font-size: 12px
}

.el-table--small .el-table__cell {
    padding: 4px 0
}

.el-table--small .cell {
    padding: 0 8px
}

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

.el-table tr input[type=checkbox] {
    margin: 0
}

.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
    border-bottom: var(--el-table-border)
}

.el-table th.el-table__cell.is-sortable {
    cursor: pointer
}

.el-table th.el-table__cell {
    background-color: var(--el-table-header-bg-color);
    -webkit-user-select: none;
    user-select: none
}

.el-table th.el-table__cell>.cell.highlight {
    color: var(--el-color-primary)
}

.el-table th.el-table__cell.required>div:before {
    background: #ff4d51;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    margin-right: 5px;
    vertical-align: middle;
    width: 8px
}

.el-table td.el-table__cell div {
    box-sizing: border-box
}

.el-table td.el-table__cell.gutter {
    width: 0
}

.el-table--border .el-table__inner-wrapper:after,
.el-table--border:after,
.el-table--border:before {
    height: 1px;
    left: 0;
    top: 0;
    width: 100%;
    z-index: calc(var(--el-table-index) + 2)
}

.el-table--border:before {
    height: 100%;
    left: 0;
    top: -1px;
    width: 1px
}

.el-table--border:after {
    height: 100%;
    right: 0;
    top: -1px;
    width: 1px
}

.el-table--border .el-table__inner-wrapper {
    border-bottom: none;
    border-right: none
}

.el-table--border .el-table__footer-wrapper {
    flex-shrink: 0;
    position: relative
}

.el-table--border .el-table__cell {
    border-right: var(--el-table-border)
}

.el-table--border th.el-table__cell.gutter:last-of-type {
    border-bottom: var(--el-table-border);
    border-bottom-width: 1px
}

.el-table--border th.el-table__cell {
    border-bottom: var(--el-table-border)
}

.el-table--hidden {
    visibility: hidden
}

.el-table__body-wrapper,
.el-table__footer-wrapper,
.el-table__header-wrapper {
    width: 100%
}

.el-table__body-wrapper tr td.el-table-fixed-column--left,
.el-table__body-wrapper tr td.el-table-fixed-column--right,
.el-table__body-wrapper tr th.el-table-fixed-column--left,
.el-table__body-wrapper tr th.el-table-fixed-column--right,
.el-table__footer-wrapper tr td.el-table-fixed-column--left,
.el-table__footer-wrapper tr td.el-table-fixed-column--right,
.el-table__footer-wrapper tr th.el-table-fixed-column--left,
.el-table__footer-wrapper tr th.el-table-fixed-column--right,
.el-table__header-wrapper tr td.el-table-fixed-column--left,
.el-table__header-wrapper tr td.el-table-fixed-column--right,
.el-table__header-wrapper tr th.el-table-fixed-column--left,
.el-table__header-wrapper tr th.el-table-fixed-column--right {
    background: inherit;
    position: sticky !important;
    z-index: calc(var(--el-table-index) + 1)
}

.el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
.el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before {
    bottom: -1px;
    box-shadow: none;
    content: "";
    overflow-x: hidden;
    overflow-y: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    touch-action: none;
    width: 10px
}

.el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before {
    left: -10px
}

.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before {
    box-shadow: none;
    right: -10px
}

.el-table__body-wrapper tr td.el-table__fixed-right-patch,
.el-table__body-wrapper tr th.el-table__fixed-right-patch,
.el-table__footer-wrapper tr td.el-table__fixed-right-patch,
.el-table__footer-wrapper tr th.el-table__fixed-right-patch,
.el-table__header-wrapper tr td.el-table__fixed-right-patch,
.el-table__header-wrapper tr th.el-table__fixed-right-patch {
    background: #fff;
    position: sticky !important;
    right: 0;
    z-index: calc(var(--el-table-index) + 1)
}

.el-table__header-wrapper {
    flex-shrink: 0
}

.el-table__header-wrapper tr th.el-table-fixed-column--left,
.el-table__header-wrapper tr th.el-table-fixed-column--right {
    background-color: var(--el-table-header-bg-color)
}

.el-table__body,
.el-table__footer,
.el-table__header {
    border-collapse: separate;
    table-layout: fixed
}

.el-table__header-wrapper {
    overflow: hidden
}

.el-table__footer-wrapper {
    flex-shrink: 0;
    overflow: hidden
}

.el-table__body-wrapper .el-table-column--selection>.cell,
.el-table__header-wrapper .el-table-column--selection>.cell {
    align-items: center;
    display: inline-flex;
    height: 23px
}

.el-table__body-wrapper .el-table-column--selection .el-checkbox,
.el-table__header-wrapper .el-table-column--selection .el-checkbox {
    height: unset
}

.el-table.is-scrolling-left .el-table-fixed-column--right.is-first-column:before {
    box-shadow: var(--el-table-fixed-right-column)
}

.el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell {
    border-right: var(--el-table-border)
}

.el-table.is-scrolling-left th.el-table-fixed-column--left {
    background-color: var(--el-table-header-bg-color)
}

.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column:before {
    box-shadow: var(--el-table-fixed-left-column)
}

.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column.el-table__cell {
    border-right: none
}

.el-table.is-scrolling-right th.el-table-fixed-column--right {
    background-color: var(--el-table-header-bg-color)
}

.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column.el-table__cell {
    border-right: none
}

.el-table.is-scrolling-middle .el-table-fixed-column--right.is-first-column:before {
    box-shadow: var(--el-table-fixed-right-column)
}

.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column:before {
    box-shadow: var(--el-table-fixed-left-column)
}

.el-table.is-scrolling-none .el-table-fixed-column--left.is-first-column:before,
.el-table.is-scrolling-none .el-table-fixed-column--left.is-last-column:before,
.el-table.is-scrolling-none .el-table-fixed-column--right.is-first-column:before,
.el-table.is-scrolling-none .el-table-fixed-column--right.is-last-column:before {
    box-shadow: none
}

.el-table.is-scrolling-none th.el-table-fixed-column--left,
.el-table.is-scrolling-none th.el-table-fixed-column--right {
    background-color: var(--el-table-header-bg-color)
}

.el-table__body-wrapper {
    flex: 1;
    overflow: hidden;
    position: relative
}

.el-table__body-wrapper .el-scrollbar__bar {
    z-index: calc(var(--el-table-index) + 2)
}

.el-table .caret-wrapper {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    height: 14px;
    overflow: initial;
    position: relative;
    vertical-align: middle;
    width: 24px
}

.el-table .sort-caret {
    border: 5px solid transparent;
    height: 0;
    left: 7px;
    position: absolute;
    width: 0
}

.el-table .sort-caret.ascending {
    border-bottom-color: var(--el-text-color-placeholder);
    top: -5px
}

.el-table .sort-caret.descending {
    border-top-color: var(--el-text-color-placeholder);
    bottom: -3px
}

.el-table .ascending .sort-caret.ascending {
    border-bottom-color: var(--el-color-primary)
}

.el-table .descending .sort-caret.descending {
    border-top-color: var(--el-color-primary)
}

.el-table .hidden-columns {
    position: absolute;
    visibility: hidden;
    z-index: -1
}

.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
    background: var(--el-fill-color-lighter)
}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell {
    background-color: var(--el-table-current-row-bg-color)
}

.el-table__body tr.hover-row.current-row>td.el-table__cell,
.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,
.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,
.el-table__body tr.hover-row>td.el-table__cell {
    background-color: var(--el-table-row-hover-bg-color)
}

.el-table__body tr.current-row>td.el-table__cell {
    background-color: var(--el-table-current-row-bg-color)
}

.el-table.el-table--scrollable-y .el-table__body-header {
    position: sticky;
    top: 0;
    z-index: calc(var(--el-table-index) + 2)
}

.el-table.el-table--scrollable-y .el-table__body-footer {
    bottom: 0;
    position: sticky;
    z-index: calc(var(--el-table-index) + 2)
}

.el-table__column-resize-proxy {
    border-left: var(--el-table-border);
    bottom: 0;
    left: 200px;
    position: absolute;
    top: 0;
    width: 0;
    z-index: calc(var(--el-table-index) + 9)
}

.el-table__column-filter-trigger {
    cursor: pointer;
    display: inline-block
}

.el-table__column-filter-trigger i {
    color: var(--el-color-info);
    font-size: 14px;
    vertical-align: middle
}

.el-table__border-left-patch {
    height: 100%;
    top: 0;
    width: 1px
}

.el-table__border-bottom-patch,
.el-table__border-left-patch {
    background-color: var(--el-table-border-color);
    left: 0;
    position: absolute;
    z-index: calc(var(--el-table-index) + 2)
}

.el-table__border-bottom-patch {
    height: 1px
}

.el-table__border-right-patch {
    background-color: var(--el-table-border-color);
    height: 100%;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: calc(var(--el-table-index) + 2)
}

.el-table--enable-row-transition .el-table__body td.el-table__cell {
    transition: background-color .25s ease
}

.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
    background-color: var(--el-table-row-hover-bg-color)
}

.el-table [class*=el-table__row--level] .el-table__expand-icon {
    display: inline-block;
    height: 12px;
    line-height: 12px;
    margin-right: 8px;
    text-align: center;
    width: 12px
}

.el-table .el-table.el-table--border .el-table__cell {
    border-right: var(--el-table-border)
}

.el-table:not(.el-table--border) .el-table__cell {
    border-right: none
}

.el-table:not(.el-table--border)>.el-table__inner-wrapper:after {
    content: none
}

:root {
    --el-loading-spinner-size: 42px;
    --el-loading-fullscreen-spinner-size: 50px
}

.el-loading-parent--relative {
    position: relative !important
}

.el-loading-parent--hidden {
    overflow: hidden !important
}

.el-loading-mask {
    background-color: var(--el-mask-color);
    bottom: 0;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity var(--el-transition-duration);
    z-index: 2000
}

.el-loading-mask.is-fullscreen {
    position: fixed
}

.el-loading-mask.is-fullscreen .el-loading-spinner {
    margin-top: -25px;
    margin-top: calc((0px - var(--el-loading-fullscreen-spinner-size))/2)
}

.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
    height: 50px;
    height: var(--el-loading-fullscreen-spinner-size);
    width: 50px;
    width: var(--el-loading-fullscreen-spinner-size)
}

.el-loading-spinner {
    margin-top: -21px;
    margin-top: calc((0px - var(--el-loading-spinner-size))/2);
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%
}

.el-loading-spinner .el-loading-text {
    color: var(--el-color-primary);
    font-size: 14px;
    margin: 3px 0
}

.el-loading-spinner .circular {
    animation: loading-rotate 2s linear infinite;
    display: inline;
    height: 42px;
    height: var(--el-loading-spinner-size);
    width: 42px;
    width: var(--el-loading-spinner-size)
}

.el-loading-spinner .path {
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke: var(--el-color-primary);
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke-width: 2
}

.el-loading-spinner i {
    color: var(--el-color-primary)
}

.el-loading-fade-enter-from,
.el-loading-fade-leave-to {
    opacity: 0
}

@keyframes loading-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px
    }
}

.ws-notihomes .el-dialog__body {
    padding-top: 5px !important
}

.autoplay-progress {
    align-items: center;
    bottom: 16px;
    color: #fff;
    display: flex;
    font-weight: 700;
    height: 38px;
    justify-content: center;
    position: absolute;
    right: 16px;
    width: 38px;
    z-index: 10
}

.autoplay-progress svg {
    --progress: 0;
    fill: none;
    height: 100%;
    left: 0;
    position: absolute;
    stroke: #fff;
    stroke-dasharray: 125.6;
    stroke-dashoffset: 125.6;
    stroke-dashoffset: calc((1 - var(--progress))*125.6);
    stroke-width: 4px;
    top: 0;
    transform: rotate(-90deg);
    width: 100%;
    z-index: 10
}

.ws-home .swiper-pagination-bullet-active {
    background: #fff !important
}

.ws-home .swiper-pagination-bullet {
    border-radius: 2px;
    height: 3px;
    width: 5%
}

.ws-games .ws-overlay[data-v-a3b0d43a] {
    background: rgba(0, 0, 0, .65);
    border-radius: var(--border-radius-primary);
    color: #fff;
    font-weight: 700;
    padding: 30px 5px;
    text-align: center;
    text-shadow: 2px 0 0 #000;
    text-transform: capitalize
}

.shake-el:hover {
    animation: shake 1s cubic-bezier(.36, .07, .19, .97) both;
    transform: translateZ(0)
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0)
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0)
    }
}

.ws-more-hidden {
    height: 115px
}

.conf0 {
    fill: #fc6394
}

.conf1 {
    fill: #ef3c8a
}

.conf2 {
    fill: #5adaea
}

.conf3 {
    fill: #974cbe
}

.conf4 {
    fill: #3cbecd
}

.conf5 {
    fill: #813bbe
}

.conf6 {
    fill: #f9b732
}

.conf7 {
    display: none;
    fill: none;
    stroke: #000;
    stroke-miterlimit: 10
}

.conf8 {
    fill: none;
    stroke: #f9b732;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    stroke-width: 9
}

.confetti-cone {
    animation: confetti-cone1 1.2s ease infinite;
    transform-origin: 200px 50px
}

@keyframes confetti-cone1 {
    0% {
        transform: translate(40px, 95px) rotate(45deg) scale(1)
    }

    15% {
        transform: translate(10px, 145px) rotate(45deg) scale(1.1, .85)
    }

    to {
        transform: translate(40px, 105px) rotate(45deg) scale(1)
    }
}

#yellow-strip {
    animation: confdash 1.2s ease infinite;
    fill: none;
    stroke: #f9b732;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    stroke-width: 9
}

@keyframes confdash {
    0% {
        opacity: 0;
        stroke-dasharray: 1000;
        stroke-dashoffset: 500;
        transform: translate(-30px, 30px)
    }

    2% {
        opacity: 0;
        stroke-dasharray: 1000;
        stroke-dashoffset: 500;
        transform: translate(-30px, 30px)
    }

    35% {
        opacity: 1;
        stroke-dasharray: 1000;
        stroke-dashoffset: 900;
        transform: translate(-2px)
    }

    85% {
        opacity: 1;
        stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        transform: translate(1px, -5px)
    }

    90% {
        opacity: 0;
        stroke-dashoffset: 1000;
        transform: translate(2px, -8px)
    }

    to {
        opacity: 0;
        stroke-dashoffset: 500;
        transform: translate(2px, -8px)
    }
}

#a2 {
    transform-origin: 310.9px 241px
}

#a1,
#a2 {
    animation: confa 1.2s ease-out infinite
}

#a1 {
    transform-origin: 276px 246px
}

@keyframes confa {
    0% {
        opacity: 0;
        transform: translate(-30px, 20px) rotate(0)
    }

    15% {
        opacity: 1;
        transform: translate(25px, -10px) rotate(60deg)
    }

    80% {
        opacity: 1;
        transform: translate(33px, -18px) rotate(180deg)
    }

    to {
        opacity: 0;
        transform: translate(37px, -23px) scale(.5) rotate(230deg)
    }
}

#b1 {
    transform-origin: 195.2px 232.6px
}

#b1,
#b2 {
    animation: confb 1.2s ease-out infinite
}

#b2 {
    transform-origin: 230.8px 219.8px
}

#b3 {
    transform-origin: 222.8px 190.6px
}

#b3,
#b4 {
    animation: confb 1.2s ease-out infinite
}

#b4 {
    transform-origin: 262px 188.5px
}

#b5 {
    animation: confb 1.2s ease-out infinite;
    transform-origin: 282.3px 170.6px
}

@keyframes confb {
    0% {
        opacity: 0;
        transform: translate(-30px, 20px) rotate(0)
    }

    12% {
        opacity: 1;
        transform: translate(25px, -10px) rotate(60deg)
    }

    76% {
        opacity: 1;
        transform: translate(33px, -18px) rotate(180deg)
    }

    to {
        opacity: 0;
        transform: translate(37px, -23px) scale(.5) rotate(240deg)
    }
}

#c1 {
    transform-origin: 174.8px 183.4px
}

#c1,
#c2 {
    animation: confc 1.2s ease-out infinite
}

#c2 {
    transform-origin: 178.9px 156.2px
}

#c3 {
    transform-origin: 206.7px 140px
}

#c3,
#c4 {
    animation: confc 1.2s ease-out infinite
}

#c4 {
    transform-origin: 213.5px 120.2px
}

@keyframes confc {
    0% {
        opacity: .7;
        transform: translate(-30px, 20px) rotate(0)
    }

    18% {
        opacity: 1;
        transform: translate(5px, -10px) rotate(60deg)
    }

    76% {
        opacity: 1;
        transform: translate(13px, -18px) rotate(180deg)
    }

    to {
        opacity: 0;
        transform: translate(17px, -23px) scale(.5) rotate(230deg)
    }
}

#d1 {
    transform-origin: 127px 176px
}

#d1,
#d2 {
    animation: confd 1.2s ease-out infinite
}

#d2 {
    transform-origin: 133px 118px
}

#d3 {
    animation: confd 1.2s ease-out infinite;
    transform-origin: 152px 100px
}

@keyframes confd {
    0% {
        opacity: .7;
        transform: translate(-20px, 20px) rotate(0)
    }

    18% {
        opacity: 1;
        transform: translate(-5px, -10px) rotate(60deg)
    }

    76% {
        opacity: 1;
        transform: translate(-8px, -18px) rotate(180deg)
    }

    to {
        opacity: 0;
        transform: translate(-10px, -23px) scale(.5) rotate(230deg)
    }
}

.ws-fz[data-v-f8ec727e] {
    transition: transform 1s ease-in-out
}

.swiper[data-v-f8ec727e] {
    height: 250px;
    width: 95%
}

@media only screen and (min-width:640px) {
    .swiper[data-v-f8ec727e] {
        height: 285px;
        width: 45%
    }

    .swiper-slide[data-v-f8ec727e] {
        background-image: url(../az.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 95% 90%;
        color: #000;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 8%
    }
}

@media only screen and (max-width:639px) {
    .swiper-slide[data-v-f8ec727e] {
        background-image: url(../az.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 95% 90%;
        color: #000;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 45px
    }
}

.swiper-slide[data-v-f8ec727e] {
    align-items: center;
    display: flex;
    font-weight: 700;
    justify-content: center
}

.ws-dbz .el-button[data-v-f8ec727e] {
    border: 2px solid #fff !important
}

.ws-fz[data-v-55e09450] {
    transition: transform 1s ease-in-out
}

.swiper[data-v-55e09450] {
    height: 250px;
    width: 95%
}

@media only screen and (min-width:640px) {
    .swiper[data-v-55e09450] {
        height: 285px;
        width: 45%
    }

    .swiper-slide[data-v-55e09450] {
        background-image: url(../az.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 95% 90%;
        color: #000;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 8%
    }
}

@media only screen and (max-width:639px) {
    .swiper-slide[data-v-55e09450] {
        background-image: url(../az.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 95% 90%;
        color: #000;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 45px
    }
}

.swiper-slide[data-v-55e09450] {
    align-items: center;
    display: flex;
    font-weight: 700;
    justify-content: center
}

.ws-dbz .el-button[data-v-55e09450] {
    border: 2px solid #fff !important
}

.shake-text[data-v-55e09450]:hover {
    animation: shake-55e09450 1s cubic-bezier(.36, .07, .19, .97) infinite both;
    transform: translateZ(0)
}

@keyframes shake-55e09450 {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0)
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0)
    }
}

.flip-container[data-v-55e09450] {
    min-height: 120px;
    -o-perspective: 1000;
    perspective: 1000
}

.back[data-v-55e09450] {
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s
}

.back[data-v-55e09450],
.front[data-v-55e09450] {
    left: 0;
    top: 0;
    width: 100%
}

.front[data-v-55e09450] {
    opacity: 1
}

.back[data-v-55e09450] {
    position: absolute;
    transform: rotateY(-180deg)
}

.flip-container.flipped .back[data-v-55e09450] {
    display: block;
    transform: rotateY(0)
}

.flip-container.flipped .front[data-v-55e09450] {
    opacity: 0
}

.btn-hover[data-v-55e09450] {
    background-size: 300% 100%;
    border: none;
    cursor: pointer;
    text-align: center
}

.btn-hover[data-v-55e09450],
.btn-hover[data-v-55e09450]:hover {
    transition: all .4s ease-in-out
}

.btn-hover[data-v-55e09450]:hover {
    background-position: 100% 0
}

.btn-hover[data-v-55e09450]:focus {
    outline: none
}

.btn-hover.color-2[data-v-55e09450] {
    background-image: linear-gradient(90deg, #f5ce62, #e43603, #fa7199, #e85a19);
    box-shadow: 0 4px 15px #e5420abf
}

.btn-hover.color-6[data-v-55e09450] {
    background-image: linear-gradient(90deg, #009245, #fcee21, #00a8c5, #d9e021);
    box-shadow: 0 4px 15px #53b039bf
}

.ws-outstock .el-empty__description p {
    color: red !important;
    font-weight: 600
}

.sort-list a.active:after,
.sort-list a:hover:after {
    border-bottom: 4px solid #ec1e1e;
    border-radius: 2px;
    bottom: 5px;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 40px
}

.sort-list a {
    color: #242424;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    padding: 12px 15px;
    text-transform: capitalize
}

.sort-list a,
.sort-list a.active {
    font-weight: 500;
    position: relative
}

.sort-list a.active {
    color: #ec1e1e
}

.el-pagination {
    --el-pagination-font-size: 14px;
    --el-pagination-bg-color: var(--el-fill-color-blank);
    --el-pagination-text-color: var(--el-text-color-primary);
    --el-pagination-border-radius: 2px;
    --el-pagination-button-color: var(--el-text-color-primary);
    --el-pagination-button-width: 32px;
    --el-pagination-button-height: 32px;
    --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
    --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
    --el-pagination-button-bg-color: var(--el-fill-color);
    --el-pagination-hover-color: var(--el-color-primary);
    --el-pagination-font-size-small: 12px;
    --el-pagination-button-width-small: 24px;
    --el-pagination-button-height-small: 24px;
    --el-pagination-item-gap: 16px;
    align-items: center;
    color: var(--el-text-color-primary);
    color: var(--el-pagination-text-color);
    display: flex;
    font-size: 14px;
    font-size: var(--el-pagination-font-size);
    font-weight: 400;
    white-space: nowrap
}

.el-pagination .el-input__inner {
    -moz-appearance: textfield;
    text-align: center
}

.el-pagination .el-select .el-input {
    width: 128px
}

.el-input__inner2 {
    --el-input-inner-height: calc(var(--el-input-height, 40px) + 2px)
}

.ws-auth .el-input__inner2 {
    color: #000
}

.el-input--large .el-input__inner2 {
    --el-input-inner-height: calc(var(--el-input-height, 40px) - 2px)
}

.el-input__inner2 {
    --el-input-inner-height: calc(var(--el-input-height, 32px) - 2px);
    -webkit-appearance: none;
    background: none;
    border: none;
    box-sizing: border-box;
    color: var(--el-input-text-color, var(--el-text-color-regular));
    flex-grow: 1;
    font-size: inherit;
    height: 30px;
    height: var(--el-input-inner-height);
    line-height: 30px;
    line-height: var(--el-input-inner-height);
    outline: none;
    padding: 0;
    width: 100%
}

.el-input__inner3 {
    --el-input-inner-height: calc(var(--el-input-height, 40px) + 2px);
    color: #000
}

.el-input--large .el-input__inner3 {
    --el-input-inner-height: calc(var(--el-input-height, 40px) - 2px)
}

.el-input__inner3 {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dcdfe6;
    border-bottom-left-radius: 4px;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: none;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%
}

.el-pagination button {
    align-items: center;
    border: none;
    border-radius: var(--el-pagination-border-radius);
    box-sizing: border-box;
    color: var(--el-pagination-button-color);
    cursor: pointer;
    display: flex;
    font-size: var(--el-pagination-font-size);
    height: var(--el-pagination-button-height);
    justify-content: center;
    line-height: var(--el-pagination-button-height);
    min-width: var(--el-pagination-button-width);
    padding: 0 4px;
    text-align: center
}

.el-pagination button * {
    pointer-events: none
}

.el-pagination button:focus {
    outline: none
}

.el-pagination button.is-active,
.el-pagination button:hover {
    color: var(--el-pagination-hover-color)
}

.el-pagination button.is-active {
    cursor: default;
    font-weight: 700
}

.el-pagination button.is-active.is-disabled {
    color: var(--el-text-color-secondary);
    font-weight: 700
}

.el-pagination button.is-disabled,
.el-pagination button:disabled {
    background-color: var(--el-pagination-button-disabled-bg-color);
    color: var(--el-pagination-button-disabled-color);
    cursor: not-allowed
}

.el-pagination button:focus-visible {
    outline: 1px solid var(--el-pagination-hover-color);
    outline-offset: -1px
}

.el-pagination .btn-next .el-icon,
.el-pagination .btn-prev .el-icon {
    display: block;
    font-size: 12px;
    font-weight: 700;
    width: inherit
}

.el-pagination>.is-last {
    margin-right: 0 !important
}

.el-pagination .btn-prev {
    margin-left: var(--el-pagination-item-gap)
}

.el-pagination__sizes,
.el-pagination__total {
    color: var(--el-text-color-regular);
    font-weight: 400;
    margin-left: var(--el-pagination-item-gap)
}

.el-pagination__total[disabled=true] {
    color: var(--el-text-color-placeholder)
}

.el-pagination__jump {
    align-items: center;
    color: var(--el-text-color-regular);
    display: flex;
    font-weight: 400;
    margin-left: var(--el-pagination-item-gap)
}

.el-pagination__jump[disabled=true] {
    color: var(--el-text-color-placeholder)
}

.el-pagination__goto {
    margin-right: 8px
}

.el-pagination__editor {
    box-sizing: border-box;
    text-align: center
}

.el-pagination__editor.el-input {
    width: 56px
}

.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
.el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.el-pagination__classifier {
    margin-left: 8px
}

.el-pagination__rightwrapper {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: flex-end
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    background-color: var(--el-pagination-button-bg-color);
    margin: 0 4px
}

.el-pagination.is-background .btn-next.is-active,
.el-pagination.is-background .btn-prev.is-active,
.el-pagination.is-background .el-pager li.is-active {
    background-color: var(--el-color-primary);
    color: var(--el-color-white)
}

.el-pagination.is-background .btn-next.is-disabled,
.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-prev.is-disabled,
.el-pagination.is-background .btn-prev:disabled,
.el-pagination.is-background .el-pager li.is-disabled,
.el-pagination.is-background .el-pager li:disabled {
    background-color: var(--el-disabled-bg-color);
    color: var(--el-text-color-placeholder)
}

.el-pagination.is-background .btn-next.is-disabled.is-active,
.el-pagination.is-background .btn-next:disabled.is-active,
.el-pagination.is-background .btn-prev.is-disabled.is-active,
.el-pagination.is-background .btn-prev:disabled.is-active,
.el-pagination.is-background .el-pager li.is-disabled.is-active,
.el-pagination.is-background .el-pager li:disabled.is-active {
    background-color: var(--el-fill-color-dark);
    color: var(--el-text-color-secondary)
}

.el-pagination.is-background .btn-prev {
    margin-left: var(--el-pagination-item-gap)
}

.el-pagination--small .btn-next,
.el-pagination--small .btn-prev,
.el-pagination--small .el-pager li {
    font-size: var(--el-pagination-font-size-small);
    height: var(--el-pagination-button-height-small);
    line-height: var(--el-pagination-button-height-small);
    min-width: var(--el-pagination-button-width-small)
}

.el-pagination--small button,
.el-pagination--small span:not([class*=suffix]) {
    font-size: var(--el-pagination-font-size-small)
}

.el-pagination--small .el-select .el-input {
    width: 100px
}

.el-pager {
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    user-select: none
}

.el-pager,
.el-pager li {
    align-items: center;
    display: flex
}

.el-pager li {
    background: var(--el-pagination-bg-color);
    border: none;
    border-radius: var(--el-pagination-border-radius);
    box-sizing: border-box;
    color: var(--el-pagination-button-color);
    cursor: pointer;
    font-size: var(--el-pagination-font-size);
    height: var(--el-pagination-button-height);
    justify-content: center;
    line-height: var(--el-pagination-button-height);
    min-width: var(--el-pagination-button-width);
    padding: 0 4px;
    text-align: center
}

.el-pager li * {
    pointer-events: none
}

.el-pager li:focus {
    outline: none
}

.el-pager li.is-active,
.el-pager li:hover {
    color: var(--el-pagination-hover-color)
}

.el-pager li.is-active {
    cursor: default;
    font-weight: 700
}

.el-pager li.is-active.is-disabled {
    color: var(--el-text-color-secondary);
    font-weight: 700
}

.el-pager li.is-disabled,
.el-pager li:disabled {
    background-color: var(--el-pagination-button-disabled-bg-color);
    color: var(--el-pagination-button-disabled-color);
    cursor: not-allowed
}

.el-pager li:focus-visible {
    outline: 1px solid var(--el-pagination-hover-color);
    outline-offset: -1px
}

.swiper-button-lock {
    display: block
}

.ws-preview-dialog .el-dialog {
    background: rgba(0, 0, 0, .89)
}

.ws-preview-dialog .el-dialog__header {
    margin-right: 1px
}

@media only screen and (max-width:767px) {
    .ws-preview-dialog .el-dialog__body {
        padding: 4px !important
    }

    .ws-preview-dialog .el-dialog__header {
        margin-right: -7px
    }
}

.ws-view-modal .el-dialog {
    max-width: 950px;
    width: 100%
}

.ws-view-modal .el-dialog__body {
    padding: 15px !important
}

@media only screen and (max-width:767px) {
    .ws-view-modal .el-dialog {
        width: 95% !important
    }
}

.el-icon-loading {
    animation: rotating 2s linear infinite
}

.el-icon--right {
    margin-left: 5px
}

.el-icon--left {
    margin-right: 5px
}

@keyframes rotating {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.el-icon {
    --color: inherit;
    align-items: center;
    color: inherit;
    color: var(--color);
    display: inline-flex;
    fill: currentColor;
    font-size: inherit;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em
}

.el-icon.is-loading {
    animation: rotating 2s linear infinite
}

.el-icon svg {
    height: 1em;
    width: 1em
}

:root {
    --el-popup-modal-bg-color: var(--el-color-black);
    --el-popup-modal-opacity: 0.5
}

.v-modal-enter {
    animation: v-modal-in var(--el-transition-duration-fast) ease
}

.v-modal-leave {
    animation: v-modal-out var(--el-transition-duration-fast) ease forwards
}

@keyframes v-modal-in {
    0% {
        opacity: 0
    }
}

@keyframes v-modal-out {
    to {
        opacity: 0
    }
}

.v-modal {
    background: var(--el-color-black);
    background: var(--el-popup-modal-bg-color);
    height: 100%;
    left: 0;
    opacity: .5;
    opacity: var(--el-popup-modal-opacity);
    position: fixed;
    top: 0;
    width: 100%
}

.el-popup-parent--hidden {
    overflow: hidden
}

.el-dialog {
    --el-dialog-width: 50%;
    --el-dialog-margin-top: 15vh;
    --el-dialog-bg-color: var(--el-bg-color);
    --el-dialog-box-shadow: var(--el-box-shadow);
    --el-dialog-title-font-size: var(--el-font-size-large);
    --el-dialog-content-font-size: 14px;
    --el-dialog-font-line-height: var(--el-font-line-height-primary);
    --el-dialog-padding-primary: 20px;
    --el-dialog-border-radius: var(--el-border-radius-small);
    background: var(--el-bg-color);
    background: var(--el-dialog-bg-color);
    border-radius: var(--el-border-radius-small);
    border-radius: var(--el-dialog-border-radius);
    box-shadow: var(--el-box-shadow);
    box-shadow: var(--el-dialog-box-shadow);
    box-sizing: border-box;
    margin: 15vh auto 50px;
    margin: var(--el-dialog-margin-top, 15vh) auto 50px;
    position: relative;
    width: 50%;
    width: var(--el-dialog-width, 50%)
}

.el-dialog:focus {
    outline: none !important
}

.el-dialog.is-align-center {
    margin: auto
}

.el-dialog.is-fullscreen {
    --el-dialog-width: 100%;
    --el-dialog-margin-top: 0;
    height: 100%;
    margin-bottom: 0;
    overflow: auto
}

.el-dialog__wrapper {
    bottom: 0;
    left: 0;
    margin: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0
}

.el-dialog.is-draggable .el-dialog__header {
    cursor: move;
    -webkit-user-select: none;
    user-select: none
}

.el-dialog__header {
    margin-right: 16px;
    padding: var(--el-dialog-padding-primary);
    padding-bottom: 10px
}

.el-dialog__headerbtn {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-size: var(--el-message-close-size, 16px);
    height: 54px;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 6px;
    width: 54px
}

.el-dialog__headerbtn .el-dialog__close {
    color: var(--el-color-info);
    font-size: inherit
}

.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
    color: var(--el-color-primary)
}

.el-dialog__title {
    color: var(--el-text-color-primary);
    font-size: var(--el-dialog-title-font-size);
    line-height: var(--el-dialog-font-line-height)
}

.el-dialog__body {
    color: var(--el-text-color-regular);
    font-size: var(--el-dialog-content-font-size);
    padding: calc(var(--el-dialog-padding-primary) + 10px) var(--el-dialog-padding-primary)
}

.el-dialog__footer {
    box-sizing: border-box;
    padding: var(--el-dialog-padding-primary);
    padding-top: 10px;
    text-align: right
}

.el-dialog--center {
    text-align: center
}

.el-dialog--center .el-dialog__body {
    padding: 25px calc(var(--el-dialog-padding-primary) + 5px) 30px;
    text-align: initial
}

.el-dialog--center .el-dialog__footer {
    text-align: inherit
}

.el-overlay-dialog {
    bottom: 0;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0
}

.dialog-fade-enter-active {
    animation: modal-fade-in var(--el-transition-duration)
}

.dialog-fade-enter-active .el-overlay-dialog {
    animation: dialog-fade-in var(--el-transition-duration)
}

.dialog-fade-leave-active {
    animation: modal-fade-out var(--el-transition-duration)
}

.dialog-fade-leave-active .el-overlay-dialog {
    animation: dialog-fade-out var(--el-transition-duration)
}

@keyframes dialog-fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes dialog-fade-out {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }
}

@keyframes modal-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.el-overlay {
    background-color: var(--el-overlay-color-lighter);
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2000
}

.el-overlay .el-overlay-root {
    height: 0
}

.el-empty {
    --el-empty-padding: 40px 0;
    --el-empty-image-width: 160px;
    --el-empty-description-margin-top: 20px;
    --el-empty-bottom-margin-top: 20px;
    --el-empty-fill-color-0: var(--el-color-white);
    --el-empty-fill-color-1: #fcfcfd;
    --el-empty-fill-color-2: #f8f9fb;
    --el-empty-fill-color-3: #f7f8fc;
    --el-empty-fill-color-4: #eeeff3;
    --el-empty-fill-color-5: #edeef2;
    --el-empty-fill-color-6: #e9ebef;
    --el-empty-fill-color-7: #e5e7e9;
    --el-empty-fill-color-8: #e0e3e9;
    --el-empty-fill-color-9: #d5d7de;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 0;
    padding: var(--el-empty-padding);
    text-align: center
}

.el-empty__image {
    width: var(--el-empty-image-width)
}

.el-empty__image img {
    height: 100%;
    object-fit: contain;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: top;
    width: 100%
}

.el-empty__image svg {
    color: var(--el-svg-monochrome-grey);
    fill: currentColor;
    height: 100%;
    vertical-align: top;
    width: 100%
}

.el-empty__description {
    margin-top: var(--el-empty-description-margin-top)
}

.el-empty__description p {
    color: var(--el-text-color-secondary);
    font-size: var(--el-font-size-base);
    margin: 0
}

.el-empty__bottom {
    margin-top: var(--el-empty-bottom-margin-top)
}

.el-tag {
    --el-tag-font-size: 12px;
    --el-tag-border-radius: 4px;
    --el-tag-border-radius-rounded: 9999px;
    --el-tag-bg-color: var(--el-color-primary-light-9);
    --el-tag-border-color: var(--el-color-primary-light-8);
    --el-tag-hover-color: var(--el-color-primary);
    --el-tag-text-color: var(--el-color-primary);
    --el-icon-size: 14px;
    align-items: center;
    background-color: var(--el-color-primary-light-9);
    background-color: var(--el-tag-bg-color);
    border-color: var(--el-tag-border-color);
    border-radius: 4px;
    border-radius: var(--el-tag-border-radius);
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: var(--el-color-primary);
    color: var(--el-tag-text-color);
    display: inline-flex;
    font-size: 12px;
    font-size: var(--el-tag-font-size);
    height: 24px;
    justify-content: center;
    line-height: 1;
    padding: 0 9px;
    vertical-align: middle;
    white-space: nowrap
}

.el-tag.el-tag--primary {
    --el-tag-bg-color: var(--el-color-primary-light-9);
    --el-tag-border-color: var(--el-color-primary-light-8);
    --el-tag-hover-color: var(--el-color-primary)
}

.el-tag.el-tag--success {
    --el-tag-bg-color: var(--el-color-success-light-9);
    --el-tag-border-color: var(--el-color-success-light-8);
    --el-tag-hover-color: var(--el-color-success)
}

.el-tag.el-tag--warning {
    --el-tag-bg-color: var(--el-color-warning-light-9);
    --el-tag-border-color: var(--el-color-warning-light-8);
    --el-tag-hover-color: var(--el-color-warning)
}

.el-tag.el-tag--danger {
    --el-tag-bg-color: var(--el-color-danger-light-9);
    --el-tag-border-color: var(--el-color-danger-light-8);
    --el-tag-hover-color: var(--el-color-danger)
}

.el-tag.el-tag--error {
    --el-tag-bg-color: var(--el-color-error-light-9);
    --el-tag-border-color: var(--el-color-error-light-8);
    --el-tag-hover-color: var(--el-color-error)
}

.el-tag.el-tag--info {
    --el-tag-bg-color: var(--el-color-info-light-9);
    --el-tag-border-color: var(--el-color-info-light-8);
    --el-tag-hover-color: var(--el-color-info)
}

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

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

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

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

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

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

.el-tag.is-hit {
    border-color: var(--el-color-primary)
}

.el-tag.is-round {
    border-radius: var(--el-tag-border-radius-rounded)
}

.el-tag .el-tag__close {
    color: var(--el-tag-text-color)
}

.el-tag .el-tag__close:hover {
    background-color: var(--el-tag-hover-color);
    color: var(--el-color-white)
}

.el-tag .el-icon {
    border-radius: 50%;
    cursor: pointer;
    font-size: calc(var(--el-icon-size) - 2px);
    height: var(--el-icon-size);
    width: var(--el-icon-size)
}

.el-tag .el-tag__close {
    margin-left: 6px
}

.el-tag--dark {
    --el-tag-bg-color: var(--el-color-primary);
    --el-tag-border-color: var(--el-color-primary);
    --el-tag-hover-color: var(--el-color-primary-light-3);
    --el-tag-text-color: var(--el-color-white)
}

.el-tag--dark.el-tag--primary {
    --el-tag-bg-color: var(--el-color-primary);
    --el-tag-border-color: var(--el-color-primary);
    --el-tag-hover-color: var(--el-color-primary-light-3)
}

.el-tag--dark.el-tag--success {
    --el-tag-bg-color: var(--el-color-success);
    --el-tag-border-color: var(--el-color-success);
    --el-tag-hover-color: var(--el-color-success-light-3)
}

.el-tag--dark.el-tag--warning {
    --el-tag-bg-color: var(--el-color-warning);
    --el-tag-border-color: var(--el-color-warning);
    --el-tag-hover-color: var(--el-color-warning-light-3)
}

.el-tag--dark.el-tag--danger {
    --el-tag-bg-color: var(--el-color-danger);
    --el-tag-border-color: var(--el-color-danger);
    --el-tag-hover-color: var(--el-color-danger-light-3)
}

.el-tag--dark.el-tag--error {
    --el-tag-bg-color: var(--el-color-error);
    --el-tag-border-color: var(--el-color-error);
    --el-tag-hover-color: var(--el-color-error-light-3)
}

.el-tag--dark.el-tag--info {
    --el-tag-bg-color: var(--el-color-info);
    --el-tag-border-color: var(--el-color-info);
    --el-tag-hover-color: var(--el-color-info-light-3)
}

.el-tag--dark.el-tag--danger,
.el-tag--dark.el-tag--error,
.el-tag--dark.el-tag--info,
.el-tag--dark.el-tag--primary,
.el-tag--dark.el-tag--success,
.el-tag--dark.el-tag--warning {
    --el-tag-text-color: var(--el-color-white)
}

.el-tag--plain {
    --el-tag-border-color: var(--el-color-primary-light-5);
    --el-tag-hover-color: var(--el-color-primary);
    --el-tag-bg-color: var(--el-fill-color-blank)
}

.el-tag--plain.el-tag--primary {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-primary-light-5);
    --el-tag-hover-color: var(--el-color-primary)
}

.el-tag--plain.el-tag--success {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-success-light-5);
    --el-tag-hover-color: var(--el-color-success)
}

.el-tag--plain.el-tag--warning {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-warning-light-5);
    --el-tag-hover-color: var(--el-color-warning)
}

.el-tag--plain.el-tag--danger {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-danger-light-5);
    --el-tag-hover-color: var(--el-color-danger)
}

.el-tag--plain.el-tag--error {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-error-light-5);
    --el-tag-hover-color: var(--el-color-error)
}

.el-tag--plain.el-tag--info {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-info-light-5);
    --el-tag-hover-color: var(--el-color-info)
}

.el-tag.is-closable {
    padding-right: 5px
}

.el-tag--large {
    --el-icon-size: 16px;
    height: 32px;
    padding: 0 11px
}

.el-tag--large .el-tag__close {
    margin-left: 8px
}

.el-tag--large.is-closable {
    padding-right: 7px
}

.el-tag--small {
    --el-icon-size: 12px;
    height: 20px;
    padding: 0 7px
}

.el-tag--small .el-tag__close {
    margin-left: 4px
}

.el-tag--small.is-closable {
    padding-right: 3px
}

.el-tag--small .el-icon-close {
    transform: scale(.8)
}

.el-tag.el-tag--primary.is-hit {
    border-color: var(--el-color-primary)
}

.el-tag.el-tag--success.is-hit {
    border-color: var(--el-color-success)
}

.el-tag.el-tag--warning.is-hit {
    border-color: var(--el-color-warning)
}

.el-tag.el-tag--danger.is-hit {
    border-color: var(--el-color-danger)
}

.el-tag.el-tag--error.is-hit {
    border-color: var(--el-color-error)
}

.el-tag.el-tag--info.is-hit {
    border-color: var(--el-color-info)
}

.el-scrollbar {
    --el-scrollbar-opacity: 0.3;
    --el-scrollbar-bg-color: var(--el-text-color-secondary);
    --el-scrollbar-hover-opacity: 0.5;
    --el-scrollbar-hover-bg-color: var(--el-text-color-secondary);
    height: 100%;
    overflow: hidden;
    position: relative
}

.el-scrollbar__wrap {
    height: 100%;
    overflow: auto
}

.el-scrollbar__wrap--hidden-default {
    scrollbar-width: none
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
    display: none
}

.el-scrollbar__thumb {
    background-color: var(--el-scrollbar-bg-color, var(--el-text-color-secondary));
    border-radius: inherit;
    cursor: pointer;
    display: block;
    height: 0;
    opacity: .3;
    opacity: var(--el-scrollbar-opacity, .3);
    position: relative;
    transition: var(--el-transition-duration) background-color;
    width: 0
}

.el-scrollbar__thumb:hover {
    background-color: var(--el-scrollbar-hover-bg-color, var(--el-text-color-secondary));
    opacity: .5;
    opacity: var(--el-scrollbar-hover-opacity, .5)
}

.el-scrollbar__bar {
    border-radius: 4px;
    bottom: 2px;
    position: absolute;
    right: 2px;
    z-index: 1
}

.el-scrollbar__bar.is-vertical {
    top: 2px;
    width: 6px
}

.el-scrollbar__bar.is-vertical>div {
    width: 100%
}

.el-scrollbar__bar.is-horizontal {
    height: 6px;
    left: 2px
}

.el-scrollbar__bar.is-horizontal>div {
    height: 100%
}

.el-scrollbar-fade-enter-active {
    transition: opacity .34s ease-out
}

.el-scrollbar-fade-leave-active {
    transition: opacity .12s ease-out
}

.el-scrollbar-fade-enter-from,
.el-scrollbar-fade-leave-active {
    opacity: 0
}

.el-textarea {
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width: 100%;
    display: inline-block;
    font-size: var(--el-font-size-base);
    position: relative;
    vertical-align: bottom;
    width: 100%
}

.el-textarea__inner {
    -webkit-appearance: none;
    background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
    background-image: none;
    border: none;
    border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
    box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
    box-sizing: border-box;
    color: var(--el-input-text-color, var(--el-text-color-regular));
    display: block;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.5;
    padding: 5px 11px;
    position: relative;
    resize: vertical;
    transition: var(--el-transition-box-shadow);
    width: 100%
}

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

.el-textarea__inner:hover {
    box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
}

.el-textarea__inner:focus {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
    outline: none
}

.el-textarea .el-input__count {
    background: var(--el-fill-color-blank);
    bottom: 5px;
    color: var(--el-color-info);
    font-size: 12px;
    line-height: 14px;
    position: absolute;
    right: 10px
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: var(--el-disabled-bg-color);
    box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
    color: var(--el-text-color-placeholder)
}

.el-textarea.is-exceed .el-textarea__inner {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset
}

.el-textarea.is-exceed .el-input__count {
    color: var(--el-color-danger)
}

.el-input {
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width: 100%;
    --el-input-height: var(--el-component-size);
    box-sizing: border-box;
    display: inline-flex;
    font-size: var(--el-font-size-base);
    line-height: var(--el-component-size);
    line-height: var(--el-input-height);
    position: relative;
    vertical-align: middle;
    width: 100%;
    width: var(--el-input-width)
}

.el-input::-webkit-scrollbar {
    width: 6px;
    z-index: 11
}

.el-input::-webkit-scrollbar:horizontal {
    height: 6px
}

.el-input::-webkit-scrollbar-thumb {
    background: var(--el-text-color-disabled);
    border-radius: 5px;
    width: 6px
}

.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
    background: var(--el-fill-color-blank)
}

.el-input::-webkit-scrollbar-track-piece {
    background: var(--el-fill-color-blank);
    width: 6px
}

.el-input .el-input__clear,
.el-input .el-input__password {
    color: var(--el-input-icon-color);
    cursor: pointer;
    font-size: 14px
}

.el-input .el-input__clear:hover,
.el-input .el-input__password:hover {
    color: var(--el-input-clear-hover-color)
}

.el-input .el-input__count {
    align-items: center;
    color: var(--el-color-info);
    display: inline-flex;
    font-size: 12px;
    height: 100%
}

.el-input .el-input__count .el-input__count-inner {
    background: var(--el-fill-color-blank);
    display: inline-block;
    line-height: normal;
    padding-left: 8px
}

.el-input__wrapper {
    align-items: center;
    background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
    background-image: none;
    border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
    box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
    cursor: text;
    display: inline-flex;
    flex-grow: 1;
    justify-content: center;
    padding: 1px 11px;
    transform: translateZ(0);
    transition: var(--el-transition-box-shadow)
}

.el-input__wrapper:hover {
    box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
}

.el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
}

.el-input__inner:focus {
    outline: none
}

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

.el-input__inner[type=password]::-ms-reveal {
    display: none
}

.el-input__prefix {
    color: var(--el-input-icon-color, var(--el-text-color-placeholder));
    display: inline-flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    height: 100%;
    pointer-events: none;
    text-align: center;
    transition: all var(--el-transition-duration);
    white-space: nowrap
}

.el-input__prefix-inner {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    pointer-events: all
}

.el-input__prefix-inner>:last-child {
    margin-right: 8px
}

.el-input__prefix-inner>:first-child,
.el-input__prefix-inner>:first-child.el-input__icon {
    margin-left: 0
}

.el-input__suffix {
    color: var(--el-input-icon-color, var(--el-text-color-placeholder));
    display: inline-flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    height: 100%;
    pointer-events: none;
    text-align: center;
    transition: all var(--el-transition-duration);
    white-space: nowrap
}

.el-input__suffix-inner {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    pointer-events: all
}

.el-input__suffix-inner>:first-child {
    margin-left: 8px
}

.el-input .el-input__icon {
    align-items: center;
    display: flex;
    height: inherit;
    justify-content: center;
    line-height: inherit;
    margin-left: 8px;
    transition: all var(--el-transition-duration)
}

.el-input__validateIcon {
    pointer-events: none
}

.el-input.is-active .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-input-focus-color) inset
}

.el-input.is-disabled {
    cursor: not-allowed
}

.el-input.is-disabled .el-input__wrapper {
    background-color: var(--el-disabled-bg-color);
    box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset
}

.el-input.is-disabled .el-input__inner {
    -webkit-text-fill-color: var(--el-disabled-text-color);
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-input.is-disabled .el-input__inner::placeholder {
    color: var(--el-text-color-placeholder)
}

.el-input.is-disabled .el-input__icon {
    cursor: not-allowed
}

.el-input.is-exceed .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset
}

.el-input.is-exceed .el-input__suffix .el-input__count {
    color: var(--el-color-danger)
}

.el-input--large {
    --el-input-height: var(--el-component-size-large);
    font-size: 14px
}

.el-input--large .el-input__wrapper {
    padding: 1px 15px
}

.el-input--large .el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 40px) - 2px)
}

.el-input--small {
    --el-input-height: var(--el-component-size-small);
    font-size: 12px
}

.el-input--small .el-input__wrapper {
    padding: 1px 7px
}

.el-input--small .el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 24px) - 2px)
}

.el-input-group {
    align-items: stretch;
    display: inline-flex;
    width: 100%
}

.el-input-group__append,
.el-input-group__prepend {
    align-items: center;
    background-color: var(--el-fill-color-light);
    border-radius: var(--el-input-border-radius);
    color: var(--el-color-info);
    display: inline-flex;
    justify-content: center;
    min-height: 100%;
    padding: 0 20px;
    position: relative;
    white-space: nowrap
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
    outline: none
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
    display: inline-block;
    margin: 0 -20px
}

.el-input-group__append button.el-button,
.el-input-group__append button.el-button:hover,
.el-input-group__append div.el-select .el-input__wrapper,
.el-input-group__append div.el-select:hover .el-input__wrapper,
.el-input-group__prepend button.el-button,
.el-input-group__prepend button.el-button:hover,
.el-input-group__prepend div.el-select .el-input__wrapper,
.el-input-group__prepend div.el-select:hover .el-input__wrapper {
    background-color: transparent;
    border-color: transparent;
    color: inherit
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
    font-size: inherit
}

.el-input-group__prepend {
    border-bottom-right-radius: 0;
    border-right: 0;
    border-top-right-radius: 0;
    box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset
}

.el-input-group__append {
    border-left: 0;
    box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset
}

.el-input-group--prepend>.el-input__wrapper,
.el-input-group__append {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-input .el-input__inner {
    box-shadow: none !important
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-input .el-input__wrapper {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-input.is-focus .el-input__inner {
    box-shadow: none !important
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-input.is-focus .el-input__wrapper,
.el-input-group--prepend .el-input-group__prepend .el-select .el-input.is-focus .el-input__wrapper:focus {
    box-shadow: 1px 0 0 0 var(--el-input-focus-border-color) inset, 1px 0 0 0 var(--el-input-focus-border-color), 0 1px 0 0 var(--el-input-focus-border-color) inset, 0 -1px 0 0 var(--el-input-focus-border-color) inset !important;
    z-index: 2
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-input.is-focus .el-input__wrapper:focus {
    outline: none
}

.el-input-group--prepend .el-input-group__prepend .el-select:hover .el-input__inner {
    box-shadow: none !important
}

.el-input-group--prepend .el-input-group__prepend .el-select:hover .el-input__wrapper {
    box-shadow: 1px 0 0 0 var(--el-input-hover-border-color) inset, 1px 0 0 0 var(--el-input-hover-border-color), 0 1px 0 0 var(--el-input-hover-border-color) inset, 0 -1px 0 0 var(--el-input-hover-border-color) inset !important;
    z-index: 1
}

.el-input-group--append>.el-input__wrapper {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.el-input-group--append .el-input-group__append .el-select .el-input .el-input__inner {
    box-shadow: none !important
}

.el-input-group--append .el-input-group__append .el-select .el-input .el-input__wrapper {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset
}

.el-input-group--append .el-input-group__append .el-select .el-input.is-focus .el-input__inner {
    box-shadow: none !important
}

.el-input-group--append .el-input-group__append .el-select .el-input.is-focus .el-input__wrapper {
    box-shadow: -1px 0 0 0 var(--el-input-focus-border-color), -1px 0 0 0 var(--el-input-focus-border-color) inset, 0 1px 0 0 var(--el-input-focus-border-color) inset, 0 -1px 0 0 var(--el-input-focus-border-color) inset !important;
    z-index: 2
}

.el-input-group--append .el-input-group__append .el-select:hover .el-input__inner {
    box-shadow: none !important
}

.el-input-group--append .el-input-group__append .el-select:hover .el-input__wrapper {
    box-shadow: -1px 0 0 0 var(--el-input-hover-border-color), -1px 0 0 0 var(--el-input-hover-border-color) inset, 0 1px 0 0 var(--el-input-hover-border-color) inset, 0 -1px 0 0 var(--el-input-hover-border-color) inset !important;
    z-index: 1
}

.el-select-dropdown__item {
    box-sizing: border-box;
    color: var(--el-text-color-regular);
    cursor: pointer;
    font-size: var(--el-font-size-base);
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    padding: 0 32px 0 20px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-select-dropdown__item.is-disabled {
    color: var(--el-text-color-placeholder);
    cursor: not-allowed
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
    background-color: var(--el-fill-color-light)
}

.el-select-dropdown__item.selected {
    color: var(--el-color-primary);
    font-weight: 700
}

.el-select-group {
    margin: 0;
    padding: 0
}

.el-select-group__wrap {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.el-select-group__wrap:not(:last-of-type) {
    padding-bottom: 24px
}

.el-select-group__wrap:not(:last-of-type):after {
    bottom: 12px;
    content: "";
    display: block
}

.el-select-group__split-dash,
.el-select-group__wrap:not(:last-of-type):after {
    background: var(--el-border-color-light);
    height: 1px;
    left: 20px;
    position: absolute;
    right: 20px
}

.el-select-group__title {
    color: var(--el-color-info);
    font-size: 12px;
    line-height: 30px;
    padding-left: 20px
}

.el-select-group .el-select-dropdown__item {
    padding-left: 20px
}

.el-select-dropdown {
    border-radius: var(--el-border-radius-base);
    box-sizing: border-box;
    z-index: calc(var(--el-index-top) + 1)
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    background-color: var(--el-bg-color-overlay);
    color: var(--el-color-primary)
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
    background-color: var(--el-fill-color-light)
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after {
    background-color: var(--el-color-primary);
    background-position: 50%;
    background-repeat: no-repeat;
    border-right: none;
    border-top: none;
    content: "";
    height: 12px;
    mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.is-disabled:after {
    background-color: var(--el-text-color-disabled)
}

.el-select-dropdown .el-select-dropdown__option-item.is-selected:after {
    background-color: var(--el-color-primary);
    background-position: 50%;
    background-repeat: no-repeat;
    border-right: none;
    border-top: none;
    content: "";
    height: 12px;
    mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
    padding: 0
}

.el-select-dropdown .el-select-dropdown__item.is-disabled:hover {
    background-color: unset
}

.el-select-dropdown .el-select-dropdown__item.is-disabled.selected {
    color: var(--el-text-color-disabled)
}

.el-select-dropdown__empty {
    color: var(--el-text-color-secondary);
    font-size: var(--el-select-font-size);
    margin: 0;
    padding: 10px 0;
    text-align: center
}

.el-select-dropdown__wrap {
    max-height: 274px
}

.el-select-dropdown__list {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 6px 0
}

.el-select-dropdown__header {
    border-bottom: 1px solid var(--el-border-color-light);
    padding: 10px
}

.el-select-dropdown__footer {
    border-top: 1px solid var(--el-border-color-light);
    padding: 10px
}

.el-select {
    --el-select-border-color-hover: var(--el-border-color-hover);
    --el-select-disabled-border: var(--el-disabled-border-color);
    --el-select-font-size: var(--el-font-size-base);
    --el-select-close-hover-color: var(--el-text-color-secondary);
    --el-select-input-color: var(--el-text-color-placeholder);
    --el-select-multiple-input-color: var(--el-text-color-regular);
    --el-select-input-focus-border-color: var(--el-color-primary);
    --el-select-input-font-size: 14px;
    display: inline-block;
    line-height: 32px;
    position: relative;
    vertical-align: middle
}

.el-select__popper.el-popper {
    background: var(--el-bg-color-overlay);
    box-shadow: var(--el-box-shadow-light)
}

.el-select__popper.el-popper,
.el-select__popper.el-popper .el-popper__arrow:before {
    border: 1px solid var(--el-border-color-light)
}

.el-select__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-left-color: transparent;
    border-top-color: transparent
}

.el-select__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-right-color: transparent
}

.el-select__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-left-color: transparent
}

.el-select__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
    border-right-color: transparent;
    border-top-color: transparent
}

.el-select .el-select-tags-wrapper.has-prefix {
    margin-left: 6px
}

.el-select--large {
    line-height: 40px
}

.el-select--large .el-select-tags-wrapper.has-prefix {
    margin-left: 8px
}

.el-select--small {
    line-height: 24px
}

.el-select--small .el-select-tags-wrapper.has-prefix {
    margin-left: 4px
}

.el-select .el-select__tags>span {
    display: inline-block
}

.el-select:hover:not(.el-select--disabled) .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-select-border-color-hover) inset
}

.el-select .el-select__tags-text {
    display: inline-block;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-select .el-input__wrapper {
    cursor: pointer
}

.el-select .el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px var(--el-select-input-focus-border-color) inset !important
}

.el-select .el-input {
    display: flex
}

.el-select .el-input .el-select__caret {
    color: var(--el-select-input-color);
    cursor: pointer;
    font-size: var(--el-select-input-font-size);
    transform: rotate(0);
    transition: transform var(--el-transition-duration)
}

.el-select .el-input .el-select__caret.is-reverse {
    transform: rotate(-180deg)
}

.el-select .el-input .el-select__caret.is-show-close {
    border-radius: var(--el-border-radius-circle);
    color: var(--el-select-input-color);
    font-size: var(--el-select-font-size);
    text-align: center;
    transform: rotate(0);
    transition: var(--el-transition-color)
}

.el-select .el-input .el-select__caret.is-show-close:hover {
    color: var(--el-select-close-hover-color)
}

.el-select .el-input .el-select__caret.el-icon {
    height: inherit;
    position: relative;
    z-index: 2
}

.el-select .el-input.is-disabled .el-input__wrapper {
    cursor: not-allowed
}

.el-select .el-input.is-disabled .el-input__wrapper:hover {
    box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset
}

.el-select .el-input.is-disabled .el-input__inner,
.el-select .el-input.is-disabled .el-select__caret {
    cursor: not-allowed
}

.el-select .el-input.is-focus .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-select-input-focus-border-color) inset !important
}

.el-select__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: var(--el-select-multiple-input-color);
    font-size: var(--el-select-font-size);
    height: 28px;
    margin-left: 15px;
    outline: none;
    padding: 0
}

.el-select__input.is-disabled {
    cursor: not-allowed
}

.el-select__input--iOS {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 6
}

.el-select__input.is-small {
    height: 14px
}

.el-select__close {
    color: var(--el-select-input-color);
    cursor: pointer;
    font-size: var(--el-select-input-font-size);
    line-height: 18px;
    position: absolute;
    right: 25px;
    top: 8px;
    z-index: var(--el-index-top)
}

.el-select__close:hover {
    color: var(--el-select-close-hover-color)
}

.el-select__tags {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    line-height: normal;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    white-space: normal;
    z-index: var(--el-index-normal)
}

.el-select__tags .el-tag {
    border-color: transparent;
    box-sizing: border-box;
    margin: 2px 6px 2px 0
}

.el-select__tags .el-tag:last-child {
    margin-right: 0
}

.el-select__tags .el-tag .el-icon-close {
    background-color: var(--el-text-color-placeholder);
    color: #fff;
    right: -7px;
    top: 0
}

.el-select__tags .el-tag .el-icon-close:hover {
    background-color: var(--el-text-color-secondary)
}

.el-select__tags .el-tag .el-icon-close:before {
    display: block;
    transform: translateY(.5px)
}

.el-select__tags .el-tag--info {
    background-color: var(--el-fill-color)
}

.el-select__tags.is-disabled {
    cursor: not-allowed
}

.el-select__collapse-tags {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    white-space: normal;
    z-index: var(--el-index-normal)
}

.el-select__collapse-tags .el-tag {
    border-color: transparent;
    box-sizing: border-box;
    margin: 2px 6px 2px 0
}

.el-select__collapse-tags .el-tag:last-child {
    margin-right: 0
}

.el-select__collapse-tags .el-tag .el-icon-close {
    background-color: var(--el-text-color-placeholder);
    color: #fff;
    right: -7px;
    top: 0
}

.el-select__collapse-tags .el-tag .el-icon-close:hover {
    background-color: var(--el-text-color-secondary)
}

.el-select__collapse-tags .el-tag .el-icon-close:before {
    display: block;
    transform: translateY(.5px)
}

.el-select__collapse-tags .el-tag--info {
    background-color: var(--el-fill-color)
}

.el-select__collapse-tag {
    display: flex;
    height: inherit;
    line-height: inherit
}

.el-button {
    --el-button-font-weight: var(--el-font-weight-primary);
    --el-button-border-color: var(--el-border-color);
    --el-button-bg-color: var(--el-fill-color-blank);
    --el-button-text-color: var(--el-text-color-regular);
    --el-button-disabled-text-color: var(--el-disabled-text-color);
    --el-button-disabled-bg-color: var(--el-fill-color-blank);
    --el-button-disabled-border-color: var(--el-border-color-light);
    --el-button-divide-border-color: hsla(0, 0%, 100%, .5);
    --el-button-hover-text-color: var(--el-color-primary);
    --el-button-hover-bg-color: var(--el-color-primary-light-9);
    --el-button-hover-border-color: var(--el-color-primary-light-7);
    --el-button-active-text-color: var(--el-button-hover-text-color);
    --el-button-active-border-color: var(--el-color-primary);
    --el-button-active-bg-color: var(--el-button-hover-bg-color);
    --el-button-outline-color: var(--el-color-primary-light-5);
    --el-button-hover-link-text-color: var(--el-color-info);
    --el-button-active-color: var(--el-text-color-primary);
    align-items: center;
    -webkit-appearance: none;
    background-color: var(--el-fill-color-blank);
    background-color: var(--el-button-bg-color);
    border: var(--el-border);
    border-color: var(--el-button-border-color);
    border-radius: var(--el-border-radius-base);
    box-sizing: border-box;
    color: var(--el-text-color-regular);
    color: var(--el-button-text-color);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--el-font-size-base);
    font-weight: var(--el-font-weight-primary);
    font-weight: var(--el-button-font-weight);
    height: 32px;
    justify-content: center;
    line-height: 1;
    outline: none;
    padding: 8px 15px;
    text-align: center;
    transition: .1s;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.el-button:focus,
.el-button:hover {
    background-color: var(--el-button-hover-bg-color);
    border-color: var(--el-button-hover-border-color);
    color: var(--el-button-hover-text-color);
    outline: none
}

.el-button:active {
    background-color: var(--el-button-active-bg-color);
    border-color: var(--el-button-active-border-color);
    color: var(--el-button-active-text-color);
    outline: none
}

.el-button:focus-visible {
    outline: 2px solid var(--el-button-outline-color);
    outline-offset: 1px
}

.el-button>span {
    align-items: center;
    display: inline-flex
}

/* .el-button+.el-button {
    margin-left: 12px
} */

.el-button.is-round {
    padding: 8px 15px
}

.el-button::-moz-focus-inner {
    border: 0
}

.el-button [class*=el-icon]+span {
    margin-left: 6px
}

.el-button [class*=el-icon] svg {
    vertical-align: bottom
}

.el-button.is-plain {
    --el-button-hover-text-color: var(--el-color-primary);
    --el-button-hover-bg-color: var(--el-fill-color-blank);
    --el-button-hover-border-color: var(--el-color-primary)
}

.el-button.is-active {
    background-color: var(--el-button-active-bg-color);
    border-color: var(--el-button-active-border-color);
    color: var(--el-button-active-text-color);
    outline: none
}

.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
    background-color: var(--el-button-disabled-bg-color);
    background-image: none;
    border-color: var(--el-button-disabled-border-color);
    color: var(--el-button-disabled-text-color);
    cursor: not-allowed
}

.el-button.is-loading {
    pointer-events: none;
    position: relative
}

.el-button.is-loading:before {
    background-color: var(--el-mask-color-extra-light);
    border-radius: inherit;
    bottom: -1px;
    content: "";
    left: -1px;
    pointer-events: none;
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: 1
}

.el-button.is-round {
    border-radius: var(--el-border-radius-round)
}

.el-button.is-circle {
    border-radius: 50%;
    padding: 8px;
    width: 32px
}

.el-button.is-text {
    background-color: transparent;
    border: 0 solid transparent;
    color: var(--el-button-text-color)
}

.el-button.is-text.is-disabled {
    background-color: transparent !important;
    color: var(--el-button-disabled-text-color)
}

.el-button.is-text:not(.is-disabled):focus,
.el-button.is-text:not(.is-disabled):hover {
    background-color: var(--el-fill-color-light)
}

.el-button.is-text:not(.is-disabled):focus-visible {
    outline: 2px solid var(--el-button-outline-color);
    outline-offset: 1px
}

.el-button.is-text:not(.is-disabled):active {
    background-color: var(--el-fill-color)
}

.el-button.is-text:not(.is-disabled).is-has-bg {
    background-color: var(--el-fill-color-light)
}

.el-button.is-text:not(.is-disabled).is-has-bg:focus,
.el-button.is-text:not(.is-disabled).is-has-bg:hover {
    background-color: var(--el-fill-color)
}

.el-button.is-text:not(.is-disabled).is-has-bg:active {
    background-color: var(--el-fill-color-dark)
}

.el-button__text--expand {
    letter-spacing: .3em;
    margin-right: -.3em
}

.el-button.is-link {
    background: transparent;
    border-color: transparent;
    color: var(--el-button-text-color);
    height: auto;
    padding: 2px
}

.el-button.is-link:focus,
.el-button.is-link:hover {
    color: var(--el-button-hover-link-text-color)
}

.el-button.is-link.is-disabled {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--el-button-disabled-text-color)
}

.el-button.is-link:not(.is-disabled):active,
.el-button.is-link:not(.is-disabled):focus,
.el-button.is-link:not(.is-disabled):hover {
    background-color: transparent;
    border-color: transparent
}

.el-button.is-link:not(.is-disabled):active {
    color: var(--el-button-active-color)
}

.el-button--text {
    background: transparent;
    border-color: transparent;
    color: var(--el-color-primary);
    padding-left: 0;
    padding-right: 0
}

.el-button--text.is-disabled {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--el-button-disabled-text-color)
}

.el-button--text:not(.is-disabled):focus,
.el-button--text:not(.is-disabled):hover {
    background-color: transparent;
    border-color: transparent;
    color: var(--el-color-primary-light-3)
}

.el-button--text:not(.is-disabled):active {
    background-color: transparent;
    border-color: transparent;
    color: var(--el-color-primary-dark-2)
}

.el-button__link--expand {
    letter-spacing: .3em;
    margin-right: -.3em
}

.el-button--primary {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-primary);
    --el-button-border-color: var(--el-color-primary);
    --el-button-outline-color: var(--el-color-primary-light-5);
    --el-button-active-color: var(--el-color-primary-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-primary-light-5);
    --el-button-hover-bg-color: var(--secondary-color);
    --el-button-hover-border-color: var(--secondary-color);
    --el-button-active-bg-color: color-mix(in srgb, var(--secondary-color) 82%, #000);
    --el-button-active-border-color: color-mix(in srgb, var(--secondary-color) 82%, #000);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-primary-light-5);
    --el-button-disabled-border-color: var(--el-color-primary-light-5)
}

.el-button--primary.is-link,
.el-button--primary.is-plain,
.el-button--primary.is-text {
    --el-button-text-color: var(--el-color-primary);
    --el-button-bg-color: var(--el-color-primary-light-9);
    --el-button-border-color: var(--el-color-primary-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-primary);
    --el-button-hover-border-color: var(--el-color-primary);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--primary.is-link.is-disabled,
.el-button--primary.is-link.is-disabled:active,
.el-button--primary.is-link.is-disabled:focus,
.el-button--primary.is-link.is-disabled:hover,
.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:hover,
.el-button--primary.is-text.is-disabled,
.el-button--primary.is-text.is-disabled:active,
.el-button--primary.is-text.is-disabled:focus,
.el-button--primary.is-text.is-disabled:hover {
    background-color: var(--el-color-primary-light-9);
    border-color: var(--el-color-primary-light-8);
    color: var(--el-color-primary-light-5)
}

.el-button--success {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-success);
    --el-button-border-color: var(--el-color-success);
    --el-button-outline-color: var(--el-color-success-light-5);
    --el-button-active-color: var(--el-color-success-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-success-light-5);
    --el-button-hover-bg-color: var(--el-color-success-light-3);
    --el-button-hover-border-color: var(--el-color-success-light-3);
    --el-button-active-bg-color: var(--el-color-success-dark-2);
    --el-button-active-border-color: var(--el-color-success-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-success-light-5);
    --el-button-disabled-border-color: var(--el-color-success-light-5)
}

.el-button--success.is-link,
.el-button--success.is-plain,
.el-button--success.is-text {
    --el-button-text-color: var(--el-color-success);
    --el-button-bg-color: var(--el-color-success-light-9);
    --el-button-border-color: var(--el-color-success-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-success);
    --el-button-hover-border-color: var(--el-color-success);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--success.is-link.is-disabled,
.el-button--success.is-link.is-disabled:active,
.el-button--success.is-link.is-disabled:focus,
.el-button--success.is-link.is-disabled:hover,
.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:active,
.el-button--success.is-plain.is-disabled:focus,
.el-button--success.is-plain.is-disabled:hover,
.el-button--success.is-text.is-disabled,
.el-button--success.is-text.is-disabled:active,
.el-button--success.is-text.is-disabled:focus,
.el-button--success.is-text.is-disabled:hover {
    background-color: var(--el-color-success-light-9);
    border-color: var(--el-color-success-light-8);
    color: var(--el-color-success-light-5)
}

.el-button--warning {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-warning);
    --el-button-border-color: var(--el-color-warning);
    --el-button-outline-color: var(--el-color-warning-light-5);
    --el-button-active-color: var(--el-color-warning-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-warning-light-5);
    --el-button-hover-bg-color: var(--el-color-warning-light-3);
    --el-button-hover-border-color: var(--el-color-warning-light-3);
    --el-button-active-bg-color: var(--el-color-warning-dark-2);
    --el-button-active-border-color: var(--el-color-warning-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-warning-light-5);
    --el-button-disabled-border-color: var(--el-color-warning-light-5)
}

.el-button--warning.is-link,
.el-button--warning.is-plain,
.el-button--warning.is-text {
    --el-button-text-color: var(--el-color-warning);
    --el-button-bg-color: var(--el-color-warning-light-9);
    --el-button-border-color: var(--el-color-warning-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-warning);
    --el-button-hover-border-color: var(--el-color-warning);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--warning.is-link.is-disabled,
.el-button--warning.is-link.is-disabled:active,
.el-button--warning.is-link.is-disabled:focus,
.el-button--warning.is-link.is-disabled:hover,
.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:active,
.el-button--warning.is-plain.is-disabled:focus,
.el-button--warning.is-plain.is-disabled:hover,
.el-button--warning.is-text.is-disabled,
.el-button--warning.is-text.is-disabled:active,
.el-button--warning.is-text.is-disabled:focus,
.el-button--warning.is-text.is-disabled:hover {
    background-color: var(--el-color-warning-light-9);
    border-color: var(--el-color-warning-light-8);
    color: var(--el-color-warning-light-5)
}

.el-button--danger {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-danger);
    --el-button-border-color: var(--el-color-danger);
    --el-button-outline-color: var(--el-color-danger-light-5);
    --el-button-active-color: var(--el-color-danger-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-danger-light-5);
    --el-button-hover-bg-color: var(--el-color-danger-light-3);
    --el-button-hover-border-color: var(--el-color-danger-light-3);
    --el-button-active-bg-color: var(--el-color-danger-dark-2);
    --el-button-active-border-color: var(--el-color-danger-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-danger-light-5);
    --el-button-disabled-border-color: var(--el-color-danger-light-5)
}

.el-button--danger.is-link,
.el-button--danger.is-plain,
.el-button--danger.is-text {
    --el-button-text-color: var(--el-color-danger);
    --el-button-bg-color: var(--el-color-danger-light-9);
    --el-button-border-color: var(--el-color-danger-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-danger);
    --el-button-hover-border-color: var(--el-color-danger);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--danger.is-link.is-disabled,
.el-button--danger.is-link.is-disabled:active,
.el-button--danger.is-link.is-disabled:focus,
.el-button--danger.is-link.is-disabled:hover,
.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:active,
.el-button--danger.is-plain.is-disabled:focus,
.el-button--danger.is-plain.is-disabled:hover,
.el-button--danger.is-text.is-disabled,
.el-button--danger.is-text.is-disabled:active,
.el-button--danger.is-text.is-disabled:focus,
.el-button--danger.is-text.is-disabled:hover {
    background-color: var(--el-color-danger-light-9);
    border-color: var(--el-color-danger-light-8);
    color: var(--el-color-danger-light-5)
}

.el-button--info {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-info);
    --el-button-border-color: var(--el-color-info);
    --el-button-outline-color: var(--el-color-info-light-5);
    --el-button-active-color: var(--el-color-info-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-info-light-5);
    --el-button-hover-bg-color: var(--el-color-info-light-3);
    --el-button-hover-border-color: var(--el-color-info-light-3);
    --el-button-active-bg-color: var(--el-color-info-dark-2);
    --el-button-active-border-color: var(--el-color-info-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-info-light-5);
    --el-button-disabled-border-color: var(--el-color-info-light-5)
}

.el-button--info.is-link,
.el-button--info.is-plain,
.el-button--info.is-text {
    --el-button-text-color: var(--el-color-info);
    --el-button-bg-color: var(--el-color-info-light-9);
    --el-button-border-color: var(--el-color-info-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-info);
    --el-button-hover-border-color: var(--el-color-info);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--info.is-link.is-disabled,
.el-button--info.is-link.is-disabled:active,
.el-button--info.is-link.is-disabled:focus,
.el-button--info.is-link.is-disabled:hover,
.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:active,
.el-button--info.is-plain.is-disabled:focus,
.el-button--info.is-plain.is-disabled:hover,
.el-button--info.is-text.is-disabled,
.el-button--info.is-text.is-disabled:active,
.el-button--info.is-text.is-disabled:focus,
.el-button--info.is-text.is-disabled:hover {
    background-color: var(--el-color-info-light-9);
    border-color: var(--el-color-info-light-8);
    color: var(--el-color-info-light-5)
}

.el-button--large {
    --el-button-size: 40px;
    border-radius: var(--el-border-radius-base);
    font-size: var(--el-font-size-base);
    height: 40px;
    height: var(--el-button-size);
    padding: 12px 19px
}

.el-button--large [class*=el-icon]+span {
    margin-left: 8px
}

.el-button--large.is-round {
    padding: 12px 19px
}

.el-button--large.is-circle {
    padding: 12px;
    width: var(--el-button-size)
}

.el-button--small {
    --el-button-size: 24px;
    border-radius: calc(var(--el-border-radius-base) - 1px);
    font-size: 12px;
    height: 24px;
    height: var(--el-button-size);
    padding: 5px 11px
}

.el-button--small [class*=el-icon]+span {
    margin-left: 4px
}

.el-button--small.is-round {
    padding: 5px 11px
}

.el-button--small.is-circle {
    padding: 5px;
    width: var(--el-button-size)
}

.el-form {
    --el-form-label-font-size: var(--el-font-size-base);
    --el-form-inline-content-width: 220px
}

.el-form--label-left .el-form-item__label {
    justify-content: flex-start
}

.el-form--label-top .el-form-item {
    display: block
}

.el-form--label-top .el-form-item .el-form-item__label {
    display: block;
    height: auto;
    line-height: 22px;
    margin-bottom: 8px;
    text-align: left
}

.el-form--inline .el-form-item {
    display: inline-flex;
    margin-right: 32px;
    vertical-align: middle
}

.el-form--inline.el-form--label-top {
    display: flex;
    flex-wrap: wrap
}

.el-form--inline.el-form--label-top .el-form-item {
    display: block
}

.el-form--large.el-form--label-top .el-form-item .el-form-item__label {
    line-height: 22px;
    margin-bottom: 12px
}

.el-form--default.el-form--label-top .el-form-item .el-form-item__label {
    line-height: 22px;
    margin-bottom: 8px
}

.el-form--small.el-form--label-top .el-form-item .el-form-item__label {
    line-height: 20px;
    margin-bottom: 4px
}

.el-form-item {
    --font-size: 14px;
    display: flex;
    margin-bottom: 18px
}

.el-form-item .el-form-item {
    margin-bottom: 0
}

.el-form-item .el-input__validateIcon {
    display: none
}

.el-form-item--large {
    --font-size: 14px;
    --el-form-label-font-size: var(--font-size);
    margin-bottom: 22px
}

.el-form-item--large .el-form-item__label {
    height: 40px;
    line-height: 40px
}

.el-form-item--large .el-form-item__content {
    line-height: 40px
}

.el-form-item--large .el-form-item__error {
    padding-top: 4px
}

.el-form-item--default {
    --font-size: 14px;
    --el-form-label-font-size: var(--font-size);
    margin-bottom: 18px
}

.el-form-item--default .el-form-item__label {
    height: 32px;
    line-height: 32px
}

.el-form-item--default .el-form-item__content {
    line-height: 32px
}

.el-form-item--default .el-form-item__error {
    padding-top: 2px
}

.el-form-item--small {
    --font-size: 12px;
    --el-form-label-font-size: var(--font-size);
    margin-bottom: 18px
}

.el-form-item--small .el-form-item__label {
    height: 24px;
    line-height: 24px
}

.el-form-item--small .el-form-item__content {
    line-height: 24px
}

.el-form-item--small .el-form-item__error {
    padding-top: 2px
}

.el-form-item__label-wrap {
    display: flex
}

.el-form-item__label {
    align-items: flex-start;
    box-sizing: border-box;
    color: var(--el-text-color-regular);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--el-form-label-font-size);
    height: 32px;
    justify-content: flex-end;
    line-height: 32px;
    padding: 0 12px 0 0
}

.el-form-item__content {
    align-items: center;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    font-size: var(--font-size);
    line-height: 32px;
    min-width: 0;
    position: relative
}

.el-form-item__content .el-input-group {
    vertical-align: top
}

.el-form-item__error {
    color: var(--el-color-danger);
    font-size: 12px;
    left: 0;
    line-height: 1;
    padding-top: 2px;
    position: absolute;
    top: 100%
}

.el-form-item__error--inline {
    display: inline-block;
    left: auto;
    margin-left: 10px;
    position: relative;
    top: auto
}

.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:before {
    color: var(--el-color-danger);
    content: "*";
    margin-right: 4px
}

.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label-wrap>.el-form-item__label:after,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label:after {
    color: var(--el-color-danger);
    content: "*";
    margin-left: 4px
}

.el-form-item.is-error .el-select-v2__wrapper.is-focused {
    border-color: transparent
}

.el-form-item.is-error .el-input__wrapper,
.el-form-item.is-error .el-input__wrapper:hover,
.el-form-item.is-error .el-select-v2__wrapper,
.el-form-item.is-error .el-select-v2__wrapper:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset
}

.el-form-item.is-error .el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset !important
}

.el-form-item.is-error .el-select:hover {
    box-shadow: 0 0 0 1px transparent
}

.el-form-item.is-error .el-select .el-input .el-input__wrapper:hover {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset
}

.el-form-item.is-error .el-select .el-input.is-focus .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset !important
}

.el-form-item.is-error .el-input-group__append .el-input__wrapper,
.el-form-item.is-error .el-input-group__prepend .el-input__wrapper {
    box-shadow: inset 0 0 0 1px transparent
}

.el-form-item.is-error .el-input__validateIcon {
    color: var(--el-color-danger)
}

.el-form-item--feedback .el-input__validateIcon,
.el-radio {
    display: inline-flex
}

.el-radio {
    --el-radio-font-size: var(--el-font-size-base);
    --el-radio-text-color: var(--el-text-color-regular);
    --el-radio-font-weight: var(--el-font-weight-primary);
    --el-radio-input-height: 14px;
    --el-radio-input-width: 14px;
    --el-radio-input-border-radius: var(--el-border-radius-circle);
    --el-radio-input-bg-color: var(--el-fill-color-blank);
    --el-radio-input-border: var(--el-border);
    --el-radio-input-border-color: var(--el-border-color);
    --el-radio-input-border-color-hover: var(--el-color-primary);
    align-items: center;
    color: var(--el-text-color-regular);
    color: var(--el-radio-text-color);
    cursor: pointer;
    font-size: var(--el-font-size-base);
    font-weight: var(--el-font-weight-primary);
    font-weight: var(--el-radio-font-weight);
    height: 32px;
    margin-right: 32px;
    outline: none;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap
}

.el-radio.el-radio--large {
    height: 40px
}

.el-radio.el-radio--small {
    height: 24px
}

.el-radio.is-bordered {
    border: var(--el-border);
    border-radius: var(--el-border-radius-base);
    box-sizing: border-box;
    padding: 0 15px 0 9px
}

.el-radio.is-bordered.is-checked {
    border-color: var(--el-color-primary)
}

.el-radio.is-bordered.is-disabled {
    border-color: var(--el-border-color-lighter);
    cursor: not-allowed
}

.el-radio.is-bordered.el-radio--large {
    border-radius: var(--el-border-radius-base);
    padding: 0 19px 0 11px
}

.el-radio.is-bordered.el-radio--large .el-radio__label {
    font-size: var(--el-font-size-base)
}

.el-radio.is-bordered.el-radio--large .el-radio__inner {
    height: 14px;
    width: 14px
}

.el-radio.is-bordered.el-radio--small {
    border-radius: var(--el-border-radius-base);
    padding: 0 11px 0 7px
}

.el-radio.is-bordered.el-radio--small .el-radio__label {
    font-size: 12px
}

.el-radio.is-bordered.el-radio--small .el-radio__inner {
    height: 12px;
    width: 12px
}

.el-radio:last-child {
    margin-right: 0
}

.el-radio__input {
    cursor: pointer;
    display: inline-flex;
    outline: none;
    position: relative;
    vertical-align: middle;
    white-space: nowrap
}

.el-radio__input.is-disabled .el-radio__inner {
    border-color: var(--el-disabled-border-color)
}

.el-radio__input.is-disabled .el-radio__inner,
.el-radio__input.is-disabled .el-radio__inner:after {
    background-color: var(--el-disabled-bg-color);
    cursor: not-allowed
}

.el-radio__input.is-disabled .el-radio__inner+.el-radio__label {
    cursor: not-allowed
}

.el-radio__input.is-disabled.is-checked .el-radio__inner {
    background-color: var(--el-disabled-bg-color);
    border-color: var(--el-disabled-border-color)
}

.el-radio__input.is-disabled.is-checked .el-radio__inner:after {
    background-color: var(--el-text-color-placeholder)
}

.el-radio__input.is-disabled+span.el-radio__label {
    color: var(--el-text-color-placeholder);
    cursor: not-allowed
}

.el-radio__input.is-checked .el-radio__inner {
    background: var(--el-color-primary);
    border-color: var(--el-color-primary)
}

.el-radio__input.is-checked .el-radio__inner:after {
    transform: translate(-50%, -50%) scale(1)
}

.el-radio__input.is-checked+.el-radio__label {
    color: var(--el-color-primary)
}

.el-radio__input.is-focus .el-radio__inner {
    border-color: var(--el-radio-input-border-color-hover)
}

.el-radio__inner {
    background-color: var(--el-radio-input-bg-color);
    border: var(--el-radio-input-border);
    border-radius: var(--el-radio-input-border-radius);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: var(--el-radio-input-height);
    position: relative;
    width: var(--el-radio-input-width)
}

.el-radio__inner:hover {
    border-color: var(--el-radio-input-border-color-hover)
}

.el-radio__inner:after {
    background-color: var(--el-color-white);
    border-radius: var(--el-radio-input-border-radius);
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform .15s ease-in;
    width: 4px
}

.el-radio__original {
    bottom: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.el-radio__original:focus-visible+.el-radio__inner {
    border-radius: var(--el-radio-input-border-radius);
    outline: 2px solid var(--el-radio-input-border-color-hover);
    outline-offset: 1px
}

.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
    box-shadow: 0 0 2px 2px var(--el-radio-input-border-color-hover)
}

.el-radio__label {
    font-size: var(--el-radio-font-size);
    padding-left: 8px
}

.el-radio.el-radio--large .el-radio__label {
    font-size: 14px
}

.el-radio.el-radio--large .el-radio__inner {
    height: 14px;
    width: 14px
}

.el-radio.el-radio--small .el-radio__label {
    font-size: 12px
}

.el-radio.el-radio--small .el-radio__inner {
    height: 12px;
    width: 12px
}

.el-radio-group {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    font-size: 0
}

.el-divider {
    position: relative
}

.el-divider--horizontal {
    border-top: 1px var(--el-border-color) var(--el-border-style);
    display: block;
    height: 1px;
    margin: 24px 0;
    width: 100%
}

.el-divider--vertical {
    border-left: 1px var(--el-border-color) var(--el-border-style);
    display: inline-block;
    height: 1em;
    margin: 0 8px;
    position: relative;
    vertical-align: middle;
    width: 1px
}

.el-divider__text {
    background-color: var(--el-bg-color);
    color: var(--el-text-color-primary);
    font-size: 14px;
    font-weight: 500;
    padding: 0 20px;
    position: absolute
}

.el-divider__text.is-left {
    left: 20px;
    transform: translateY(-50%)
}

.el-divider__text.is-center {
    left: 50%;
    transform: translate(-50%) translateY(-50%)
}

.el-divider__text.is-right {
    right: 20px;
    transform: translateY(-50%)
}

.el-message {
    --el-message-bg-color: var(--el-color-info-light-9);
    --el-message-border-color: var(--el-border-color-lighter);
    --el-message-padding: 15px 19px;
    --el-message-close-size: 16px;
    --el-message-close-icon-color: var(--el-text-color-placeholder);
    --el-message-close-hover-color: var(--el-text-color-secondary);
    align-items: center;
    background-color: var(--el-color-info-light-9);
    background-color: var(--el-message-bg-color);
    border-color: var(--el-message-border-color);
    border-radius: var(--el-border-radius-base);
    border-style: var(--el-border-style);
    border-width: var(--el-border-width);
    box-sizing: border-box;
    display: flex;
    left: 50%;
    max-width: calc(100% - 32px);
    padding: 15px 19px;
    padding: var(--el-message-padding);
    position: fixed;
    top: 20px;
    transform: translate(-50%);
    transition: opacity var(--el-transition-duration), transform .4s, top .4s;
    width: -moz-fit-content;
    width: fit-content
}

.el-message.is-center {
    justify-content: center
}

.el-message.is-closable .el-message__content {
    padding-right: 31px
}

.el-message p {
    margin: 0
}

.el-message--success {
    --el-message-bg-color: var(--el-color-success-light-9);
    --el-message-border-color: var(--el-color-success-light-8);
    --el-message-text-color: var(--el-color-success)
}

.el-message--success .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: anywhere
}

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

.el-message--info {
    --el-message-bg-color: var(--el-color-info-light-9);
    --el-message-border-color: var(--el-color-info-light-8);
    --el-message-text-color: var(--el-color-info)
}

.el-message--info .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: anywhere
}

.el-message .el-message-icon--info {
    color: var(--el-message-text-color)
}

.el-message--warning {
    --el-message-bg-color: var(--el-color-warning-light-9);
    --el-message-border-color: var(--el-color-warning-light-8);
    --el-message-text-color: var(--el-color-warning)
}

.el-message--warning .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: anywhere
}

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

.el-message--error {
    --el-message-bg-color: var(--el-color-error-light-9);
    --el-message-border-color: var(--el-color-error-light-8);
    --el-message-text-color: var(--el-color-error)
}

.el-message--error .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: anywhere
}

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

.el-message__icon {
    margin-right: 10px
}

.el-message .el-message__badge {
    position: absolute;
    right: -8px;
    top: -8px
}

.el-message__content {
    font-size: 14px;
    line-height: 1;
    padding: 0
}

.el-message__content:focus {
    outline-width: 0
}

.el-message .el-message__closeBtn {
    color: var(--el-message-close-icon-color);
    cursor: pointer;
    font-size: var(--el-message-close-size);
    position: absolute;
    right: 19px;
    top: 50%;
    transform: translateY(-50%)
}

.el-message .el-message__closeBtn:focus {
    outline-width: 0
}

.el-message .el-message__closeBtn:hover {
    color: var(--el-message-close-hover-color)
}

.el-message-fade-enter-from,
.el-message-fade-leave-to {
    opacity: 0;
    transform: translate(-50%, -100%)
}

.ws-more-hidden {
    height: 305px;
    overflow: hidden
}

.ws-more-show {
    height: auto;
    overflow: auto
}

.el-badge {
    --el-badge-bg-color: var(--el-color-danger);
    --el-badge-radius: 10px;
    --el-badge-font-size: 12px;
    --el-badge-padding: 6px;
    --el-badge-size: 18px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: -moz-fit-content;
    width: fit-content
}

.el-badge__content {
    align-items: center;
    background-color: var(--el-badge-bg-color);
    border: 1px solid var(--el-bg-color);
    border-radius: var(--el-badge-radius);
    color: var(--el-color-white);
    display: inline-flex;
    font-size: var(--el-badge-font-size);
    height: var(--el-badge-size);
    justify-content: center;
    padding: 0 var(--el-badge-padding);
    white-space: nowrap
}

.el-badge__content.is-fixed {
    position: absolute;
    right: calc(1px + var(--el-badge-size)/2);
    top: 0;
    transform: translateY(-50%) translate(100%);
    z-index: var(--el-index-normal)
}

.el-badge__content.is-fixed.is-dot {
    right: 5px
}

.el-badge__content.is-dot {
    border-radius: 50%;
    height: 8px;
    padding: 0;
    right: 0;
    width: 8px
}

.el-badge__content--primary {
    background-color: var(--el-color-primary)
}

.el-badge__content--success {
    background-color: var(--el-color-success)
}

.el-badge__content--warning {
    background-color: var(--el-color-warning)
}

.el-badge__content--info {
    background-color: var(--el-color-info)
}

.el-badge__content--danger {
    background-color: var(--el-color-danger)
}

* {
    word-break: break-word !important
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    border-radius: 6px !important
}

.el-table thead {
    color: #333 !important
}

.ws-recharge-modal .el-dialog {
    max-width: 460px
}

@media only screen and (max-width:767px) {
    .ws-recharge-modal .el-dialog {
        width: 95% !important
    }
}

.ws-auth-modal,
.ws-recharge-modal .el-dialog__body {
    padding-top: 0 !important
}

.ws-auth-modal .el-dialog,
.ws-recharge-modal .el-dialog {
    border-radius: 6px !important
}

.el-dialog {
    border-radius: 5px
}

.el-dialog__header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.ws-buying-modal .el-dialog {
    max-width: 460px
}

.ws-buying-modal .el-dialog__header {
    padding-bottom: 15px !important;
    padding-top: 15px !important
}

@media only screen and (max-width:767px) {
    .ws-buying-modal .el-dialog {
        width: 95% !important
    }
}

.ws-buying-modal .el-dialog__body {
    padding: 0 !important
}

.ws-buying-modal .el-dialog__header {
    background: #cc0808;
    margin-right: 0 !important;
    padding-bottom: 8px !important;
    padding-top: 8px !important
}

.ws-buying-modal .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.ws-buying-modal .el-dialog__headerbtn {
    top: 16px
}

.ws-auth-modal .el-dialog {
    max-width: 420px
}

@media only screen and (max-width:767px) {
    .ws-auth-modal .el-dialog {
        width: 95% !important
    }
}

@media only screen and (min-width:600px) {
    .ws-notihomes .el-dialog {
        max-width: 550px !important
    }
}

@media only screen and (max-width:599px) {
    .ws-notihomes .el-dialog {
        margin-top: 10vh !important;
        width: 95% !important
    }
}

.ws-loader {
    animation: rotate .5s linear infinite;
    border-radius: 50%;
    height: 38px;
    position: relative;
    width: 38px
}

.ws-loader:before {
    animation: prixClipFix 1s linear infinite;
    border: 3px solid #d42323;
    border-radius: 50%;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes prixClipFix {
    0% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
    }

    25% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
    }

    50% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
    }

    75% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
    }

    to {
        -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
    }
}

.ws-auth .el-input--large .el-input__wrapper {
    background-color: #1618230f;
    border-color: #1618230f;
    border-radius: var(--border-radius-primary);
    box-shadow: none;
    color: #000;
    font-size: 1rem;
    padding: 1px 15px
}

.ws-auth .el-input__inner {
    color: #000
}

.ws-auth .el-button--large {
    border-radius: var(--border-radius-primary) !important;
    font-size: 1rem !important;
    height: 45px !important
}

.ws-auth .el-form-item__content {
    margin-bottom: 2px
}

.ws-auth .el-input--large .el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 40px) + 2px)
}

.el-notification__content {
    text-align: left !important
}

.badge {
    border-radius: .25rem;
    display: inline-block;
    font-size: 100%;
    font-weight: 700;
    line-height: 1;
    padding: .25em .4em;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: baseline;
    white-space: nowrap
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    border-radius: 10rem;
    padding-left: .6em;
    padding-right: .6em
}

.badge-primary {
    background-color: #007bff;
    color: #fff
}

a.badge-primary:focus,
a.badge-primary:hover {
    background-color: #0062cc;
    color: #fff
}

a.badge-primary.focus,
a.badge-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
    outline: 0
}

.badge-secondary {
    background-color: #6c757d;
    color: #fff
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    background-color: #545b62;
    color: #fff
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    box-shadow: 0 0 0 .2rem hsla(208, 7%, 46%, .5);
    outline: 0
}

.badge-success {
    background-color: #28a745;
    color: #fff
}

a.badge-success:focus,
a.badge-success:hover {
    background-color: #1e7e34;
    color: #fff
}

a.badge-success.focus,
a.badge-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
    outline: 0
}

.badge-info {
    background-color: #17a2b8;
    color: #fff
}

a.badge-info:focus,
a.badge-info:hover {
    background-color: #117a8b;
    color: #fff
}

a.badge-info.focus,
a.badge-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
    outline: 0
}

.badge-warning {
    background-color: #ffc107;
    color: #212529
}

a.badge-warning:focus,
a.badge-warning:hover {
    background-color: #d39e00;
    color: #212529
}

a.badge-warning.focus,
a.badge-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
    outline: 0
}

.badge-danger {
    background-color: #dc3545;
    color: #fff
}

a.badge-danger:focus,
a.badge-danger:hover {
    background-color: #bd2130;
    color: #fff
}

a.badge-danger.focus,
a.badge-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
    outline: 0
}

.badge-light {
    background-color: #f8f9fa;
    color: #212529
}

a.badge-light:focus,
a.badge-light:hover {
    background-color: #dae0e5;
    color: #212529
}

a.badge-light.focus,
a.badge-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
    outline: 0
}

.badge-dark {
    background-color: #343a40;
    color: #fff
}

a.badge-dark:focus,
a.badge-dark:hover {
    background-color: #1d2124;
    color: #fff
}

a.badge-dark.focus,
a.badge-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
    outline: 0
}

.out {
    display: none
}

.animated {
    animation-duration: .3s;
    -webkit-animation-duration: .3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    opacity: 0
}

.mb-8 {
    margin-bottom: 1rem
}

.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.gap-4 {
    grid-gap: 1rem;
    gap: 1rem
}

.grid {
    display: grid
}

.flip-container[data-v-00440bb7] {
    min-height: 120px;
    -o-perspective: 1000;
    perspective: 1000
}

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

.relative {
    position: relative
}

.flip-container.flipped .back[data-v-00440bb7] {
    display: block;
    transform: rotateY(0deg)
}

.back[data-v-00440bb7] {
    position: absolute;
    transform: rotateY(-180deg)
}

.flip-container.flipped .front[data-v-00440bb7] {
    opacity: 0
}

.front[data-v-00440bb7] {
    opacity: 1
}

.back[data-v-00440bb7],
.front[data-v-00440bb7] {
    left: 0;
    top: 0;
    width: 100%
}

.cursor-pointer {
    cursor: pointer
}

.max-w-md {
    max-width: 28rem
}

.w-full {
    width: 100%
}

.mb-4 {
    margin-bottom: 1rem
}

.justify-center {
    justify-content: center
}

.flex {
    display: flex
}

.bg-white {
    background: #fff
}

.h-10 {
    height: 2.5rem
}

.block {
    display: block
}

.rounded {
    border-radius: .25rem
}

.border-yellow-500 {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity))
}

.my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.uppercase {
    text-transform: uppercase
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: #ea2424;
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.mr-1 {
    margin-right: .25rem
}

.inline-block {
    display: inline-block
}

.border-2 {
    border-width: 2px
}

.border-red-500 {
    --tw-border-opacity: 1;
    border-color: #ea2424;
}

@media (max-width:768px) {
    .v-luckywheel .wheel-wrapper {
        height: 300px;
        position: relative;
        width: 300px
    }

    .v-luckywheel .wheel-pointer {
        background: url(/IMG_3478.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 75%;
        height: 90px;
        left: 50%;
        line-height: 60px;
        position: absolute;
        text-align: center;
        top: 49.7%;
        transform: translate(-50%, -50%);
        width: 90px;
        z-index: 10
    }

    .v-luckywheel .wheel-bg {
        background-size: 100% 100% !important;
        border-radius: 1000px;
        height: 100%;
        overflow: hidden;
        transition: transform 4s ease-in-out;
        width: 100%
    }

    .v-luckywheel .wheel-bg.freeze {
        background: red;
        transition: none
    }

    .v-luckywheel .prize-list {
        height: 100%;
        position: relative;
        text-align: center;
        width: 100%
    }

    .v-luckywheel .prize-item-wrapper {
        height: 150px;
        left: 50%;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        width: 150px
    }

    .v-luckywheel .prize-item {
        height: 100%;
        transform-origin: bottom;
        width: 100%
    }

    .v-luckywheel .prize-item .prize-name {
        font-weight: 700;
        padding: 14px 0
    }
}

@media (min-width:769px) {
    .v-luckywheel .wheel-wrapper {
        height: 450px;
        position: relative;
        width: 450px
    }

    .v-luckywheel .wheel-pointer {
        background: url(/IMG_3478.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 71%;
        height: 122px;
        left: 50%;
        position: absolute;
        top: 48.7%;
        transform: translate(-50%, -50%);
        width: 122px;
        z-index: 10
    }

    .v-luckywheel .wheel-bg {
        background-size: 100% 100% !important;
        border-radius: 1000px;
        height: 100%;
        overflow: hidden;
        transition: transform 4s ease-in-out;
        width: 100%
    }

    .v-luckywheel .wheel-bg.freeze {
        background: red;
        transition: none
    }

    .v-luckywheel .prize-list {
        height: 100%;
        position: relative;
        text-align: center;
        width: 100%
    }

    .v-luckywheel .prize-item-wrapper {
        height: 250px;
        left: 50%;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        width: 250px
    }

    .v-luckywheel .prize-item {
        height: 100%;
        transform-origin: bottom;
        width: 100%
    }

    .v-luckywheel .prize-item .prize-name {
        font-weight: 700;
        padding: 14px 0
    }
}

.v-luckywheel img {
    border-radius: 1000px;
    overflow: hidden
}

section#Slots {
    background-color: transparent;
    border-radius: 0
}

@media (max-width:579px) {

    #slot1,
    #slot2,
    #slot3,
    #slot4,
    #slot5 {
        background-size: 50px 48px;
        border-radius: 4px;
        display: inline-block;
        height: 48px;
        margin-left: 1px;
        margin-right: 2px;
        margin-top: 15px;
        width: 50px
    }

    .v-slot-wrap_1wRTm {
        bottom: 1px;
        left: 0
    }

    .v-bg-wheel_WxIlJ {
        background-position: top;
        background-size: contain !important;
        height: 340px !important;
        position: relative !important;
        width: 340px !important
    }

    main {
        background: unset !important;
        border-radius: 5px !important;
        margin-top: 0 !important;
        padding-bottom: 30px !important;
        padding-left: 38px !important;
        padding-top: 115px !important;
        width: 100% !important
    }
}

@media (min-width:580px) {

    #slot1,
    #slot2,
    #slot3,
    #slot4,
    #slot5 {
        background-size: 94px;
        border-radius: 4px;
        height: 94px;
        margin: 8px 9px;
        width: 94px
    }

    .v-bg-wheel {
        background-position: 50%;
        background-size: 720px 400px;
        height: 400px;
        position: relative;
        width: 720px
    }

    main {
        background: transparent;
        border-radius: 5px;
        margin-top: 30px;
        padding: 223px 63px 40px 64px;
        width: 100%
    }
}

.a1,
.a10,
.a11,
.a12,
.a2,
.a3,
.a4,
.a5,
.a6,
.a7,
.a8,
.a9 {
    outline: none
}

.text-white {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.font-bold {
    font-weight: 700
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: #dc2626
}

.overflow-x-auto {
    overflow-x: auto;
    scrollbar-width: none
}

.ws-mb-8-bottom {
    margin-bottom: 1rem
}

.selected-indicator {
    display: none
}

.selected .selected-indicator {
    display: block
}

.bg-secondary,
.bg-secondary>a {
    color: #fff !important
}

.bg-secondary {
    background-color: #6c757d !important
}

@media only screen and (max-width:640px) {
    #bonus {
        width: 35% !important
    }
}

.tw-text-red-500 {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity))
}

.tw-relative {
    position: relative
}

.tw-px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.tw-font-bold {
    font-weight: 700
}

.tw-py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.tw-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.tw-rounded {
    border-radius: .25rem
}

.tw-mb-4 {
    margin-bottom: 1rem
}

.tw-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.tw-rounded {
    border-radius: .5rem
}

.tw-justify-center {
    justify-content: center
}

.tw-items-center {
    align-items: center
}

.tw-w-10 {
    width: 2.5rem
}

.tw-h-10 {
    height: 2.5rem
}

.tw-flex {
    display: flex
}

.tw-absolute {
    position: absolute
}

.el-input--suffix .el-input__inner {
    padding-right: 30px
}

.el-select .el-input__inner {
    cursor: pointer;
    padding-right: 35px
}

.el-input__inner {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: none;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%
}

.text-nowrap {
    white-space: nowrap !important
}

#bonus {
    bottom: 15px;
    cursor: pointer;
    left: 15px;
    position: fixed;
    width: 13%;
    z-index: 1000
}

@media (max-width:768px) {
    #bonus {
        bottom: 4rem;
        cursor: pointer;
        left: 15px;
        position: fixed;
        width: 13%;
        z-index: 1000
    }
}

.fa-spin-custom {
    animation: spin 2s linear infinite
}

.ws-more-hidd {
    height: 115px !important;
    overflow: hidden
}

.nuxt-rating-star-svg[data-v-f0c63eac] {
    overflow: visible !important
}

.nuxt-rating-star[data-v-038f2b51] {
    -webkit-tap-highlight-color: transparent;
    display: inline-block
}

.nuxt-rating-pointer[data-v-038f2b51] {
    cursor: pointer
}

.nuxt-rating[data-v-038f2b51] {
    align-items: center;
    display: flex
}

.nuxt-rating-inline[data-v-038f2b51] {
    display: inline-flex
}

.skeleton-wrapper[data-v-038f2b51] {
    align-items: center;
    display: flex
}

.skeleton-pulse[data-v-038f2b51] {
    animation: pulse-038f2b51 1.5s ease-in-out infinite
}

.fade-in {
    opacity: 1;
    transition: opacity .3s ease-in
}

.fade-out {
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-out
}

.tabcontent {
    transition: opacity .3s ease-in
}

@keyframes pulse-038f2b51 {
    0% {
        opacity: .4
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .4
    }
}

.ws-mb-6 {
    margin-bottom: 1.5rem
}

.star {
    color: #ccc;
    cursor: pointer;
    font-size: 30px;
    transition: color .2s ease
}

.star.hover,
.star.selected {
    color: #facc15
}

textarea {
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 10px;
    padding: 10px;
    width: 100%
}

.suggestions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px
}

.tag {
    background-color: #f1f1f1;
    border-radius: var(--border-radius-primary);
    cursor: pointer;
    padding: 5px 10px
}

.tag:hover {
    background-color: #ddd
}

.ws-w-12 {
    width: 3rem
}

.ws-top-\[-5px\] {
    top: -5px
}

.ws-mb-0\.5 {
    margin-bottom: .125rem
}

.ws-p-4 {
    padding: 1rem
}

@media (max-width:767px) {
    .ws-scrollbar-hide::-webkit-scrollbar {
        display: none
    }

    .ws-scrollbar-hide {
        -ms-overflow-style: none;
        scrollbar-width: none
    }
}

@media (min-width:768px) {
    .ws-scrollbar-hide::-webkit-scrollbar {
        display: block
    }

    .ws-scrollbar-hide {
        padding-bottom: 4px;
        -ms-overflow-style: none;
        scrollbar-width: 1px
    }
}

.truncate-on-hover {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.truncate-on-hover:hover {
    overflow: visible;
    text-overflow: unset;
    white-space: normal
}

.tw-text-xss {
    font-size: .65rem !important
}

.tw-old {
    border-color: #888 !important;
    color: #888 !important;
    text-decoration: line-through !important
}

.tw-new {
    background: url(/assets/img/voucher3.png);
    border-color: hsla(0, 0%, 57%, 0) !important;
    color: #fff !important;
    padding-left: .375rem;
    padding-right: .375rem
}

.hide-scroll-bar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.hide-scroll-bar::-webkit-scrollbar {
    display: none
}

._1fg5WI>div {
    margin-top: 0
}

._2DRZW:first-of-type {
    left: 0
}

svg:not(:root) {
    overflow: hidden
}

._2DRZW {
    height: 1rem;
    position: absolute;
    top: 0;
    transform: translateZ(0);
    width: .25rem
}

._2DRZW:nth-of-type(2) {
    right: 0
}

.slick-track[data-v-e4caeaf8] {
    display: block;
    left: 0;
    position: relative;
    top: 0;
    transform: translateZ(0)
}

.slick-track.slick-center[data-v-e4caeaf8] {
    margin-left: auto;
    margin-right: auto
}

.slick-track[data-v-e4caeaf8]:after,
.slick-track[data-v-e4caeaf8]:before {
    content: "";
    display: table
}

.slick-track[data-v-e4caeaf8]:after {
    clear: both
}

.slick-loading .slick-track[data-v-e4caeaf8] {
    visibility: hidden
}

.slick-slide[data-v-e4caeaf8] {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide[data-v-e4caeaf8] {
    float: right
}

.slick-slide img[data-v-e4caeaf8] {
    display: block
}

.slick-slide.slick-loading img[data-v-e4caeaf8] {
    display: none
}

.slick-slide.dragging img[data-v-e4caeaf8] {
    pointer-events: none
}

.slick-initialized .slick-slide[data-v-e4caeaf8] {
    display: block
}

.slick-loading .slick-slide[data-v-e4caeaf8] {
    visibility: hidden
}

.slick-vertical .slick-slide[data-v-e4caeaf8] {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden[data-v-21137603] {
    display: none
}

.slick-slider[data-v-3d1a4f76] {
    box-sizing: border-box;
    display: block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-action: pan-y;
    -khtml-user-select: none;
    -webkit-tap-highlight-color: transparent
}

.slick-list[data-v-3d1a4f76] {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    transform: translateZ(0)
}

.slick-list[data-v-3d1a4f76]:focus {
    outline: none
}

.slick-list.dragging[data-v-3d1a4f76] {
    cursor: pointer;
    cursor: hand
}

.tw-notification-home p {
    display: inline-block !important;
    margin-right: 2px
}

.tw-marquee {
    overflow: hidden;
    white-space: nowrap
}

.tw-marquee .mar {
    -webkit-animation: marquee 15s linear infinite;
    display: inline-block;
    min-width: 100%
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(-100%)
    }
}

.text-truncate {
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hover\:whitespace-normal:hover {
    white-space: normal
}


.ws-left-\[5px\] {
    left: 5px
}

.ws-h-\[50px\] {
    height: 50px
}

.unique-tab-content {
    display: none
}

.unique-tab-content.active {
    display: block
}

.tab span {
    cursor: pointer
}

.tab.active span {
    background-color: var(--primary-color);
    color: #fff
}

.loading-indicator {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 50%;
    top: 50%;
    width: 100%
}

.spinner {
    animation: spin .5s linear infinite;
    border: 4px solid rgba(255, 0, 0, .3);
    border-radius: 50%;
    border-top-color: red;
    height: 40px;
    margin: 0 auto;
    width: 40px
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.end-flash-sale {
    background: hsla(0, 0%, 100%, .82);
    z-index: 2000
}
/* =========================================
   GIAO DIỆN BÀI VIẾT & CHI TIẾT (TĨNH - KHÔNG HIỆU ỨNG)
========================================= */

/* Container & Typography Chung */
.el-container-custom {
    max-width: 80rem;
    margin: 30px auto;
    padding: 15px 15px;
}
.el-title-custom {
    font-size: 26px;
    font-weight: 600;
    color: #303133;
    margin-bottom: 15px;
}

/* Breadcrumb (Điều hướng) */
.el-breadcrumb-custom {
    margin-bottom: 25px;
    font-size: 14px;
    color: #606266;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.el-breadcrumb-custom a {
    color: #606266;
    text-decoration: none;
    display: flex; 
    align-items: center;
}
.el-breadcrumb-custom a:hover {
    color: var(--secondary-color);
}
.el-breadcrumb-custom .current {
    color: #303133;
    font-weight: 600;
}
.el-breadcrumb-custom .separator {
    margin: 0 8px;
    color: #c0c4cc;
}

/* Layout Grid */
.el-row-custom {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}
.el-col-main {
    width: 66.66667%;
    padding: 10px;
    box-sizing: border-box;
}
.el-col-content {
    width: 70%;
    padding: 10px;
    box-sizing: border-box;
}
.el-col-sidebar {
    width: 33.33333%;
    padding: 10px;
    box-sizing: border-box;
}

/* Card Box Chung */
.el-card-custom {
    background: #fff;
    border-radius: var(--border-radius-primary);
    border: 1px solid #ebeef5;
    overflow: hidden;
    color: #303133;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}
.el-card-body {
    padding: 20px;
}
.el-card-header {
    padding: 15px 20px;
    border-bottom: 1px solid #ebeef5;
    background-color: #fafafa;
    font-weight: 600;
    font-size: 16px;
    color: #303133;
}

/* -------------------------------------
   GIAO DIỆN TRANG DANH SÁCH BÀI VIẾT
---------------------------------------- */
.article-item {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    text-decoration: none;
}
.article-thumb {
    width: 220px;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
    border: 1px solid #ebeef5;
}
.article-thumb img {
    width: 100%;
    height: 130px;
    object-fit: cover;
    display: block;
}
.article-content {
    flex: 1;
    min-width: 200px;
}
.article-title {
    font-size: 18px;
    font-weight: 600;
    color: #303133;
    margin: 0 0 10px 0;
    line-height: 1.5;
}
.article-item:hover .article-title {
    color: var(--secondary-color);
}
.article-meta {
    font-size: 14px;
    color: #909399;
    display: flex;
    align-items: center;
    font-weight: 500;
}
.article-meta i {
    margin-right: 6px;
    font-size: 16px;
    color: #f56c6c;
}
.article-meta span {
    color: #f56c6c;
}

/* -------------------------------------
   GIAO DIỆN TRANG CHI TIẾT ĐỌC BÀI
---------------------------------------- */
.post-title {
    font-size: 28px;
    font-weight: 700;
    color: #303133;
    margin: 0 0 15px 0;
    line-height: 1.4;
}
.post-meta {
    display: flex;
    align-items: center;
    color: #909399;
    font-size: 14px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #E4E7ED;
}
.post-meta div {
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.post-meta i {
    margin-right: 5px;
    font-size: 16px;
    color: #C0C4CC;
}
.post-content {
    line-height: 1.8;
    color: #303133;
    font-size: 16px;
}
.post-content img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 6px;
    margin: 10px 0;
}
.post-content p {
    margin-bottom: 15px;
}

/* -------------------------------------
   SIDEBAR MENU (DANH MỤC)
---------------------------------------- */
.sidebar-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sidebar-menu li a {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    color: #606266;
    text-decoration: none;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 500;
}
.sidebar-menu li a:hover {
    background-color: color-mix(in srgb, var(--secondary-color) 12%, #fff);
    color: var(--secondary-color);
}
.sidebar-menu li a i {
    color: #f56c6c;
    margin-right: 10px;
    font-size: 18px;
}
.sidebar-menu li a:hover i {
    color: var(--secondary-color);
}

/* -------------------------------------
   RESPONSIVE (MOBILE & TABLET)
---------------------------------------- */
@media (max-width: 768px) {
    .el-col-main,
    .el-col-content,
    .el-col-sidebar {
        width: 100%;
    }
    .el-card-body {
        padding: 20px;
    }
    .article-thumb {
        width: 100%;
    }
    .article-thumb img {
        height: auto;
        aspect-ratio: 16/9;
    }
    .article-item {
        gap: 12px;
    }
    .post-title {
        font-size: 22px;
    }
    .post-meta {
        flex-wrap: wrap;
        gap: 10px;
    }
    .post-meta div {
        margin-right: 15px;
    }
}
/* Khoảng cách phía trên */
.ws-mt-3 {
    margin-top: 0.75rem !important;
}

/* Nền cam nhạt */
.ws-bg-orange-50 {
    background-color: #fff7ed !important;
}

/* Viền cam */
.ws-border {
    border-width: 1px !important;
    border-style: solid !important;
}

.ws-border-orange-200 {
    border-color: #fed7aa !important;
}

/* Bo góc */
.ws-rounded {
    border-radius: 0.25rem !important;
}

/* Bo góc lớn hơn (nếu bạn muốn mượt hơn) */
.ws-rounded-lg {
    border-radius: 0.5rem !important;
}

/* Khoảng cách bên trong */
.ws-p-2 {
    padding: 0.5rem !important;
}

/* Màu chữ cam đậm (dễ đọc trên nền cam nhạt) */
.ws-text-orange-800 {
    color: #9a3412 !important;
}

/* Thêm font chữ đậm cho tiêu đề ghi chú */
.ws-font-bold {
    font-weight: 700 !important;
}
.marquee-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    padding-left: 40px;
}
.marquee-content {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 15s linear infinite;
}
.marquee-content:hover {
    animation-play-state: paused;
}
@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* —— Túi mù (blind bag) — máy gắp, giao diện sáng —— */
.tuimu-page {
    width: 100%;
}
.tuimu-page .daovang-two-col {
    width: 100%;
    max-width: min(100%, 112rem);
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 960px) {
    .tuimu-page .daovang-two-col {
        grid-template-columns: minmax(0, 1fr) minmax(280px, 22rem);
        gap: clamp(20px, 2.5vw, 36px);
    }
}
.tuimu-form {
    margin-bottom: 20px;
}
.tuimu-form__title {
    margin: 0 0 6px;
    font-size: clamp(1.15rem, 2.4vw, 1.35rem);
    font-weight: 800;
    line-height: 1.25;
    color: #111827;
}
.tuimu-form__desc {
    margin: 0 0 8px;
    font-size: 14px;
    line-height: 1.6;
    color: #71717a;
    white-space: pre-line;
}
.tuimu-form__desc p {
    margin: 0 0 6px;
}
.tuimu-form__rent {
    margin: 4px 0 16px;
}
.tuimu-form__rent > label {
    display: block;
    margin: 0 0 8px;
}
.tuimu-plans {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}
@media (max-width: 640px) {
    .tuimu-plans {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.tuimu-plan {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 64px;
    padding: 10px 8px;
    border: 1px solid #e4e4e7;
    border-radius: 6px;
    background: #fff;
    color: #71717a;
    text-align: center;
    cursor: pointer;
}
.tuimu-plan.is-soon,
.tuimu-plan:disabled {
    cursor: not-allowed;
    opacity: 0.55;
    background: #fafafa;
}
.tuimu-plan.is-active {
    border-color: var(--primary-color);
    color: #111827;
    opacity: 1;
    cursor: pointer;
    box-shadow: inset 0 0 0 1px var(--primary-color);
}
.tuimu-plan__name {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
    gap: 4px;
}
.tuimu-plan__name small {
    font-size: 9px;
    font-weight: 700;
    color: #d97706;
}
.tuimu-plan__price {
    margin-top: 4px;
    font-size: 14px;
    font-weight: 700;
    color: #16a34a;
}
.tuimu-plan.is-active .tuimu-plan__price {
    color: #dc2626;
}
.tuimu-page .blind-box-wrapper {
    width: 100%;
    max-width: none;
}
.tuimu-page .game-play-area {
    width: 100%;
}
.crane-machine {
    position: relative;
    width: 100%;
    border-radius: var(--border-radius-primary, 8px);
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 45%, #f1f5f9 100%);
    border: 2px solid #e2e8f0;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.9) inset,
        0 12px 36px rgba(15, 23, 42, 0.08),
        0 2px 8px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}
.crane-machine--busy {
    pointer-events: none;
}
.crane-machine--soldout .glass-chamber,
.crane-machine--soldout .machine-bottom,
.crane-machine--soldout .machine-top {
    opacity: 0.5;
    filter: grayscale(0.4);
}
.machine-top {
    padding: clamp(14px, 2vw, 22px) clamp(14px, 2.5vw, 28px) clamp(10px, 1.5vw, 14px);
    text-align: center;
    background: linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 55%, #f8fafc 100%);
    border-bottom: 1px solid #e2e8f0;
}
.star-logo {
    font-size: clamp(1rem, 2.2vw, 1.35rem);
    font-weight: 800;
    letter-spacing: 0.04em;
    color: #0f172a;
    text-shadow: none;
}
.machine-ticker {
    font-size: clamp(11px, 1.35vw, 13px);
    line-height: 1.5;
    color: #475569;
    padding: 0 clamp(4px, 1vw, 12px);
}
.machine-ticker__text strong {
    color: #0284c7;
    font-weight: 700;
}
.machine-ticker--solo {
    text-align: center;
    padding: 2px 4px 0;
}
.glass-chamber {
    padding: clamp(14px, 2vw, 22px) clamp(12px, 2vw, 24px) clamp(16px, 2vw, 24px);
    background: linear-gradient(180deg, #fafbfc 0%, #f1f5f9 100%);
    border-bottom: 1px solid #e2e8f0;
}
.shelf-grid {
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 1.5vw, 16px);
}
.machine-shelf {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(8px, 1.25vw, 16px);
}
.box-slot {
    position: relative;
    aspect-ratio: 1;
    border-radius: 10px;
    border: 2px solid #cbd5e1;
    background: #ffffff;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}
.box-slot:hover:not(.empty):not(.respawning) {
    border-color: #38bdf8;
    box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.25), 0 4px 12px rgba(14, 165, 233, 0.12);
}
.box-slot.selected {
    border-color: #0ea5e9;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.28), 0 4px 14px rgba(14, 165, 233, 0.15);
}
.box-slot.empty {
    opacity: 0.35;
    cursor: default;
    border-style: dashed;
}
.box-slot.respawning {
    animation: tuimu-slot-respawn 0.8s ease;
}
@keyframes tuimu-slot-respawn {
    0% { opacity: 0.35; transform: scale(0.92); }
    50% { opacity: 1; transform: scale(1.03); }
    100% { opacity: 1; transform: scale(1); }
}
.box-item {
    position: absolute;
    inset: 4px;
    border-radius: 8px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f1f5f9;
}
.machine-bottom {
    padding: clamp(14px, 2vw, 22px) clamp(12px, 2vw, 28px) clamp(18px, 2.5vw, 28px);
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border-top: 1px solid #e2e8f0;
}
.round-btn-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: clamp(28px, 5vw, 48px);
    margin-bottom: clamp(12px, 2vw, 18px);
}
.round-btn {
    width: clamp(72px, 10vw, 88px);
    height: clamp(72px, 10vw, 88px);
    border-radius: 50%;
    border: 3px solid #e2e8f0;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.1);
}
.round-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
}
.round-btn.grey {
    background: linear-gradient(180deg, #94a3b8 0%, #64748b 100%);
    border-color: #cbd5e1;
}
.round-btn.grey::after {
    content: 'CHƠI \A THỬ';
    white-space: pre;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: clamp(8px, 1.1vw, 11px);
    font-weight: 800;
    color: #fff;
    text-align: center;
    line-height: 1.15;
    padding: 0 6px;
}
.round-btn.blue {
    background: linear-gradient(180deg, #38bdf8 0%, #0ea5e9 50%, #0284c7 100%);
    border-color: #7dd3fc;
}
.round-btn.blue::after {
    content: 'MỞ \A NGAY';
    white-space: pre;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: clamp(8px, 1.1vw, 11px);
    font-weight: 800;
    color: #fff;
    text-align: center;
    line-height: 1.15;
    padding: 0 6px;
}
.round-btn:not(:disabled):hover {
    transform: scale(1.05);
}
.delivery-hole .price-badge {
    font-size: 13px;
    font-weight: 700;
    color: #334155;
    letter-spacing: 0.02em;
}
.delivery-hole .price-val {
    color: #dc2626;
    font-weight: 800;
    font-size: clamp(1rem, 3vw, 1.15rem);
}
.delivery-area {
    min-height: clamp(88px, 12vw, 120px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-primary, 8px);
    background: #f8fafc;
    border: 2px dashed #cbd5e1;
}
.dropped-box {
    width: clamp(72px, 10vw, 92px);
    height: clamp(72px, 10vw, 92px);
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
    border: 1px solid #e2e8f0;
}
.dropped-box.animate-fall {
    animation: tuimu-drop-fall 0.85s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
@keyframes tuimu-drop-fall {
    0% {
        opacity: 0;
        transform: translateY(-42px) scale(0.85);
    }
    60% {
        opacity: 1;
        transform: translateY(6px) scale(1.02);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
.tuimu-swmsg {
    font-size: 1rem;
    line-height: 1.5;
}
.tuimu-swmsg--ok {
    color: #0f172a !important;
}
.tuimu-swmsg--demo {
    color: #0369a1 !important;
}
.crane-machine .tuimu-soldout-overlay {
    position: absolute;
    inset: 0;
    z-index: 40;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(248, 250, 252, 0.82);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    cursor: not-allowed;
    border-radius: var(--border-radius-primary);
}
.tuimu-soldout-box {
    text-align: center;
    padding: 18px 28px;
    border-radius: var(--border-radius-primary);
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.1);
}
.tuimu-soldout-text {
    display: block;
    font-size: clamp(20px, 4vw, 28px);
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #ea2424;
    text-shadow: none;
}
.tuimu-soldout-sub {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
}

/* —— Túi mù cards (blurred product bg) —— */
.tuimu-page .daovang-game-card__body {
    padding: 0 0 0;
}
.tuimu-page .daovang-game-card {
    background: transparent;
    border: 0;
    box-shadow: none;
}
.tuimu-stage {
    --tuimu-grad: linear-gradient(135deg, #ff7a18 0%, #ff4d2d 100%);
    --tuimu-line: rgba(255, 255, 255, 0.12);
    position: relative;
    isolation: isolate;
    border-radius: 10px;
    overflow: hidden;
    padding: 28px 16px 22px;
    background: rgb(26, 18, 32);
    border: 1px solid var(--tuimu-line);
}
.tuimu-stage__hero {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-size: cover;
    background-position: center;
    pointer-events: none;
}
.tuimu-stage__veil {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(600px 340px at 50% 20%, rgba(255, 157, 0, 0.16), transparent 60%),
        linear-gradient(160deg, rgba(14, 9, 14, 0.84), rgba(26, 13, 18, 0.9));
}
.tuimu-stage > *:not(.tuimu-stage__hero):not(.tuimu-stage__veil):not(.tuimu-soldout-overlay):not(.tuimu-desc-btn) {
    position: relative;
    z-index: 1;
}
.tuimu-desc-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 45;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border: 0;
    border-radius: 8px;
    background: #2b8cff;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}
.tuimu-desc-btn svg {
    display: block;
    flex-shrink: 0;
}
.el-overlay:has(.el-dialog) {
    transition: opacity 0.28s ease, visibility 0.28s ease;
}
.el-overlay:has(.el-dialog) .el-dialog {
    transition: transform 0.28s ease, opacity 0.28s ease;
}
.el-overlay:has(.el-dialog).out:not(.isVisible) {
    display: block;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.el-overlay:has(.el-dialog).out:not(.isVisible) .el-dialog {
    opacity: 0;
}
.el-overlay:has(.el-dialog).isVisible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.el-overlay:has(.el-dialog).isVisible .el-dialog,
.el-overlay:has(.el-dialog):not(.out) .el-dialog {
    opacity: 1;
}
.tuimu-stage--soldout .tuimu-grid,
.tuimu-stage--soldout .tuimu-stage__foot {
    opacity: 0.45;
}
.tuimu-stage.is-busy .tuimu-card:not(.is-opening) {
    opacity: 0.72;
}
.tuimu-stage__head {
    text-align: center;
}
.tuimu-stage__title {
    margin: 0;
    font-size: clamp(28px, 5vw, 44px);
    font-weight: 800;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #fff;
}
.tuimu-stage__sub {
    margin: 4px 0 0;
    font-size: 14px;
    line-height: 1.5;
    color: rgb(201, 176, 224);
}
.tuimu-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 28px 0 22px;
}
@media (min-width: 768px) {
    .tuimu-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
.tuimu-card {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.04);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, opacity 0.2s ease;
}
.tuimu-card:disabled {
    cursor: not-allowed;
}
.tuimu-card__img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.35s ease;
}
.tuimu-card__num {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 3;
    min-width: 30px;
    height: 30px;
    padding: 0 6px;
    border-radius: 99px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 900;
    color: #fff;
    background: var(--tuimu-grad);
    border: 2px solid rgba(255, 255, 255, 0.35);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.45);
}
.tuimu-card__name {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px 10px 8px;
    text-align: center;
    font-size: clamp(11px, 1.5vw, 14px);
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.55);
    line-height: 1.25;
}
.tuimu-card__hover,
.tuimu-card__opening {
    position: absolute;
    inset: 0;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(8, 5, 12, 0.5);
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
}
.tuimu-card__cta {
    padding: 8px 16px;
    border-radius: 99px;
    background: var(--tuimu-grad);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 6px 18px rgba(255, 77, 45, 0.5);
}
@media (hover: hover) and (pointer: fine) {
    .tuimu-card:hover:not(:disabled):not(.is-opening) {
        transform: translateY(-5px);
        border-color: #ff4d2d;
        box-shadow: 0 12px 30px rgba(255, 77, 45, 0.45);
    }
    .tuimu-card:hover:not(:disabled):not(.is-opening) .tuimu-card__img {
        transform: scale(1.07);
    }
    .tuimu-card:hover:not(:disabled):not(.is-opening) .tuimu-card__hover {
        opacity: 1;
    }
}
.tuimu-card.is-opening .tuimu-card__img {
    animation: tuimu-img-shake 0.42s linear infinite;
}
.tuimu-card.is-opening .tuimu-card__hover {
    opacity: 0;
}
.tuimu-card.is-opening .tuimu-card__opening {
    opacity: 1;
}
@keyframes tuimu-img-shake {
    0%, 100% { transform: translate(0, 0) rotate(0deg); }
    15% { transform: translate(-5px, 2px) rotate(-2deg); }
    30% { transform: translate(5px, -2px) rotate(2deg); }
    45% { transform: translate(-4px, -1px) rotate(-1.5deg); }
    60% { transform: translate(4px, 2px) rotate(1.5deg); }
    75% { transform: translate(-3px, 1px) rotate(-1deg); }
    90% { transform: translate(3px, -1px) rotate(1deg); }
}
.tuimu-stage__foot {
    text-align: center;
}
.tuimu-stage__hint {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 12px 22px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.14);
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}
.tuimu-stage__hint b {
    color: rgb(255, 180, 58);
}
@media (max-width: 640px) {
    .tuimu-stage__hint {
        font-size: 12.5px;
        padding: 10px 15px;
        gap: 6px;
    }
}
.tuimu-stage > .tuimu-soldout-overlay,
.tuimu-stage .tuimu-soldout-overlay {
    position: absolute;
    inset: 0;
    z-index: 40;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(8, 7, 12, 0.62);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

/* —— Đào vàng (DAOVANG) — 2 cột + sân chơi —— */
.daovang-two-col {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    align-items: start;
}
@media (min-width: 960px) {
    .daovang-two-col {
        grid-template-columns: minmax(0, 7fr) minmax(260px, 5fr);
        gap: 22px;
    }
}
.daovang-col--game {
    min-width: 0;
}
.daovang-game-card {
    background: #fff;
    border-radius: var(--border-radius-primary);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    border: 1px solid rgba(226, 232, 240, 0.95);
    overflow: hidden;
    margin-bottom: 12px;
}
.daovang-game-card__header {
    padding: 16px 16px 0;
}
.daovang-game-card__body {
    padding: 0 12px 16px;
}
.daovang-game-card__title.daovang-page-title {
    margin-bottom: 10px;
}
.daovang-page-title {
    margin: 0 0 12px;
    font-size: clamp(1.15rem, 2.8vw, 1.45rem);
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.02em;
}
.daovang-thele {
    margin-bottom: 12px;
    padding: 12px 14px;
    text-align: left;
    border-radius: var(--border-radius-primary);
    border: 1px solid rgba(226, 232, 240, 0.95);
    background: #f8fafc;
    max-height: min(38vh, 280px);
    overflow: auto;
}
.daovang-thele__title {
    margin: 0 0 8px;
    font-size: 0.95rem;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.02em;
}
.daovang-thele__body {
    color: #475569;
    line-height: 1.55;
}
.daovang-thele__body p:last-child {
    margin-bottom: 0;
}
.daovang-col--side {
    min-width: 0;
}
.daovang-rank-tabs.el-tabs--border-card {
    width: 100%;
    border-radius: var(--border-radius-primary);
    overflow: hidden;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.daovang-rank-tabs > .el-tabs__header {
    margin-bottom: 0;
}
.daovang-rank-tabs .el-tabs__item {
    cursor: pointer;
    font-weight: 700;
    font-size: 13px;
}
.daovang-rank-tabs .el-tabs__content {
    padding: 12px 14px 16px;
    max-height: min(62vh, 520px);
    overflow-y: auto;
}
.daovang-tab-empty {
    margin: 0;
    padding: 24px 10px;
    text-align: center;
    font-size: 13px;
    color: #94a3b8;
}
.daovang-auth-prompt {
    padding: 28px 12px 20px;
}
.daovang-auth-prompt__text {
    margin: 0 0 16px;
    font-size: 14px;
    color: #64748b;
}
.daovang-rank-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.daovang-rank-item {
    display: flex;
    align-items: stretch;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
}
.daovang-rank-item--pos1 {
    border-color: rgba(234, 179, 8, 0.55);
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
}
.daovang-rank-item--pos2 {
    border-color: rgba(148, 163, 184, 0.65);
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}
.daovang-rank-item--pos3 {
    border-color: rgba(251, 146, 60, 0.45);
    background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
}
.daovang-rank-position {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 800;
    color: #fff;
    background: #64748b;
    align-self: center;
}
.daovang-rank-item--pos1 .daovang-rank-position {
    background: linear-gradient(145deg, #fbbf24, #d97706);
}
.daovang-rank-item--pos2 .daovang-rank-position {
    background: linear-gradient(145deg, #cbd5e1, #64748b);
}
.daovang-rank-item--pos3 .daovang-rank-position {
    background: linear-gradient(145deg, #fdba74, #ea580c);
}
.daovang-rank-meta {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
}
.daovang-rank-user {
    font-weight: 700;
    font-size: 14px;
    color: #0f172a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.daovang-rank-spent {
    font-size: 13px;
    font-weight: 800;
    color: #dc2626;
}
.daovang-myhist-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.daovang-myhist-list__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 4px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 13px;
}
.daovang-myhist-list__row:last-child {
    border-bottom: none;
}
.daovang-myhist-list__cash {
    font-weight: 800;
    color: #dc2626;
}
.daovang-myhist-list__time {
    font-size: 12px;
    color: #94a3b8;
    white-space: nowrap;
}
.daovang-side-panel {
    background: #fff;
    border-radius: var(--border-radius-primary, 12px);
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.08);
    border: 1px solid rgba(226, 232, 240, 0.95);
    overflow: hidden;
}
.daovang-side-panel__tabs {
    display: flex;
    gap: 0;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}
.daovang-side-panel__tab {
    flex: 1;
    text-align: center;
    padding: 12px 10px;
    font-size: 13px;
    font-weight: 700;
    color: #64748b;
    cursor: default;
}
.daovang-side-panel__tab--active {
    color: #fff;
    background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.08);
}
.daovang-side-panel__body {
    padding: 10px 12px 14px;
    max-height: min(62vh, 520px);
    overflow-y: auto;
}
.daovang-side-panel__empty {
    margin: 0;
    padding: 20px 8px;
    text-align: center;
    font-size: 13px;
    color: #94a3b8;
}
.daovang-recent-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.daovang-recent-list__row {
    display: grid;
    grid-template-columns: 32px 1fr min-content;
    grid-template-rows: auto auto;
    gap: 2px 10px;
    align-items: center;
    padding: 10px 8px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 13px;
}
.daovang-recent-list__row:last-child {
    border-bottom: none;
}
.daovang-recent-list__badge {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 800;
    color: #fff;
    background: #94a3b8;
}
.daovang-recent-list__badge--gold {
    background: linear-gradient(145deg, #fbbf24, #d97706);
    box-shadow: 0 2px 6px rgba(217, 119, 6, 0.35);
}
.daovang-recent-list__badge--silver {
    background: linear-gradient(145deg, #cbd5e1, #94a3b8);
}
.daovang-recent-list__badge--bronze {
    background: linear-gradient(145deg, #fdba74, #ea580c);
}
.daovang-recent-list__badge--muted {
    background: #e2e8f0;
    color: #475569;
}
.daovang-recent-list__user {
    grid-column: 2;
    grid-row: 1;
    font-weight: 600;
    color: #334155;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.daovang-recent-list__cash {
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: center;
    font-weight: 800;
    color: #dc2626;
    white-space: nowrap;
}
.daovang-recent-list__time {
    grid-column: 2;
    grid-row: 2;
    font-size: 11px;
    color: #94a3b8;
}
.daovang-scope {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
}
/* Canvas Đào vàng (form game-play-area / gold-miner-wrapper) */
.game-play-area {
    width: 100%;
}
.user-select-none {
    user-select: none;
    -webkit-user-select: none;
}
.daovang-controls-row {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 10px;
    margin-top: 18px;
    margin-bottom: 12px;
    padding: 0 12px;
    width: 100%;
    box-sizing: border-box;
}
.daovang-btn {
    flex: 1 1 0;
    min-width: 0;
    max-width: 320px;
    border-radius: var(--border-radius-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    padding: 12px 14px;
    cursor: pointer;
    color: #fff;
    letter-spacing: 0.03em;
    transition:
        transform 0.15s ease,
        box-shadow 0.15s ease,
        opacity 0.15s ease,
        filter 0.15s ease;
}
.daovang-btn--refresh {
    border: 1px solid rgba(156, 163, 175, 0.45);
    background: linear-gradient(180deg, #4a4e54 0%, #2c2f33 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.daovang-btn--grab {
    border: 1px solid rgba(147, 197, 253, 0.55);
    background: linear-gradient(180deg, #5c85ff 0%, #4a6cf7 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
}
.daovang-btn:hover:not(:disabled) {
    filter: brightness(1.06);
}
.daovang-btn:active:not(:disabled) {
    transform: translateY(1px);
}
.daovang-btn:disabled {
    opacity: 0.52;
    cursor: not-allowed;
    filter: none;
}
.daovang-price-tag-canvas {
    margin-top: 4px;
    font-size: clamp(14px, 2.5vw, 17px);
}
.daovang-price-tag-canvas .daovang-price-label {
    color: #fff;
    font-weight: 700;
}
.daovang-price-tag-canvas .daovang-price-value {
    color: #fbbf24;
    font-weight: 800;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
.gold-miner-wrapper--soldout #game-canvas {
    opacity: 0.45;
    pointer-events: none;
}
.daovang-soldout-overlay--canvas {
    border-radius: 8px;
}
.daovang-banner {
    background: linear-gradient(180deg, #c41e1e 0%, #8b1515 100%);
    color: #fde047;
    text-align: center;
    padding: 14px 18px;
    font-size: clamp(14px, 2.6vw, 17px);
    font-weight: 600;
    line-height: 1.45;
    border-radius: var(--border-radius-primary) var(--border-radius-primary) 0 0;
    border: 2px solid #b45309;
    border-bottom: none;
}
.daovang-stage {
    position: relative;
    border-radius: 0 0 var(--border-radius-primary) var(--border-radius-primary);
    overflow: hidden;
    margin-bottom: 20px;
    background: #3f0d0d;
    border: 2px solid #b45309;
    border-top: none;
    min-height: min(56vh, 520px);
}
.daovang-stage--soldout .daovang-stage__inner {
    opacity: 0.45;
    pointer-events: none;
}
.daovang-stage__inner {
    position: relative;
    cursor: pointer;
    min-height: min(54vh, 500px);
    padding: 18px 14px 22px;
    background:
        radial-gradient(ellipse 120% 80% at 50% -10%, rgba(250, 204, 21, 0.12) 0%, transparent 45%),
        radial-gradient(ellipse at 50% 100%, #2a0a0a 0%, #450a0a 55%, #1a0505 100%);
}
@media (min-width: 768px) {
    .daovang-stage__inner {
        padding: 24px 22px 28px;
    }
}
@media (min-width: 1024px) {
    .daovang-stage__inner {
        padding: 28px 28px 32px;
    }
}
.daovang-items {
    position: absolute;
    inset: 0;
    pointer-events: none;
}
.daovang-sprite {
    position: absolute;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.4));
    transition: transform 0.25s ease, filter 0.25s ease;
}
/* Vị trí / số lượng do JS (Làm mới) */
.daovang-sprite--lixi {
    z-index: 2;
}
.daovang-sprite--gold {
    z-index: 1;
}
.daovang-sprite--caught {
    z-index: 4 !important;
    animation: daovang-caught-glow 0.55s ease;
}
@keyframes daovang-caught-glow {
    0%,
    100% {
        filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.4)) brightness(1);
    }
    50% {
        filter: drop-shadow(0 0 22px rgba(250, 204, 21, 0.95)) drop-shadow(0 0 36px rgba(251, 191, 36, 0.55)) brightness(1.12);
    }
}
/* Cần cẩu — tời + dây cố định; chỉ .daovang-hook-img dao động (JS) */
.daovang-rig {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 6;
    transform: translateX(-50%);
    transform-origin: 50% 0;
    pointer-events: none;
}
.daovang-winch {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: clamp(84px, 15vw, 110px);
    height: clamp(42px, 8vw, 52px);
    background: linear-gradient(180deg, #fde047, #ca8a04);
    border-radius: 8px;
    border: 2px solid #854d0e;
    box-shadow: 0 4px 0 #713f12, inset 0 1px 0 rgba(255, 255, 255, 0.35);
    z-index: 2;
}
.daovang-hook-img {
    position: absolute;
    left: 50%;
    top: 30px;
    width: clamp(54px, 11vw, 76px);
    height: auto;
    transform: translate(-50%, 0);
    transform-origin: 50% 0;
    z-index: 3;
    pointer-events: none;
    filter: drop-shadow(2px 4px 4px rgba(0, 0, 0, 0.35));
    will-change: transform;
}
.daovang-rig .daovang-line {
    position: absolute;
    left: 50%;
    top: 38px;
    width: 4px;
    height: 120px;
    margin-left: 0;
    background: linear-gradient(180deg, rgba(30, 20, 10, 0.75), rgba(80, 50, 20, 0.35));
    transform: translateX(-50%);
    transform-origin: top center;
    border-radius: 2px;
    z-index: 1;
    pointer-events: none;
    will-change: height, transform;
}
.daovang-actions {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    margin-top: 4px;
}
.daovang-actions .el-button {
    flex: 1;
    min-height: 48px;
    font-weight: 700;
    font-size: clamp(14px, 2.5vw, 16px);
}
.daovang-price-label {
    text-align: center;
    margin: 14px 0 0;
    font-size: clamp(15px, 2.8vw, 18px);
    font-weight: 700;
    color: #0f172a;
}
.daovang-soldout-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
    font-size: 22px;
    font-weight: 800;
    color: rgba(var(--primary-rgb), .35);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.ws-cat3 {
    margin: 8px 0 28px;
}
.ws-cat3-head {
    background: linear-gradient(90deg, #c4b5fd 0%, #a78bfa 50%, #8b5cf6 100%);
    color: #fff;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    padding: .65rem 1rem;
    border-radius: 8px 8px 0 0;
    font-size: 15px;
}
.ws-cat3-search-wrap {
    position: relative;
    margin: 14px 0 16px;
}
.ws-cat3-search-wrap i {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
    font-size: 16px;
    pointer-events: none;
}
.ws-cat3-search {
    width: 100%;
    height: 40px;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 0 108px 0 40px;
    outline: none;
    font-size: 14px;
    background: #fff;
    color: #3f3f46;
}
.ws-cat3-search:focus {
    border-color: #c4b5fd;
}
.ws-cat3-count {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #a1a1aa;
    font-size: 13px;
    white-space: nowrap;
}
.ws-cat3-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px 20px;
}
.ws-cat3-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    text-decoration: none !important;
    color: inherit;
    min-width: 0;
}
.ws-cat3-thumb {
    width: 64px;
    height: 64px;
    border-radius: 10px;
    object-fit: cover;
    flex-shrink: 0;
    background: #f4f4f5;
}
.ws-cat3-body {
    min-width: 0;
    flex: 1;
}
.ws-cat3-name {
    font-size: 14px;
    font-weight: 600;
    color: #18181b;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ws-cat3-sub {
    font-size: 11px;
    color: #71717a;
    margin: 2px 0 8px;
    text-transform: uppercase;
    letter-spacing: .01em;
}
.ws-cat3-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.ws-cat3-price {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    height: 28px;
    padding: 0 12px;
    border: 1px solid #e4e4e7;
    border-radius: 999px;
    font-size: 12px;
    color: #3f3f46;
    background: #fff;
}
.ws-cat3-buy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 86px;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
    background: #8b5cf6;
    color: #fff;
}
.ws-cat3-buy.is-out {
    background: #e9d5ff;
    color: #6b7280;
}
@media (max-width: 992px) {
    .ws-cat3-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .ws-cat3-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}
.slick-track[data-v-e4caeaf8] {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    transform: translateZ(0)
}

.slick-track.slick-center[data-v-e4caeaf8] {
    margin-left: auto;
    margin-right: auto
}

.slick-track[data-v-e4caeaf8]:after,.slick-track[data-v-e4caeaf8]:before {
    display: table;
    content: ""
}

.slick-track[data-v-e4caeaf8]:after {
    clear: both
}

.slick-loading .slick-track[data-v-e4caeaf8] {
    visibility: hidden
}

.slick-slide[data-v-e4caeaf8] {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide[data-v-e4caeaf8] {
    float: right
}

.slick-slide img[data-v-e4caeaf8] {
    display: block
}

.slick-slide.slick-loading img[data-v-e4caeaf8] {
    display: none
}

.slick-slide.dragging img[data-v-e4caeaf8] {
    pointer-events: none
}

.slick-initialized .slick-slide[data-v-e4caeaf8] {
    display: block
}

.slick-loading .slick-slide[data-v-e4caeaf8] {
    visibility: hidden
}

.slick-vertical .slick-slide[data-v-e4caeaf8] {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden[data-v-21137603] {
    display: none
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    transform: translateZ(0)
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.ws-rounded-b,
.ws-rounded-l {
  border-bottom-left-radius: 0.25rem;
}
.ws-rounded-l,
.ws-rounded-tl {
  border-top-left-radius: 0.25rem;
}
.ws-rounded-r,
.ws-rounded-t {
  border-top-right-radius: 0.25rem;
}
.ws-rounded-r {
  border-bottom-right-radius: 0.25rem;
}
.ws-rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.ws-text-2em {
    font-size: 2em;
    line-height: 2rem;
}
.ws-bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 229, 229, var(--tw-bg-opacity));
}
.selected-amount-wrapper {
    background: rgb(0 0 0 / 70%);
    padding: 20px 20px;
    font-size: 1.4em;
    letter-spacing: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    color: #fff;
    cursor: default;
    text-align: center;
}
.resource-img {
    max-width: 55px;
    position: absolute;
    left: 10px;
    top: 18px;
}
.generator-button-wrapper {
	text-align: center;
	margin: 20px 0;
	position: relative;
	z-index: 15;
}
.generator-start-wrapper {
	margin-top: 30px;
}
.generator-button-inner-wrapper {
	display: inline-block;
	padding: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #eeeeee; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #eeeeee 0%, #dbdce2 21%, #7a7a82 49%, #dddfe3 80%, #eeeeee 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #eeeeee 0%,#dbdce2 21%,#7a7a82 49%,#dddfe3 80%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #eeeeee 0%,#dbdce2 21%,#7a7a82 49%,#dddfe3 80%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	position: relative;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
.generator-button-dot {
	background: url('../image/button-dot.png');
	background-repeat: no-repeat;
	background-size: 100%;
	display: block;
	position: absolute;
	background-size: 100%;
	height: 8px;
	width: 8px;
	z-index: 10;
}
.generator-button-dot.b-t-r {
	right: 9px;
	top: 8px;
}
.generator-button-dot.b-t-l {
	left: 9px;
	top: 8px;
}
.generator-button-dot.b-b-r {
	right: 9px;
	bottom: 8px;
}
.generator-button-dot.b-b-l {
	left: 9px;
	bottom: 8px;
}
.generator-button-overlay {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
.generator-button {	
	font-size: 1.4em;
	background: #159ae4;
	border: 1px solid #b8a014;
	color: #353535;
	font-weight: 700;
	letter-spacing: 3px;
	display: block;
	margin: 0 auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	-webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.2);
	box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.2);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
	position: relative;
}
.generator-button-text {
	position: relative;
	z-index: 9;
	padding: 10px 80px;
	display: block;
}

.generator-button-inner-wrapper:hover .generator-button-overlay {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.generator-button-inner-wrapper:hover .generator-button{
	color: #000;
}
.generator-input-label {
	letter-spacing: 2px;
	padding: 5px;
}
.generator-input {
	background: rgb(46,50,62);
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 10px;
	width: 100%;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}
.generator-input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #fff;
}
.generator-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #fff;
	opacity:  1;
}
.generator-input::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #fff;
	opacity:  1;
}
.generator-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #fff;
}
.ws-text-2em {
    font-size: 2em;
    line-height: 2rem;
}
.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(28 100 242/var(--tw-text-opacity))
}

.text-green-700 {
    --tw-text-opacity: 1;
    color: rgb(4 108 78/var(--tw-text-opacity))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity))
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity))
}

.text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(26 86 219/var(--tw-text-opacity))
}

.text-blue-800 {
    --tw-text-opacity: 1;
    color: rgb(30 66 159/var(--tw-text-opacity))
}

.text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(200 30 30/var(--tw-text-opacity))
}

.text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgb(142 75 16/var(--tw-text-opacity))
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(63 131 248/var(--tw-text-opacity))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(240 82 82/var(--tw-text-opacity))
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(14 159 110/var(--tw-text-opacity))
}

.text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(194 120 3/var(--tw-text-opacity))
}

.text-purple-600 {
    --tw-text-opacity: 1;
    color: rgb(126 58 242/var(--tw-text-opacity))
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.text-red-800 {
    --tw-text-opacity: 1;
    color: rgb(155 28 28/var(--tw-text-opacity))
}

.text-green-800 {
    --tw-text-opacity: 1;
    color: rgb(3 84 63/var(--tw-text-opacity))
}

.text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgb(114 59 19/var(--tw-text-opacity))
}

.text-indigo-800 {
    --tw-text-opacity: 1;
    color: rgb(66 56 157/var(--tw-text-opacity))
}

.text-purple-800 {
    --tw-text-opacity: 1;
    color: rgb(85 33 181/var(--tw-text-opacity))
}

.text-pink-800 {
    --tw-text-opacity: 1;
    color: rgb(153 21 75/var(--tw-text-opacity))
}

.text-\[\#626890\] {
    --tw-text-opacity: 1;
    color: rgb(98 104 144/var(--tw-text-opacity))
}

.text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgb(227 160 8/var(--tw-text-opacity))
}

.text-purple-700 {
    --tw-text-opacity: 1;
    color: rgb(108 43 217/var(--tw-text-opacity))
}

.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(229 231 235/var(--tw-text-opacity))
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(224 36 36/var(--tw-text-opacity))
}

.text-yellow-300 {
    --tw-text-opacity: 1;
    color: rgb(250 202 21/var(--tw-text-opacity))
}

.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219/var(--tw-text-opacity))
}

.text-green-900 {
    --tw-text-opacity: 1;
    color: rgb(1 71 55/var(--tw-text-opacity))
}

.text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(5 122 85/var(--tw-text-opacity))
}

.text-red-900 {
    --tw-text-opacity: 1;
    color: rgb(119 29 29/var(--tw-text-opacity))
}

.text-blue-100 {
    --tw-text-opacity: 1;
    color: rgb(225 239 254/var(--tw-text-opacity))
}

.text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgb(81 69 205/var(--tw-text-opacity))
}

.text-orange-800 {
    --tw-text-opacity: 1;
    color: rgb(138 44 13/var(--tw-text-opacity))
}

.text-blue-900 {
    --tw-text-opacity: 1;
    color: rgb(35 56 118/var(--tw-text-opacity))
}

.text-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(255 90 31/var(--tw-text-opacity))
}

.text-teal-600 {
    --tw-text-opacity: 1;
    color: rgb(4 116 129/var(--tw-text-opacity))
}
.mt-3 {
    margin-bottom: 18px;
}
.p-2 {
    padding: .5rem;
}
.grid-cols-4 {
    grid-template-columns: repeat(4,minmax(0,1fr))
}

.grid-cols-7 {
    grid-template-columns: repeat(7,minmax(0,1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.grid-cols-5 {
    grid-template-columns: repeat(5,minmax(0,1fr))
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.text-center {
    text-align: center;
}
.overflow-y-auto {
    overflow-y: auto;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
div.sticky-queue { 
	display: block;
	left: 0;
	top: 0;
	margin: 0;	
	position: relative;	
	width: 100%;
}
.sticky {
	background: #F0F0F0;
	border-radius: 2px;
	padding: 0 10px 10px 10px;
	margin-bottom: 5px;
}
div.recent-activity-tab	{  
	padding: 5px 0;
}
.activity-flag-img {
	max-width: 25px;
	margin-right: 10px;
}
div.sticky	{
	font-size:12px;
	color:#555;
	display:none;
	position:relative;
}
img.sticky-close {
	display: none;
}
.activity-username {
	color: #ea2424;
	position: relative;
	top: 2px;
}
.platfrom-append {
	color: #999;
}
.activity-platform {
	color: #fff;
	font-weight: 300;
}
.activity-generated-amount {
	font-size: 1.0em;
	line-height: 1;
}
.activity-generated-amount .activity-fut1 {
	color: #e4c515;
	position: relative;
	display: block;
}
.activity-generated-amount .activity-fut2 {
	color: #0bcb14;
	position: relative;
	display: block;
}

.activity-generated-amount .activity-fut3 {
	color: #54e5fe;
	position: relative;
	display: block;
}

.activity-generated-amount .activity-fut4 {
	color: #c155ff;
	position: relative;
	display: block;
}

.activity-generated-amount .activity-fut1:before {
	width: 25px;
	height: 17px;
	background: url('/assets/img/icon-robux.png') center center;
	background-size: 100%;
	background-repeat: no-repeat;
	content: '';
	position: relative;
	display: inline-block;
	margin-right: 5px;
	top: 3px;	
}
.activity-generated-amount .activity-fut2:before {
	width: 25px;
	height: 17px;
	background: url('../image/vnd.png') center center;
	background-size: 100%;
	background-repeat: no-repeat;
	content: '';
	position: relative;
	display: inline-block;
	margin-right: 5px;
	top: 3px;	
}

.activity-generated-amount .activity-fut3:before {
	width: 25px;
	height: 17px;
	background: url('../image/coin.png') center center;
	background-size: 100%;
	background-repeat: no-repeat;
	content: '';
	position: relative;
	display: inline-block;
	margin-right: 5px;
	top: 3px;	
}

.activity-generated-amount .activity-fut4:before {
	width: 25px;
	height: 17px;
	background: url('ft-4.html') center center;
	background-size: 100%;
	background-repeat: no-repeat;
	content: '';
	position: relative;
	display: inline-block;
	margin-right: 5px;
	top: 3px;	
}
.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.odd\:bg-white:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.even\:bg-gray-50:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.hover\:bg-blue-800:hover{--tw-bg-opacity:1;background-color:rgb(30 66 159/var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(225 239 254/var(--tw-bg-opacity))}.hover\:bg-blue-200:hover{--tw-bg-opacity:1;background-color:rgb(195 221 253/var(--tw-bg-opacity))}.hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgb(251 213 213/var(--tw-bg-opacity))}.hover\:bg-green-200:hover{--tw-bg-opacity:1;background-color:rgb(188 240 218/var(--tw-bg-opacity))}.hover\:bg-yellow-200:hover{--tw-bg-opacity:1;background-color:rgb(252 233 106/var(--tw-bg-opacity))}.hover\:bg-red-800:hover{--tw-bg-opacity:1;background-color:rgb(155 28 28/var(--tw-bg-opacity))}.hover\:bg-green-800:hover{--tw-bg-opacity:1;background-color:rgb(3 84 63/var(--tw-bg-opacity))}.hover\:bg-yellow-800:hover{--tw-bg-opacity:1;background-color:rgb(114 59 19/var(--tw-bg-opacity))}.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.hover\:bg-gray-900:hover{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.hover\:bg-yellow-500:hover{--tw-bg-opacity:1;background-color:rgb(194 120 3/var(--tw-bg-opacity))}.hover\:bg-purple-800:hover{--tw-bg-opacity:1;background-color:rgb(85 33 181/var(--tw-bg-opacity))}.hover\:bg-\[\#3b5998\]\/90:hover{background-color:rgba(59,89,152,.9)}.hover\:bg-\[\#1da1f2\]\/90:hover{background-color:rgba(29,161,242,.9)}.hover\:bg-\[\#24292F\]\/90:hover{background-color:rgba(36,41,47,.9)}.hover\:bg-\[\#4285F4\]\/90:hover{background-color:rgba(66,133,244,.9)}.hover\:bg-\[\#050708\]\/90:hover{background-color:rgba(5,7,8,.9)}.hover\:bg-\[\#FF9119\]\/80:hover{background-color:rgba(255,145,25,.8)}.hover\:bg-\[\#F7BE38\]\/90:hover{background-color:rgba(247,190,56,.9)}.hover\:bg-\[\#050708\]\/80:hover{background-color:rgba(5,7,8,.8)}.hover\:bg-\[\#2557D6\]\/90:hover{background-color:rgba(37,87,214,.9)}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(26 86 219/var(--tw-bg-opacity))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\:bg-gradient-to-br:hover{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.hover\:bg-gradient-to-bl:hover{background-image:linear-gradient(to bottom left,var(--tw-gradient-stops))}.hover\:bg-gradient-to-l:hover{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.hover\:from-teal-200:hover{--tw-gradient-from:#afecef;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(175,236,239,0))}.hover\:to-lime-200:hover{--tw-gradient-to:#d9f99d}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(28 100 242/var(--tw-text-opacity))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(26 86 219/var(--tw-text-opacity))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 66 159/var(--tw-text-opacity))}.hover\:text-red-800:hover{--tw-text-opacity:1;color:rgb(155 28 28/var(--tw-text-opacity))}.hover\:text-green-800:hover{--tw-text-opacity:1;color:rgb(3 84 63/var(--tw-text-opacity))}.hover\:text-yellow-800:hover{--tw-text-opacity:1;color:rgb(114 59 19/var(--tw-text-opacity))}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration:underline}.hover\:no-underline:hover{text-decoration:none}.hover\:shadow:hover{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:z-10:focus{z-index:10}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(63 131 248/var(--tw-border-opacity))}.focus\:border-blue-600:focus{--tw-border-opacity:1;border-color:rgb(28 100 242/var(--tw-border-opacity))}.focus\:border-green-500:focus{--tw-border-opacity:1;border-color:rgb(14 159 110/var(--tw-border-opacity))}.focus\:border-red-500:focus{--tw-border-opacity:1;border-color:rgb(240 82 82/var(--tw-border-opacity))}.focus\:border-green-600:focus{--tw-border-opacity:1;border-color:rgb(5 122 85/var(--tw-border-opacity))}.focus\:border-red-600:focus{--tw-border-opacity:1;border-color:rgb(224 36 36/var(--tw-border-opacity))}.focus\:border-gray-200:focus{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.focus\:bg-gray-100:focus{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.focus\:bg-gray-900:focus{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.focus\:text-blue-700:focus{--tw-text-opacity:1;color:rgb(26 86 219/var(--tw-text-opacity))}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus,.focus\:ring-4:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(63 131 248/var(--tw-ring-opacity))}.focus\:ring-blue-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(164 202 254/var(--tw-ring-opacity))}.focus\:ring-gray-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(243 244 246/var(--tw-ring-opacity))}.focus\:ring-gray-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(229 231 235/var(--tw-ring-opacity))}.focus\:ring-gray-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219/var(--tw-ring-opacity))}.focus\:ring-blue-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(26 86 219/var(--tw-ring-opacity))}.focus\:ring-blue-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(195 221 253/var(--tw-ring-opacity))}.focus\:ring-blue-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(118 169 250/var(--tw-ring-opacity))}.focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(249 128 128/var(--tw-ring-opacity))}.focus\:ring-green-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(49 196 141/var(--tw-ring-opacity))}.focus\:ring-yellow-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(227 160 8/var(--tw-ring-opacity))}.focus\:ring-gray-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(156 163 175/var(--tw-ring-opacity))}.focus\:ring-red-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 180 180/var(--tw-ring-opacity))}.focus\:ring-green-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(132 225 188/var(--tw-ring-opacity))}.focus\:ring-yellow-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(250 202 21/var(--tw-ring-opacity))}.focus\:ring-gray-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(75 85 99/var(--tw-ring-opacity))}.focus\:ring-gray-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity))}.focus\:ring-purple-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(202 191 253/var(--tw-ring-opacity))}.focus\:ring-cyan-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(103 232 249/var(--tw-ring-opacity))}.focus\:ring-teal-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(126 220 226/var(--tw-ring-opacity))}.focus\:ring-lime-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(190 242 100/var(--tw-ring-opacity))}.focus\:ring-pink-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 180 217/var(--tw-ring-opacity))}.focus\:ring-green-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(188 240 218/var(--tw-ring-opacity))}.focus\:ring-purple-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(220 215 254/var(--tw-ring-opacity))}.focus\:ring-pink-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(250 209 232/var(--tw-ring-opacity))}.focus\:ring-lime-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(217 249 157/var(--tw-ring-opacity))}.focus\:ring-red-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(253 232 232/var(--tw-ring-opacity))}.focus\:ring-cyan-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(165 243 252/var(--tw-ring-opacity))}.focus\:ring-\[\#3b5998\]\/50:focus{--tw-ring-color:rgba(59,89,152,.5)}.focus\:ring-\[\#1da1f2\]\/50:focus{--tw-ring-color:rgba(29,161,242,.5)}.focus\:ring-\[\#24292F\]\/50:focus{--tw-ring-color:rgba(36,41,47,.5)}.focus\:ring-\[\#4285F4\]\/50:focus{--tw-ring-color:rgba(66,133,244,.5)}.focus\:ring-\[\#050708\]\/50:focus{--tw-ring-color:rgba(5,7,8,.5)}.focus\:ring-\[\#FF9119\]\/50:focus{--tw-ring-color:rgba(255,145,25,.5)}.focus\:ring-\[\#F7BE38\]\/50:focus{--tw-ring-color:rgba(247,190,56,.5)}.focus\:ring-\[\#2557D6\]\/50:focus{--tw-ring-color:rgba(37,87,214,.5)}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(14 159 110/var(--tw-ring-opacity))}.focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(240 82 82/var(--tw-ring-opacity))}.focus\:ring-purple-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(144 97 249/var(--tw-ring-opacity))}.focus\:ring-teal-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(6 148 162/var(--tw-ring-opacity))}.focus\:ring-yellow-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(194 120 3/var(--tw-ring-opacity))}.focus\:ring-orange-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 90 31/var(--tw-ring-opacity))}.group:hover .group-hover\:bg-white\/50{background-color:hsla(0,0%,100%,.5)}.group:hover .group-hover\:bg-opacity-0{--tw-bg-opacity:0}.group:hover .group-hover\:from-purple-600{--tw-gradient-from:#7e3af2;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(126,58,242,0))}.group:hover .group-hover\:from-cyan-500{--tw-gradient-from:#06b6d4;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(6,182,212,0))}.group:hover .group-hover\:from-green-400{--tw-gradient-from:#31c48d;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(49,196,141,0))}.group:hover .group-hover\:from-purple-500{--tw-gradient-from:#9061f9;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(144,97,249,0))}.group:hover .group-hover\:from-pink-500{--tw-gradient-from:#e74694;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(231,70,148,0))}.group:hover .group-hover\:from-teal-300{--tw-gradient-from:#7edce2;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(126,220,226,0))}.group:hover .group-hover\:from-red-200{--tw-gradient-from:#fbd5d5;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,83%,91%,0))}.group:hover .group-hover\:via-red-300{--tw-gradient-stops:var(--tw-gradient-from),#f8b4b4,var(--tw-gradient-to,hsla(0,83%,84%,0))}.group:hover .group-hover\:to-blue-500{--tw-gradient-to:#3f83f8}.group:hover .group-hover\:to-blue-600{--tw-gradient-to:#1c64f2}.group:hover .group-hover\:to-pink-500{--tw-gradient-to:#e74694}.group:hover .group-hover\:to-orange-400{--tw-gradient-to:#ff8a4c}.group:hover .group-hover\:to-lime-300{--tw-gradient-to:#bef264}.group:hover .group-hover\:to-yellow-200{--tw-gradient-to:#fce96a}.group:hover .group-hover\:text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.group:hover .group-hover\:text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.group:focus .group-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}.group:focus .group-focus\:ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group:focus .group-focus\:ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity))}.peer:checked~.peer-checked\:bg-blue-600{--tw-bg-opacity:1;background-color:rgb(28 100 242/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:bg-red-600{--tw-bg-opacity:1;background-color:rgb(224 36 36/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:bg-green-600{--tw-bg-opacity:1;background-color:rgb(5 122 85/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:bg-purple-600{--tw-bg-opacity:1;background-color:rgb(126 58 242/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(227 160 8/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:bg-teal-600{--tw-bg-opacity:1;background-color:rgb(4 116 129/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:bg-orange-500{--tw-bg-opacity:1;background-color:rgb(255 90 31/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:after\:translate-x-full:after{--tw-translate-x:100%;content:var(--tw-content);transform:var(--tw-transform)}.peer:checked~.peer-checked\:after\:border-white:after{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));content:var(--tw-content)}.peer:-moz-placeholder-shown~.peer-placeholder-shown\:top-1\/2{top:50%}.peer:-ms-input-placeholder~.peer-placeholder-shown\:top-1\/2{top:50%}.peer:placeholder-shown~.peer-placeholder-shown\:top-1\/2{top:50%}.peer:-moz-placeholder-shown~.peer-placeholder-shown\:translate-y-0{--tw-translate-y:0px;transform:var(--tw-transform)}.peer:-ms-input-placeholder~.peer-placeholder-shown\:translate-y-0{--tw-translate-y:0px;transform:var(--tw-transform)}.peer:placeholder-shown~.peer-placeholder-shown\:translate-y-0{--tw-translate-y:0px;transform:var(--tw-transform)}.peer:-moz-placeholder-shown~.peer-placeholder-shown\:-translate-y-1\/2{--tw-translate-y:-50%;transform:var(--tw-transform)}.peer:-ms-input-placeholder~.peer-placeholder-shown\:-translate-y-1\/2{--tw-translate-y:-50%;transform:var(--tw-transform)}.peer:placeholder-shown~.peer-placeholder-shown\:-translate-y-1\/2{--tw-translate-y:-50%;transform:var(--tw-transform)}.peer:-moz-placeholder-shown~.peer-placeholder-shown\:scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:var(--tw-transform)}.peer:-ms-input-placeholder~.peer-placeholder-shown\:scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:var(--tw-transform)}.peer:placeholder-shown~.peer-placeholder-shown\:scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:var(--tw-transform)}.peer:focus~.peer-focus\:left-0{left:0}.peer:focus~.peer-focus\:top-2{top:.5rem}.peer:focus~.peer-focus\:top-1{top:.25rem}.peer:focus~.peer-focus\:-translate-y-6{--tw-translate-y:-1.5rem;transform:var(--tw-transform)}.peer:focus~.peer-focus\:-translate-y-4{--tw-translate-y:-1rem;transform:var(--tw-transform)}.peer:focus~.peer-focus\:-translate-y-3{--tw-translate-y:-0.75rem;transform:var(--tw-transform)}.peer:focus~.peer-focus\:scale-75{--tw-scale-x:.75;--tw-scale-y:.75;transform:var(--tw-transform)}.peer:focus~.peer-focus\:px-2{padding-left:.5rem;padding-right:.5rem}.peer:focus~.peer-focus\:font-medium{font-weight:500}.peer:focus~.peer-focus\:text-blue-600{--tw-text-opacity:1;color:rgb(28 100 242/var(--tw-text-opacity))}.peer:focus~.peer-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}.peer:focus~.peer-focus\:ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.peer:focus~.peer-focus\:ring-blue-300{--tw-ring-opacity:1;--tw-ring-color:rgb(164 202 254/var(--tw-ring-opacity))}.peer:focus~.peer-focus\:ring-red-300{--tw-ring-opacity:1;--tw-ring-color:rgb(248 180 180/var(--tw-ring-opacity))}.peer:focus~.peer-focus\:ring-green-300{--tw-ring-opacity:1;--tw-ring-color:rgb(132 225 188/var(--tw-ring-opacity))}.peer:focus~.peer-focus\:ring-purple-300{--tw-ring-opacity:1;--tw-ring-color:rgb(202 191 253/var(--tw-ring-opacity))}.peer:focus~.peer-focus\:ring-yellow-300{--tw-ring-opacity:1;--tw-ring-color:rgb(250 202 21/var(--tw-ring-opacity))}.peer:focus~.peer-focus\:ring-teal-300{--tw-ring-opacity:1;--tw-ring-color:rgb(126 220 226/var(--tw-ring-opacity))}.peer:focus~.peer-focus\:ring-orange-300{--tw-ring-opacity:1;--tw-ring-color:rgb(253 186 140/var(--tw-ring-opacity))}.dark .dark\:divide-gray-600>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(75 85 99/var(--tw-divide-opacity))}.dark .dark\:divide-gray-700>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(55 65 81/var(--tw-divide-opacity))}.dark .dark\:border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity))}.dark .dark\:border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}.dark .dark\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.dark .dark\:border-blue-800{--tw-border-opacity:1;border-color:rgb(30 66 159/var(--tw-border-opacity))}.dark .dark\:border-red-800{--tw-border-opacity:1;border-color:rgb(155 28 28/var(--tw-border-opacity))}.dark .dark\:border-green-800{--tw-border-opacity:1;border-color:rgb(3 84 63/var(--tw-border-opacity))}.dark .dark\:border-yellow-800{--tw-border-opacity:1;border-color:rgb(114 59 19/var(--tw-border-opacity))}.dark .dark\:border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.dark .dark\:border-blue-500{--tw-border-opacity:1;border-color:rgb(63 131 248/var(--tw-border-opacity))}.dark .dark\:border-green-500{--tw-border-opacity:1;border-color:rgb(14 159 110/var(--tw-border-opacity))}.dark .dark\:border-red-500{--tw-border-opacity:1;border-color:rgb(240 82 82/var(--tw-border-opacity))}.dark .dark\:border-yellow-300{--tw-border-opacity:1;border-color:rgb(250 202 21/var(--tw-border-opacity))}.dark .dark\:border-purple-400{--tw-border-opacity:1;border-color:rgb(172 148 250/var(--tw-border-opacity))}.dark .dark\:border-gray-500{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.dark .dark\:border-green-400{--tw-border-opacity:1;border-color:rgb(49 196 141/var(--tw-border-opacity))}.dark .dark\:border-red-400{--tw-border-opacity:1;border-color:rgb(249 128 128/var(--tw-border-opacity))}.dark .dark\:border-gray-900{--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity))}.dark .dark\:border-l-gray-700{--tw-border-opacity:1;border-left-color:rgb(55 65 81/var(--tw-border-opacity))}.dark .dark\:bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.dark .dark\:bg-gray-900\/60{background-color:rgba(17,24,39,.6)}.dark .dark\:bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.dark .dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark .dark\:bg-blue-600{--tw-bg-opacity:1;background-color:rgb(28 100 242/var(--tw-bg-opacity))}.dark .dark\:bg-blue-200{--tw-bg-opacity:1;background-color:rgb(195 221 253/var(--tw-bg-opacity))}.dark .dark\:bg-red-200{--tw-bg-opacity:1;background-color:rgb(251 213 213/var(--tw-bg-opacity))}.dark .dark\:bg-green-200{--tw-bg-opacity:1;background-color:rgb(188 240 218/var(--tw-bg-opacity))}.dark .dark\:bg-yellow-200{--tw-bg-opacity:1;background-color:rgb(252 233 106/var(--tw-bg-opacity))}.dark .dark\:bg-blue-800{--tw-bg-opacity:1;background-color:rgb(30 66 159/var(--tw-bg-opacity))}.dark .dark\:bg-red-800{--tw-bg-opacity:1;background-color:rgb(155 28 28/var(--tw-bg-opacity))}.dark .dark\:bg-green-800{--tw-bg-opacity:1;background-color:rgb(3 84 63/var(--tw-bg-opacity))}.dark .dark\:bg-yellow-800{--tw-bg-opacity:1;background-color:rgb(114 59 19/var(--tw-bg-opacity))}.dark .dark\:bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.dark .dark\:bg-indigo-200{--tw-bg-opacity:1;background-color:rgb(205 219 254/var(--tw-bg-opacity))}.dark .dark\:bg-purple-200{--tw-bg-opacity:1;background-color:rgb(220 215 254/var(--tw-bg-opacity))}.dark .dark\:bg-pink-200{--tw-bg-opacity:1;background-color:rgb(250 209 232/var(--tw-bg-opacity))}.dark .dark\:bg-green-600{--tw-bg-opacity:1;background-color:rgb(5 122 85/var(--tw-bg-opacity))}.dark .dark\:bg-red-600{--tw-bg-opacity:1;background-color:rgb(224 36 36/var(--tw-bg-opacity))}.dark .dark\:bg-purple-600{--tw-bg-opacity:1;background-color:rgb(126 58 242/var(--tw-bg-opacity))}.dark .dark\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.dark .dark\:bg-blue-500{--tw-bg-opacity:1;background-color:rgb(63 131 248/var(--tw-bg-opacity))}.dark .dark\:bg-gray-800\/30{background-color:rgba(31,41,55,.3)}.dark .dark\:bg-gray-800\/50{background-color:rgba(31,41,55,.5)}.dark .dark\:bg-green-100{--tw-bg-opacity:1;background-color:rgb(222 247 236/var(--tw-bg-opacity))}.dark .dark\:bg-red-100{--tw-bg-opacity:1;background-color:rgb(253 232 232/var(--tw-bg-opacity))}.dark .dark\:bg-blue-400{--tw-bg-opacity:1;background-color:rgb(118 169 250/var(--tw-bg-opacity))}.dark .dark\:bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.dark .dark\:bg-red-500{--tw-bg-opacity:1;background-color:rgb(240 82 82/var(--tw-bg-opacity))}.dark .dark\:bg-green-500{--tw-bg-opacity:1;background-color:rgb(14 159 110/var(--tw-bg-opacity))}.dark .dark\:bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(104 117 245/var(--tw-bg-opacity))}.dark .dark\:bg-purple-500{--tw-bg-opacity:1;background-color:rgb(144 97 249/var(--tw-bg-opacity))}.dark .dark\:bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.dark .dark\:bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.dark .dark\:bg-blue-900{--tw-bg-opacity:1;background-color:rgb(35 56 118/var(--tw-bg-opacity))}.dark .dark\:bg-orange-200{--tw-bg-opacity:1;background-color:rgb(252 217 189/var(--tw-bg-opacity))}.dark .dark\:bg-orange-700{--tw-bg-opacity:1;background-color:rgb(180 52 3/var(--tw-bg-opacity))}.dark .dark\:bg-opacity-80{--tw-bg-opacity:0.8}.dark .dark\:fill-gray-300{fill:#d1d5db}.dark .dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.dark .dark\:text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.dark .dark\:text-blue-500{--tw-text-opacity:1;color:rgb(63 131 248/var(--tw-text-opacity))}.dark .dark\:text-green-600{--tw-text-opacity:1;color:rgb(5 122 85/var(--tw-text-opacity))}.dark .dark\:text-blue-900{--tw-text-opacity:1;color:rgb(35 56 118/var(--tw-text-opacity))}.dark .dark\:text-blue-400{--tw-text-opacity:1;color:rgb(118 169 250/var(--tw-text-opacity))}.dark .dark\:text-blue-800{--tw-text-opacity:1;color:rgb(30 66 159/var(--tw-text-opacity))}.dark .dark\:text-red-800{--tw-text-opacity:1;color:rgb(155 28 28/var(--tw-text-opacity))}.dark .dark\:text-green-800{--tw-text-opacity:1;color:rgb(3 84 63/var(--tw-text-opacity))}.dark .dark\:text-yellow-800{--tw-text-opacity:1;color:rgb(114 59 19/var(--tw-text-opacity))}.dark .dark\:text-blue-600{--tw-text-opacity:1;color:rgb(28 100 242/var(--tw-text-opacity))}.dark .dark\:text-red-600{--tw-text-opacity:1;color:rgb(224 36 36/var(--tw-text-opacity))}.dark .dark\:text-yellow-600{--tw-text-opacity:1;color:rgb(159 88 10/var(--tw-text-opacity))}.dark .dark\:text-purple-400{--tw-text-opacity:1;color:rgb(172 148 250/var(--tw-text-opacity))}.dark .dark\:text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.dark .dark\:text-red-900{--tw-text-opacity:1;color:rgb(119 29 29/var(--tw-text-opacity))}.dark .dark\:text-green-900{--tw-text-opacity:1;color:rgb(1 71 55/var(--tw-text-opacity))}.dark .dark\:text-yellow-900{--tw-text-opacity:1;color:rgb(99 49 18/var(--tw-text-opacity))}.dark .dark\:text-indigo-900{--tw-text-opacity:1;color:rgb(54 47 120/var(--tw-text-opacity))}.dark .dark\:text-purple-900{--tw-text-opacity:1;color:rgb(74 29 150/var(--tw-text-opacity))}.dark .dark\:text-pink-900{--tw-text-opacity:1;color:rgb(117 26 61/var(--tw-text-opacity))}.dark .dark\:text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.dark .dark\:text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.dark .dark\:text-green-500{--tw-text-opacity:1;color:rgb(14 159 110/var(--tw-text-opacity))}.dark .dark\:text-red-500{--tw-text-opacity:1;color:rgb(240 82 82/var(--tw-text-opacity))}.dark .dark\:text-yellow-300{--tw-text-opacity:1;color:rgb(250 202 21/var(--tw-text-opacity))}.dark .dark\:text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.dark .dark\:text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.dark .dark\:text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.dark .dark\:text-yellow-500{--tw-text-opacity:1;color:rgb(194 120 3/var(--tw-text-opacity))}.dark .dark\:text-indigo-500{--tw-text-opacity:1;color:rgb(104 117 245/var(--tw-text-opacity))}.dark .dark\:text-purple-500{--tw-text-opacity:1;color:rgb(144 97 249/var(--tw-text-opacity))}.dark .dark\:text-blue-200{--tw-text-opacity:1;color:rgb(195 221 253/var(--tw-text-opacity))}.dark .dark\:text-orange-900{--tw-text-opacity:1;color:rgb(119 29 29/var(--tw-text-opacity))}.dark .dark\:text-blue-300{--tw-text-opacity:1;color:rgb(164 202 254/var(--tw-text-opacity))}.dark .dark\:text-green-200{--tw-text-opacity:1;color:rgb(188 240 218/var(--tw-text-opacity))}.dark .dark\:text-red-200{--tw-text-opacity:1;color:rgb(251 213 213/var(--tw-text-opacity))}.dark .dark\:text-orange-200{--tw-text-opacity:1;color:rgb(252 217 189/var(--tw-text-opacity))}.dark .dark\:text-green-400{--tw-text-opacity:1;color:rgb(49 196 141/var(--tw-text-opacity))}.dark .dark\:text-red-400{--tw-text-opacity:1;color:rgb(249 128 128/var(--tw-text-opacity))}.dark .dark\:placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.dark .dark\:placeholder-gray-400:-ms-input-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.dark .dark\:placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.dark .dark\:placeholder-green-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(14 159 110/var(--tw-placeholder-opacity))}.dark .dark\:placeholder-green-500:-ms-input-placeholder{--tw-placeholder-opacity:1;color:rgb(14 159 110/var(--tw-placeholder-opacity))}.dark .dark\:placeholder-green-500::placeholder{--tw-placeholder-opacity:1;color:rgb(14 159 110/var(--tw-placeholder-opacity))}.dark .dark\:placeholder-red-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(240 82 82/var(--tw-placeholder-opacity))}.dark .dark\:placeholder-red-500:-ms-input-placeholder{--tw-placeholder-opacity:1;color:rgb(240 82 82/var(--tw-placeholder-opacity))}.dark .dark\:placeholder-red-500::placeholder{--tw-placeholder-opacity:1;color:rgb(240 82 82/var(--tw-placeholder-opacity))}.dark .dark\:shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.dark .dark\:shadow-lg,.dark .dark\:shadow-sm-light{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark .dark\:shadow-sm-light{--tw-shadow:0 2px 5px 0px hsla(0,0%,100%,.08);--tw-shadow-colored:0 2px 5px 0px var(--tw-shadow-color)}.dark .dark\:shadow-blue-800\/80{--tw-shadow-color:rgba(30,66,159,.8);--tw-shadow:var(--tw-shadow-colored)}.dark .dark\:shadow-green-800\/80{--tw-shadow-color:rgba(3,84,63,.8);--tw-shadow:var(--tw-shadow-colored)}.dark .dark\:shadow-cyan-800\/80{--tw-shadow-color:rgba(21,94,117,.8);--tw-shadow:var(--tw-shadow-colored)}.dark .dark\:shadow-teal-800\/80{--tw-shadow-color:rgba(5,80,92,.8);--tw-shadow:var(--tw-shadow-colored)}.dark .dark\:shadow-lime-800\/80{--tw-shadow-color:rgba(63,98,18,.8);--tw-shadow:var(--tw-shadow-colored)}.dark .dark\:shadow-red-800\/80{--tw-shadow-color:rgba(155,28,28,.8);--tw-shadow:var(--tw-shadow-colored)}.dark .dark\:shadow-pink-800\/80{--tw-shadow-color:rgba(153,21,75,.8);--tw-shadow:var(--tw-shadow-colored)}.dark .dark\:shadow-purple-800\/80{--tw-shadow-color:rgba(85,33,181,.8);--tw-shadow:var(--tw-shadow-colored)}.dark .dark\:ring-gray-500{--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity))}.dark .dark\:ring-gray-900{--tw-ring-opacity:1;--tw-ring-color:rgb(17 24 39/var(--tw-ring-opacity))}.dark .dark\:ring-offset-gray-800{--tw-ring-offset-color:#1f2937}.dark .odd\:dark\:bg-gray-800:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.dark .even\:dark\:bg-gray-700:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark .dark\:hover\:border-gray-600:hover{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.dark .dark\:hover\:border-gray-700:hover{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}.dark .dark\:hover\:border-gray-500:hover{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.dark .dark\:hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(26 86 219/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-blue-300:hover{--tw-bg-opacity:1;background-color:rgb(164 202 254/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-red-300:hover{--tw-bg-opacity:1;background-color:rgb(248 180 180/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-green-300:hover{--tw-bg-opacity:1;background-color:rgb(132 225 188/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-yellow-300:hover{--tw-bg-opacity:1;background-color:rgb(250 202 21/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-blue-900:hover{--tw-bg-opacity:1;background-color:rgb(35 56 118/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-red-900:hover{--tw-bg-opacity:1;background-color:rgb(119 29 29/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-green-900:hover{--tw-bg-opacity:1;background-color:rgb(1 71 55/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-yellow-900:hover{--tw-bg-opacity:1;background-color:rgb(99 49 18/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-gray-500:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(4 108 78/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(200 30 30/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:rgb(108 43 217/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-\[\#050708\]\/30:hover{background-color:rgba(5,7,8,.3)}.dark .dark\:hover\:bg-\[\#FF9119\]\/80:hover{background-color:rgba(255,145,25,.8)}.dark .dark\:hover\:bg-\[\#050708\]\/40:hover{background-color:rgba(5,7,8,.4)}.dark .dark\:hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(28 100 242/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(5 122 85/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(224 36 36/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-yellow-400:hover{--tw-bg-opacity:1;background-color:rgb(227 160 8/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-purple-500:hover{--tw-bg-opacity:1;background-color:rgb(144 97 249/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-blue-800:hover{--tw-bg-opacity:1;background-color:rgb(30 66 159/var(--tw-bg-opacity))}.dark .dark\:hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .dark\:hover\:text-blue-500:hover{--tw-text-opacity:1;color:rgb(63 131 248/var(--tw-text-opacity))}.dark .dark\:hover\:text-blue-900:hover{--tw-text-opacity:1;color:rgb(35 56 118/var(--tw-text-opacity))}.dark .dark\:hover\:text-red-900:hover{--tw-text-opacity:1;color:rgb(119 29 29/var(--tw-text-opacity))}.dark .dark\:hover\:text-green-900:hover{--tw-text-opacity:1;color:rgb(1 71 55/var(--tw-text-opacity))}.dark .dark\:hover\:text-yellow-900:hover{--tw-text-opacity:1;color:rgb(99 49 18/var(--tw-text-opacity))}.dark .dark\:hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.dark .dark\:hover\:text-blue-300:hover{--tw-text-opacity:1;color:rgb(164 202 254/var(--tw-text-opacity))}.dark .dark\:hover\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.dark .dark\:hover\:text-blue-400:hover{--tw-text-opacity:1;color:rgb(118 169 250/var(--tw-text-opacity))}.dark .dark\:focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(63 131 248/var(--tw-border-opacity))}.dark .dark\:focus\:border-green-500:focus{--tw-border-opacity:1;border-color:rgb(14 159 110/var(--tw-border-opacity))}.dark .dark\:focus\:border-red-500:focus{--tw-border-opacity:1;border-color:rgb(240 82 82/var(--tw-border-opacity))}.dark .dark\:focus\:bg-gray-700:focus{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark .dark\:focus\:bg-blue-600:focus{--tw-bg-opacity:1;background-color:rgb(28 100 242/var(--tw-bg-opacity))}.dark .dark\:focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .dark\:focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(63 131 248/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-blue-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(30 66 159/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-gray-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(55 65 81/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-gray-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-gray-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(31 41 55/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-gray-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(75 85 99/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-green-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(3 84 63/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-red-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(119 29 29/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-yellow-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 49 18/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-purple-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(74 29 150/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-cyan-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(21 94 117/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-teal-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(5 80 92/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-lime-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(63 98 18/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-red-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(155 28 28/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-pink-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(153 21 75/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-purple-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(85 33 181/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-teal-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(3 102 114/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(249 128 128/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-\[\#050708\]\/50:focus{--tw-ring-color:rgba(5,7,8,.5)}.dark .dark\:focus\:ring-\[\#FF9119\]\/40:focus{--tw-ring-color:rgba(255,145,25,.4)}.dark .dark\:focus\:ring-\[\#F7BE38\]\/50:focus{--tw-ring-color:rgba(247,190,56,.5)}.dark .dark\:focus\:ring-\[\#2557D6\]\/50:focus{--tw-ring-color:rgba(37,87,214,.5)}.dark .dark\:focus\:ring-blue-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(28 100 242/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-blue-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(35 56 118/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-red-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(224 36 36/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-green-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(5 122 85/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-purple-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(126 58 242/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-teal-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(4 116 129/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-yellow-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(159 88 10/var(--tw-ring-opacity))}.dark .dark\:focus\:ring-orange-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(208 56 1/var(--tw-ring-opacity))}.dark .group:hover .dark\:group-hover\:bg-gray-800\/60{background-color:rgba(31,41,55,.6)}.dark .group:hover .dark\:group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .group:hover .dark\:group-hover\:text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.dark .group:focus .dark\:group-focus\:ring-gray-800\/70{--tw-ring-color:rgba(31,41,55,.7)}.peer:focus~.dark .peer-focus\:dark\:text-blue-500{--tw-text-opacity:1;color:rgb(63 131 248/var(--tw-text-opacity))}.dark .peer:focus~.dark\:peer-focus\:ring-blue-800{--tw-ring-opacity:1;--tw-ring-color:rgb(30 66 159/var(--tw-ring-opacity))}.dark .peer:focus~.dark\:peer-focus\:ring-red-800{--tw-ring-opacity:1;--tw-ring-color:rgb(155 28 28/var(--tw-ring-opacity))}.dark .peer:focus~.dark\:peer-focus\:ring-green-800{--tw-ring-opacity:1;--tw-ring-color:rgb(3 84 63/var(--tw-ring-opacity))}.dark .peer:focus~.dark\:peer-focus\:ring-purple-800{--tw-ring-opacity:1;--tw-ring-color:rgb(85 33 181/var(--tw-ring-opacity))}.dark .peer:focus~.dark\:peer-focus\:ring-yellow-800{--tw-ring-opacity:1;--tw-ring-color:rgb(114 59 19/var(--tw-ring-opacity))}.dark .peer:focus~.dark\:peer-focus\:ring-teal-800{--tw-ring-opacity:1;--tw-ring-color:rgb(5 80 92/var(--tw-ring-opacity))}.dark .peer:focus~.dark\:peer-focus\:ring-orange-800{--tw-ring-opacity:1;--tw-ring-color:rgb(138 44 13/var(--tw-ring-opacity))}@media (min-width:640px){.sm\:order-last{order:9999}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:mt-0{margin-top:0}.sm\:mb-0{margin-bottom:0}.sm\:ml-auto{margin-left:auto}.sm\:inline-block{display:inline-block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:h-64{height:16rem}.sm\:h-10{height:2.5rem}.sm\:h-6{height:1.5rem}.sm\:h-9{height:2.25rem}.sm\:h-7{height:1.75rem}.sm\:w-auto{width:auto}.sm\:w-10{width:2.5rem}.sm\:w-6{width:1.5rem}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-6{gap:1.5rem}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.sm\:divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.sm\:rounded-lg{border-radius:.5rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:py-4{padding-bottom:1rem;padding-top:1rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:pt-4{padding-top:1rem}.sm\:pr-8{padding-right:2rem}.sm\:pr-4{padding-right:1rem}.sm\:pl-4{padding-left:1rem}.sm\:pl-2{padding-left:.5rem}.sm\:text-center{text-align:center}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:ring-8{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}}@media (min-width:768px){.md\:inset-0{bottom:0;left:0;right:0;top:0}.md\:order-2{order:2}.md\:order-1{order:1}.md\:ml-2{margin-left:.5rem}.md\:mt-0{margin-top:0}.md\:mb-0{margin-bottom:0}.md\:mr-6{margin-right:1.5rem}.md\:mr-0{margin-right:0}.md\:block{display:block}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-auto{height:auto}.md\:h-full{height:100%}.md\:w-48{width:12rem}.md\:w-auto{width:auto}.md\:max-w-xl{max-width:36rem}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-8{gap:2rem}.md\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.md\:space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.md\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.md\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.md\:rounded-none{border-radius:0}.md\:rounded-l-lg{border-bottom-left-radius:.5rem;border-top-left-radius:.5rem}.md\:border-0{border-width:0}.md\:bg-transparent{background-color:transparent}.md\:p-0{padding:0}.md\:p-6{padding:1.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-8{padding-bottom:2rem;padding-top:2rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:font-medium{font-weight:500}.md\:text-blue-700{--tw-text-opacity:1;color:rgb(26 86 219/var(--tw-text-opacity))}.md\:hover\:bg-transparent:hover{background-color:transparent}.md\:hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(26 86 219/var(--tw-text-opacity))}.dark .md\:dark\:bg-transparent{background-color:transparent}.dark .md\:dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .md\:dark\:hover\:bg-transparent:hover{background-color:transparent}.dark .md\:dark\:hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}}@media (min-width:1024px){.lg\:static{position:static}.lg\:sticky{position:-webkit-sticky;position:sticky}.lg\:top-12{top:3rem}.lg\:my-12{margin-bottom:3rem;margin-top:3rem}.lg\:my-8{margin-bottom:2rem;margin-top:2rem}.lg\:mb-0{margin-bottom:0}.lg\:mr-0{margin-right:0}.lg\:mt-6{margin-top:1.5rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-auto{height:auto}.lg\:h-screen{height:100vh}.lg\:max-h-full{max-height:100%}.lg\:w-48{width:12rem}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-8{gap:2rem}.lg\:self-center{align-self:center}.lg\:overflow-visible{overflow:visible}.lg\:overflow-y-visible{overflow-y:visible}.lg\:p-8{padding:2rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:py-0{padding-bottom:0;padding-top:0}.lg\:px-2{padding-left:.5rem;padding-right:.5rem}.lg\:pt-0{padding-top:0}.lg\:pt-10{padding-top:2.5rem}.lg\:pb-16{padding-bottom:4rem}.lg\:pl-0{padding-left:0}.lg\:pt-2{padding-top:.5rem}.lg\:pb-20{padding-bottom:5rem}.lg\:text-xs{font-size:.75rem;line-height:1rem}.lg\:text-sm{font-size:.875rem;line-height:1.25rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}}@media (min-width:1280px){.xl\:ml-16{margin-left:4rem}.xl\:block{display:block}.xl\:inline{display:inline}.xl\:h-80{height:20rem}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:gap-24{gap:6rem}.xl\:gap-6{gap:1.5rem}.xl\:py-24{padding-bottom:6rem;padding-top:6rem}.xl\:px-3{padding-left:.75rem;padding-right:.75rem}.xl\:pb-24{padding-bottom:6rem}.xl\:pl-4{padding-left:1rem}.xl\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:1536px){.\32xl\:block{display:block}.\32xl\:h-96{height:24rem}.\32xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.\32xl\:gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.\32xl\:space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(0px*(1 - var(--tw-space-x-reverse)));margin-right:calc(0px*var(--tw-space-x-reverse))}}.hotline-phone-ring-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999999;
}
.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility 0.5s;
    left: 0;
    bottom: 0;
    display: block;
}
.hotline-phone-ring-circle {
    width: 85px;
    height: 85px;
    top: 10px;
    left: 10px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #e60808;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all 0.5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
    width: 55px;
    height: 55px;
    top: 25px;
    left: 25px;
    position: absolute;
    background-color: rgba(230, 8, 8, 0.7);
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all 0.5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
    background-color: #e60808;
    width: 33px;
    height: 33px;
    top: 37px;
    left: 37px;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
    width: 20px;
    height: 20px;
}
.hotline-bar {
    position: absolute;
    background: rgba(230, 8, 8, 0.75);
    height: 40px;
    width: 160px;
    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    z-index: 9;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
    border-radius: 50px !important;
    /* width: 175px !important; */
    left: 33px;
    bottom: 37px;
}
.hotline-bar > a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    text-indent: 50px;
    display: block;
    letter-spacing: 1px;
    line-height: 40px;
    font-family: Arial;
}
.hotline-bar > a:hover,
.hotline-bar > a:active {
    color: #fff;
}
@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        -webkit-opacity: 0.1;
    }
    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        -webkit-opacity: 0.5;
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: 0.1;
    }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.6;
    }
    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
}
@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}
@media (max-width: 768px) {
    .hotline-bar {
        display: none;
    }
}
@media (min-width: 768px) {
    .an-tren-pc {
        display: none;
    }
}
table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: collapse;
    border-spacing: 0;
}
.dataTables_wrapper .dataTables_paginate {
    float: left;
    /*text-align: right;*/
    padding-top: 0.25em;
}
.vYLZYqQ {
    color: #03e9f4;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.5s;
    letter-spacing: 4px;
    overflow: hidden;
    margin-right: 50px;
}
.vYLZYqQ:hover {
    background: #03e9f4;
    color: #050801;
    box-shadow: 0 0 5px #03e9f4, 0 0 25px #03e9f4, 0 0 50px #03e9f4,
        0 0 200px #03e9f4;
    -webkit-box-reflect: below 1px linear-gradient(transparent, #0005);
}
.vYLZYqQ:nth-child() {
    filter: hue-rotate(270deg);
}
.vYLZYqQ span {
    position: absolute;
    display: block;
}
.vYLZYqQ span:nth-child() {
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #03e9f4);
    animation: animate1 1s linear infinite;
}
@keyframes animate1 {
    0% {
        left: -100%;
    }
    50%,
    100% {
        left: 100%;
    }
}

.vYLZYqQ span:nth-child(4) {
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(360deg, transparent, #03e9f4);
    animation: animate4 1s linear infinite;
    animation-delay: 0.75s;
}
@keyframes animate4 {
    0% {
        bottom: -100%;
    }
    50%,
    100% {
        bottom: 100%;
    }
}

footer {
    width: 100%;
    max-width: 100%;
}
footer.wave-footer,
.wave-footer {
    width: 100%;
}
.wave-footer div {
    background-color: var(--col-deepblue);
    margin: -5px 0px 0px 0px;
    padding: 0px;
    color: #fff;
    text-align: center;
}
.wave-footer svg,
svg.wave {
    width: 100%;
    overflow: visible;
}

.wave {
    animation: wave 3s linear;
    animation-iteration-count: infinite;
    fill: #1b1a1a;
}
.drop {
    fill: var(--col-deepblue);
    xfill: #99000055;
    animation: drop 3.2s linear infinite normal;
    stroke: var(--col-deepblue);
    stroke-width: 0.5;
    transform: translateY(25px);
    transform-box: fill-box;
    transform-origin: 50% 100%;
}
.drop1 {
}
.drop2 {
    animation-delay: 3s;
    animation-duration: 3s;
}
.drop3 {
    animation-delay: -2s;
    animation-duration: 3.4s;
}
.drop4 {
    animation-delay: 1.7s;
}
.drop5 {
    animation-delay: 2.7s;
    animation-duration: 3.1s;
}
.drop6 {
    animation-delay: -2.1s;
    animation-duration: 3.2s;
}
.gooeff {
    filter: url(#goo);
}
#wave2 {
    animation-duration: 5s;
    animation-direction: reverse;
    opacity: 0.6;
}
#wave3 {
    animation-duration: 7s;
    opacity: 0.3;
}
@keyframes drop {
    0% {
        transform: translateY(25px);
    }
    30% {
        transform: translateY(-10px) scale(0.1);
    }
    30.001% {
        transform: translateY(25px) scale(1);
    }
    70% {
        transform: translateY(25px);
    }
    100% {
        transform: translateY(-10px) scale(0.1);
    }
}
@keyframes wave {
    to {
        transform: translateX(-100%);
    }
}

.bg-box-dark {
    background: rgb(0 0 0 / 73%);
}

.block2 {
    position: relative;
    background: #27272a;
}

.block2:before,
.block2:after {
    content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    background: linear-gradient(
        45deg,
        #fb0094,
        #0000ff,
        #00ff00,
        #ffff00,
        #ff0000,
        #fb0094,
        #0000ff,
        #00ff00,
        #ffff00,
        #ff0000
    );
    background-size: 400%;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    z-index: -1;
    animation: steam 20s linear infinite;
}

@keyframes steam {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 400% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.block2:after {
    filter: blur(50px);
}

.gradient-border {
    margin-bottom: 20px;
    --borderWidth: 3px;
    background: #fff;
    position: relative;
    border-radius: var(--borderWidth);
}

.gradient-border:after {
    content: "";
    position: absolute;
    top: calc(-1 * var(--borderWidth));
    left: calc(-1 * var(--borderWidth));
    height: calc(100% + var(--borderWidth) * 2);
    width: calc(100% + var(--borderWidth) * 2);
    background: linear-gradient(
        60deg,
        #f79533,
        #f37055,
        #ef4e7b,
        #a166ab,
        #5073b8,
        #1098ad,
        #07b39b,
        #6fba82
    );
    border-radius: calc(2 * var(--borderWidth));
    z-index: -1;
    animation: animatedgradient 3s ease alternate infinite;
    background-size: 300% 300%;
}

@keyframes animatedgradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.text-fill {
    letter-spacing: 0;
    padding: 0.25em 0 0.325em;
    display: block;
    margin: 0 auto;
    text-shadow: 0 0 80px rgba(255, 255, 255, 0.5);

    /* Clip Background Image */

    background: url(https://i.ibb.co/RDTnNrT/animated-text-fill.png) repeat-y;
    -webkit-background-clip: text;
    background-clip: text;

    /* Animate Background Image */

    -webkit-text-fill-color: transparent;
    -webkit-animation: aitf 80s linear infinite;

    /* Activate hardware acceleration for smoother animations */

    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}

/* Animate Background Image */
@-webkit-keyframes aitf {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

#totop,
#totop2 {
    position: fixed;
    right: 0;
    bottom: 10px;
    width: 149px;
    height: 249px;
    overflow: hidden;
    cursor: pointer;
    display: none;
    background: url("assets/img/up.png") no-repeat 0px 0;
    z-index: 9999;
}

#totop2 {
    background: url("assets/img/up.png") no-repeat -149px 0;
}

@keyframes linear {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 200px 0;
    }
}

@keyframes radial {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 60px;
    }
}

@keyframes repeating {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 85px;
    }
}

@keyframes electronic {
    0%,
    100% {
        background-position: 20px -30px;
    }

    25% {
        background-position: 150px 5px;
    }

    50% {
        background-position: 20px 40px;
    }

    75% {
        background-position: -100px 5px;
    }
}

.biliboard-border {
    display: block;
    margin: auto;
    margin-top: 50px;
    text-decoration: none;
    color: inherit;
}

.biliboard {
    text-align: center;
    position: relative;
    background: #fff;
}

.biliboard:before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 3px;
    transform: scale(1.02, 1.08);
    position: absolute;
    background: #f00;
    background: linear-gradient(
        90deg,
        #fafafa,
        #fafafa,
        #1d8ef7,
        #fafafa,
        #fafafa
    );
    background-position: 55px 0;
    top: 0;
    animation: linear 1s infinite linear;
    left: 0;
    z-index: -1;
}

.biliboard.radial:before {
    background: radial-gradient(#fafafa, #fafafa, #f2a61a, #fafafa, #fafafa);
    animation: radial 1s infinite linear;
}

.biliboard.repeating:before {
    background: repeating-linear-gradient(
            -45deg,
            #fafafa,
            #fafafa 30px,
            #00afdb 30px,
            #00afdb 60px
        )
        fixed;
    animation: repeating 1s infinite linear;
}

.biliboard.electronic:before {
    background: radial-gradient(
            #ea238d,
            #ea238d,
            #ea238d,
            #ea238d,
            #fafafa,
            #fafafa
        )
        no-repeat;
    background-size: 150px 50px;
    animation: electronic 2s infinite linear;
}
.shake-text[data-v-00440bb7]:hover {
    -webkit-animation: shake-data-v-00440bb7 1s
        cubic-bezier(0.36, 0.07, 0.19, 0.97) infinite both;
    animation: shake-data-v-00440bb7 1s cubic-bezier(0.36, 0.07, 0.19, 0.97)
        infinite both;
    transform: translateZ(0);
}
@-webkit-keyframes shake-data-v-00440bb7 {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }
    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }
    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}
@keyframes shake-data-v-00440bb7 {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }
    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }
    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}
.flip-container[data-v-00440bb7] {
    -o-perspective: 1000;
    perspective: 1000;
    min-height: 120px;
}
.back[data-v-00440bb7] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
}
.back[data-v-00440bb7],
.front[data-v-00440bb7] {
    top: 0;
    left: 0;
    width: 100%;
}
.front[data-v-00440bb7] {
    opacity: 1;
}
.back[data-v-00440bb7] {
    transform: rotateY(-180deg);
    position: absolute;
}
.flip-container.flipped .back[data-v-00440bb7] {
    display: block;
    transform: rotateY(0deg);
}
.flip-container.flipped .front[data-v-00440bb7] {
    opacity: 0;
}
.btn-hover[data-v-00440bb7] {
    cursor: pointer;
    text-align: center;
    border: none;
    background-size: 300% 100%;
}
.btn-hover[data-v-00440bb7],
.btn-hover[data-v-00440bb7]:hover {
    transition: all 0.4s ease-in-out;
}
.btn-hover[data-v-00440bb7]:hover {
    background-position: 100% 0;
}
.btn-hover[data-v-00440bb7]:focus {
    outline: none;
}
.btn-hover.color-2[data-v-00440bb7] {
    background-image: linear-gradient(
        90deg,
        #f5ce62,
        #e43603,
        #fa7199,
        #e85a19
    );
    box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
}
.btn-hover.color-6[data-v-00440bb7] {
    background-image: linear-gradient(
        90deg,
        #009245,
        #fcee21,
        #00a8c5,
        #d9e021
    );
    box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75);
}
.service-section {
    display: grid;
    scroll-margin-top: 90px;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 8px;
}
.service-section--spaced {
    margin-top: 1rem;
}
.service-section__content {
    grid-column: span 12 / span 12;
}
.service-box {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}
.service-box__title {
    padding: 14px 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: .2px;
    background: linear-gradient(90deg, var(--primary-hover), var(--primary-color), var(--primary-color));
    border-radius: 8px 8px 0 0;
    box-shadow: 0 4px 14px rgba(var(--primary-rgb), .25);
}
.service-box__body {
    padding: 12px;
    background: #fff;
    border-radius: 0 0 8px 8px;
}
.service-search {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    padding: 10px 12px;
    background: #f4f4f5;
    border: 1px solid rgba(var(--primary-rgb), .35);
    border-radius: 10px;
}
.service-search__field {
    position: relative;
    flex: 1;
    min-width: 0;
}
.service-search__icon {
    position: absolute;
    top: 50%;
    left: 13px;
    z-index: 1;
    color: var(--primary-color);
    font-size: 20px;
    line-height: 1;
    pointer-events: none;
    transform: translateY(-50%);
}
.service-search__input {
    width: 100%;
    height: 40px;
    padding: 0 42px 0 42px;
    color: #111827;
    font: inherit;
    font-size: 14px;
    background: #fff;
    border: 1px solid rgba(var(--primary-rgb), .35);
    border-radius: 10px;
    outline: none;
    box-sizing: border-box;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.service-search__input::placeholder {
    color: #9ca3af;
}
.service-search__input:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(var(--primary-rgb), .12);
}
.service-search__input::-webkit-search-decoration,
.service-search__input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}
.service-search__clear {
    position: absolute;
    top: 50%;
    right: 8px;
    display: none;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    color: #6b7280;
    cursor: pointer;
    background: transparent;
    border: 0;
    border-radius: 50%;
    transform: translateY(-50%);
}
.service-search__clear:hover {
    color: var(--primary-color);
    background: rgba(var(--primary-rgb), .08);
}
.service-search__clear.is-visible {
    display: inline-flex;
}
.service-search__count {
    flex-shrink: 0;
    min-width: 76px;
    color: #6b7280;
    font-size: 13px;
    font-weight: 600;
    text-align: right;
}
.service-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    width: 100%;
}
.service-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
    background: #f4f4f5;
    border-radius: 8px;
    color: inherit;
    text-decoration: none !important;
    transition: transform .25s ease, box-shadow .25s ease;
}
.service-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(var(--primary-rgb), .12);
    color: inherit;
}
.service-card[hidden] {
    display: none !important;
}
.service-card__image {
    width: 100px;
    height: 100px;
    overflow: hidden;
    flex-shrink: 0;
    border-radius: 8px;
    background: #e4e4e7;
}
.service-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service-card__content {
    flex: 1;
    min-width: 0;
}
.service-card__name {
    color: #111827;
    font-weight: 700;
    line-height: 1.25;
}
.service-card__description {
    margin: 3px 0 0;
    color: #111827;
    line-height: 1.35;
}
.service-card__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
    margin-top: 8px;
}
.service-card__actions:not(:has(.service-price)) {
    grid-template-columns: minmax(0, 1fr);
}
.service-price,
.service-buy-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    height: 36px;
    padding: 0 10px;
    font-weight: 700;
    white-space: nowrap;
    border-radius: 10px;
    box-sizing: border-box;
}
.service-price {
    color: #dc2626;
    background: #fef2f2;
    border: 1px dashed #fecaca;
}
.service-buy-button {
    color: #fff;
    cursor: pointer;
    border: 0;
    outline: 0;
    background: linear-gradient(135deg, var(--primary-color), var(--primary-hover));
    box-shadow: 0 4px 12px rgba(var(--primary-rgb), .35);
    transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.service-buy-button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
    box-shadow: 0 7px 18px rgba(var(--primary-rgb), .45);
}
.service-buy-button:disabled,
.service-buy-button.is-out {
    cursor: not-allowed;
    opacity: .55;
    filter: grayscale(.3);
    box-shadow: none;
    transform: none;
}
.service-buy-button__icon {
    display: none;
    align-items: center;
    justify-content: center;
}
.service-buy-button__icon i {
    font-size: 22px;
    line-height: 1;
}
.service-search-empty {
    display: none;
    padding: 24px 14px;
    color: #6b7280;
    text-align: center;
    background: #fafafa;
    border: 1px dashed rgba(var(--primary-rgb), .35);
    border-radius: 10px;
}
.service-search-empty.is-visible {
    display: block;
}
.service-search-empty i {
    display: block;
    margin-bottom: 6px;
    color: var(--primary-color);
    font-size: 30px;
}
@media (min-width: 1024px) {
    .service-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }
}
@media (max-width: 640px) {
    .service-box__title {
        padding: 12px 14px;
        font-size: 14px;
    }
    .service-box__body {
        padding: 10px;
    }
    .service-search {
        gap: 8px;
        padding: 8px;
    }
    .service-search__input {
        height: 38px;
        font-size: 16px;
    }
    .service-search__count {
        display: none;
    }
    .service-card {
        display: grid;
        grid-template-columns: 90px minmax(0, 1fr);
        align-items: start;
        gap: 10px;
    }
    .service-card__image {
        width: 90px;
        height: 90px;
    }
    .service-card__actions {
        gap: 8px;
        margin-top: 6px;
    }
    .service-price,
    .service-buy-button {
        height: 34px;
        padding: 0 8px;
        font-size: 13px;
    }
    .service-buy-button__text {
        display: none;
    }
    .service-buy-button__icon {
        display: inline-flex;
    }
}

/***** Theme compat *****/
:root {
    --shop-bg: #f4f4f5;
    --shop-navy: var(--primary-color);
    --shop-text: #18181b;
    --shop-muted: #71717a;
    --shop-line: #e4e4e7;
    --shop-radius: 10px;
}
body.ws-bg-zinc-100,
body {
    background: #f4f4f5;
    color: #18181b;
    font-family: inherit;
}
.container { max-width: 80rem; }
#main.main { min-height: 40vh; }
.section-gap { padding-top: 12px; }

#header-m1 { position: sticky; top: 0; z-index: 999; background: #fff; }
.sn-menubar{background:#fff;border-top:1px solid #e4e4e7}
.sn-menubar__list{display:flex;flex-wrap:wrap;align-items:center;gap:0 16px;margin:0 auto;max-width:80rem;padding:4px 12px 6px;list-style:none}
.sn-menubar__item{position:relative}
.sn-menubar__item>a{display:inline-flex;align-items:center;color:#18181b;font-family:Signika,sans-serif;font-weight:700;font-size:13px;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;padding:6px 0;line-height:1;position:relative}
.sn-menubar__item>a:hover{color:var(--primary-color)}
.sn-menubar__item.hasSub>a{padding-right:12px}
.sn-menubar__item.hasSub>a:after{content:"";position:absolute;top:50%;right:0;width:8px;height:8px;margin:0;border:0;transform:translateY(-50%);background:currentColor;clip-path:polygon(12% 32%,50% 78%,88% 32%)}
.sn-menubar__sub{display:none;position:absolute;left:0;top:100%;min-width:190px;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:6px;z-index:50;list-style:none}
.sn-menubar__sub:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:10px}
.sn-menubar__item:hover>.sn-menubar__sub,.sn-menubar__item:focus-within>.sn-menubar__sub{display:block}
.sn-menubar__sub a{display:block;padding:8px 10px;color:#27272a;font-weight:600;font-size:13px;text-transform:none;border-radius:6px;letter-spacing:.2px}
.sn-menubar__sub a:hover{background:rgba(var(--primary-rgb), .08);color:var(--primary-color)}
#header-m1 .ws-h-12 { height: 48px; object-fit: contain; }
#header-m1 .header-hamburger,
#header-m1 .header-usermb { display: none; }
#header-m1 .header-overlay { display: none; }
#header-m1 .ws-nav { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
#header-m1 .ws-nav > li > a { color: #18181b; font-weight: 600; font-size: 14px; text-transform: uppercase; }
#header-m1 .sn-search { position: relative; width: 70%; max-width: 520px; }
#header-m1 .sn-search input {
    width: 100%; height: 38px; border: 1px solid #e4e4e7; border-radius: 8px;
    padding: 0 88px 0 14px; font-size: 14px;
}
#header-m1 .sn-search button {
    position: absolute; right: 4px; top: 3px; height: 32px; border: 0; background: transparent;
    color: var(--primary-color); font-weight: 700; font-size: 13px;
}
.sn-btn-nap {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    color: #fff !important;
    background-image: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
    font-weight: 700;
}
.sn-btn-nap:hover { background-image: linear-gradient(90deg, var(--secondary-color), var(--primary-color)); }
.sn-icon-btn { color: var(--primary-color); width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; font-size: 22px; }
.sn-login { color: var(--primary-color) !important; font-weight: 700; display: inline-flex; align-items: center; gap: 8px; }
.sn-user { display: flex; align-items: center; gap: 8px; color: #18181b; }
.sn-user img, .sn-user__ava {
    width: 36px; height: 36px; border-radius: 50%; object-fit: cover;
    background: rgba(var(--primary-rgb), .12); color: var(--primary-color); display: inline-flex; align-items: center; justify-content: center;
}
.sn-user__name { font-size: 13px; font-weight: 600; max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sn-user__bal { color: #dc2626; font-size: 12px; font-weight: 800; }
#header-m1 .header-login { position: relative; }
#header-m1 .header-login > ul > li { position: relative; }
#header-m1 .header-login > ul > li > ul {
    position: absolute; right: 0; top: 100%; min-width: 220px; background: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,.12); border-radius: 8px; padding: 8px;
    display: none; z-index: 20;
}
#header-m1 .header-login > ul > li:hover > ul { display: block; }
#header-m1 .header-login > ul > li > ul > li > a {
    display: block; padding: 8px 10px; color: #27272a; border-radius: 6px; font-weight: 500;
}
#header-m1 .header-login > ul > li > ul > li > a:hover { background: #f4f4f5; }

@media (max-width: 991px) {
    #header-m1 .header-hamburger {
        display: block; width: 28px; height: 22px; position: relative; cursor: pointer;
    }
    #header-m1 .header-hamburger:before,
    #header-m1 .header-hamburger:after,
    #header-m1 .header-hamburger > span {
        content: ""; position: absolute; left: 0; right: 0; height: 2px; background: #18181b;
    }
    #header-m1 .header-hamburger:before { top: 0; }
    #header-m1 .header-hamburger > span { top: 10px; }
    #header-m1 .header-hamburger:after { bottom: 0; }
    #header-m1 .header-navigation {
        position: fixed; top: 0; left: -240px; width: 230px; height: 100%; background: #fff;
        z-index: 20; overflow: auto; transition: left .25s ease; padding: 12px;
    }
    #header-m1.is-navigation .header-navigation { left: 0; }
    #header-m1 .header-navigation > ul { display: flex; flex-direction: column; }
    #header-m1 .header-navigation > ul > li { display: block !important; }
    #header-m1 .header-navigation > ul > li > a {
        display: block; padding: 10px 8px; border-bottom: 1px solid #f4f4f5; color: #18181b;
    }
    #header-m1 .header-navigation > ul > li > ul { display: none; padding-left: 10px; }
    #header-m1 .header-navigation > ul > li.hasSub.is-show > ul { display: block; }
    #header-m1 .header-usermb { display: block; }
    #header-m1 .header-usermb > .btn {
        width: 36px; height: 36px; border: 0; background: rgba(var(--primary-rgb), .08); color: var(--primary-color); border-radius: 8px;
    }
    #header-m1 .header-usermb_list {
        position: fixed; top: 0; right: -240px; width: 230px; height: 100%; background: #fff;
        z-index: 20; overflow: auto; transition: right .25s ease; padding: 12px;
    }
    #header-m1.is-usermb .header-usermb_list { right: 0; }
    #header-m1 .header-overlay {
        display: block; position: fixed; inset: 0; background: rgba(0,0,0,.35);
        opacity: 0; visibility: hidden; z-index: 15;
    }
    #header-m1.is-navigation .header-overlay,
    #header-m1.is-usermb .header-overlay { opacity: 1; visibility: visible; }
    #header-m1 .sn-search, #header-m1 .header-user { display: none !important; }
}

.shop-hero { padding: 16px 0 8px; }
.sn-hero { display: grid; grid-template-columns: 1fr; gap: 16px; align-items: stretch; }
@media (min-width: 992px) {
    .sn-hero { grid-template-columns: 2fr 1fr 1fr; min-height: 308px; }
    .sn-hero--noside { grid-template-columns: 2fr 1fr; }
    .sn-hero--noform { grid-template-columns: 2fr 1fr; }
    .sn-hero--noslider { grid-template-columns: minmax(280px, 360px); justify-content: end; }
}
.sn-hero__main, .sn-hero__side, .sn-hero__form { min-width: 0; }
.shop-hero__form {
    background: #fff; border-radius: 10px; overflow: hidden; height: 100%;
    display: flex; flex-direction: column; min-height: 19.3rem;
}
.shop-charge__title {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    min-height: 44px; margin: 0; font-size: 16px; font-weight: 800; color: #18181b;
}
.shop-charge__title:before {
    content: ""; width: 22px; height: 22px; flex: 0 0 22px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f59e0b' d='M12 2l2.2 6.6H21l-5.4 4 2.1 6.6L12 15.8 6.3 19.2 8.4 12.6 3 8.6h6.8z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.shop-charge__tabs {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 0;
    margin: 0 10px 8px; padding: 4px; border: 1px solid #e4e4e7; border-radius: 10px;
}
.shop-charge__tabs > * {
    text-align: center; padding: 8px 4px; font-weight: 600; font-size: 13px; color: #3f3f46;
    background: transparent; border: 0; border-radius: 8px; text-decoration: none; cursor: pointer;
}
.shop-charge__tabs > .is-active { background: var(--primary-color); color: #fff; }
.shop-charge__body .form-m1 { background: transparent; padding: 0; margin: 0; box-shadow: none; }
.shop-charge__pane[hidden], .shop-charge__body[hidden] { display: none !important; }
.sn-bank-go {
    display: flex; align-items: center; justify-content: center; height: 42px; margin-top: 8px;
    border-radius: 8px; background: #18181b; color: #fff !important; font-weight: 800;
}
.sn-bank-row {
    display: flex; align-items: center; gap: 12px; margin-bottom: 8px; padding: 10px 8px;
    border-radius: 8px; background: #f4f4f5; color: #18181b; font-weight: 700;
}
.sn-bank-row img { height: 48px; width: 48px; object-fit: contain; }
.sn-note { max-height: 12.6rem; overflow: auto; font-size: 13px; line-height: 1.6; color: #3f3f46; }
.sn-slide-main, .sn-slide-main .shop-banner, .sn-slide-main .swiper, .sn-slide-main .swiper-slide, .sn-slide-main a, .sn-slide-main img {
    height: 11rem; min-height: 11rem; border-radius: 10px;
}
.sn-side-card { display: block; overflow: hidden; height: 9.05rem; border-radius: 10px; background: #fafafa; }
.sn-side-card img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (min-width: 992px) {
    .sn-slide-main, .sn-slide-main .shop-banner, .sn-slide-main .swiper, .sn-slide-main .swiper-slide, .sn-slide-main a, .sn-slide-main img {
        height: 19.3rem; min-height: 19.3rem;
    }
}
.shop-charge__body, .shop-charge__pane { padding: 0 12px 12px; }
.shop-charge__body .description,
.shop-charge__body .section-gap,
.shop-charge__body #main_tab > .nav-tabs,
.shop-charge__body #nhieuthe,
.shop-charge__body .addRow,
.shop-charge__body .copy-value,
.shop-charge__body #theCao,
.shop-charge__body button[type="submit"] i { display: none !important; }
.shop-charge__body #theoform,
.shop-charge__body #theoform.tab-pane { display: block !important; opacity: 1 !important; }
.sn-ops { display: flex; flex-wrap: nowrap; gap: 8px; overflow-x: auto; margin: 0 0 8px; scrollbar-width: none; cursor: grab; }
.sn-ops::-webkit-scrollbar { display: none; }
.sn-ops__btn {
    flex: 0 0 calc((100% - 16px) / 3); min-width: 92px; height: 48px;
    display: inline-flex; align-items: center; justify-content: center; padding: 4px 8px;
    border: 1px dashed #d4d4d8; border-radius: 6px; background: #fff;
    font-size: 12px; font-weight: 700; color: #3f3f46;
}
.sn-ops__btn img { width: 4rem; max-height: 28px; object-fit: contain; filter: grayscale(30%); pointer-events: none; }
.sn-ops__btn.is-on { border-style: solid; border-color: var(--primary-color); }
.sn-ops__btn.is-on img { filter: none; }
.shop-charge__body .row-item { display: flex; flex-wrap: wrap; margin: 0 !important; }
.shop-charge__body .row-item > [class*="col-"] { flex: 0 0 100%; max-width: 100%; width: 100%; padding: 0 0 8px !important; }
.shop-charge__body #menhGia { order: 1; }
.shop-charge__body .row-item > div:has(#code) { order: 2; flex: 0 0 calc(50% - 4px); max-width: calc(50% - 4px); padding: 0 4px 8px 0 !important; }
.shop-charge__body .row-item > div:has(#seri) { order: 3; flex: 0 0 calc(50% - 4px); max-width: calc(50% - 4px); padding: 0 0 8px 4px !important; }
.shop-charge__body .row-item > div:has(.addRow) { display: none !important; }
.shop-charge__body .form-icon .form-control { padding-right: 12px; }
.shop-charge__body .form-control,
.shop-charge__body select.form-control {
    height: 38px; border-radius: 6px; border: 1px solid #e4e4e7; font-size: 13px; box-shadow: none;
}
.shop-charge__body .text-center { margin: 0 !important; }
.shop-charge__body button[type="submit"] {
    width: 100%; height: 40px; margin-top: 4px; border: 0; border-radius: 8px;
    background: var(--primary-color) !important; color: #fff !important; font-weight: 800; font-size: 16px;
}
.shop-charge__body button[type="submit"]:hover { background: var(--secondary-color) !important; }

.shop-banner { background: #fafafa; border-radius: 10px; overflow: hidden; height: 100%; min-height: 176px; }
.shop-banner #slideBanner, .shop-banner .swiper, .shop-banner .swiper-slide, .shop-banner a, .shop-banner img { height: 100%; min-height: 176px; }
@media (min-width: 992px) {
    .shop-banner, .shop-banner #slideBanner, .shop-banner .swiper, .shop-banner .swiper-slide, .shop-banner a, .shop-banner img { min-height: 308px; }
}
.shop-banner img { width: 100%; object-fit: cover; display: block; }
.shop-banner .slide-button-prev, .shop-banner .slide-button-next { display: none; }
.shop-banner .swiper-pagination { bottom: 10px !important; }
.shop-banner .swiper-pagination-bullet { width: 8px; height: 8px; background: #fff; opacity: .65; }
.shop-banner .swiper-pagination-bullet-active { opacity: 1; background: #fff; }
.sn-slide-side { display: flex; flex-direction: column; gap: 16px; height: 100%; min-height: 308px; }
.sn-slide-side__item { display: block; overflow: hidden; border-radius: 10px; background: #fafafa; flex: 1; min-height: 146px; }
.sn-slide-side__item img { width: 100%; height: 100%; object-fit: cover; display: block; }

.sn-section { margin: 28px 0 20px; }
.sn-section__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.sn-section__title { font-size: 18px; font-weight: 700; color: #18181b; margin: 0; }
.sn-section__desc { margin: 6px 0 0; font-size: 13px; color: #3f3f46; }
.sn-section__explore { display: inline-flex; align-items: center; justify-content: center; height: 32px; padding: 0 14px; border-radius: 6px; background: var(--primary-color); color: #fff !important; font-size: 13px; font-weight: 600; }
.sn-section__explore:hover { background: var(--secondary-color); }
.sn-grid, .shop-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px 12px; }
.sn-card, .shop-pack { min-width: 0; text-align: left; }
.sn-card__media, .shop-pack__media { position: relative; display: block; overflow: hidden; border-radius: 8px; background: #fafafa; aspect-ratio: 16 / 9; }
.sn-card__media img, .shop-pack__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sn-card__badge { position: absolute; right: 5px; bottom: 5px; display: inline-flex; align-items: center; gap: 6px; padding: 2px 8px; border-radius: 4px; background: #2563eb; color: #fff; font-size: 11px; font-weight: 600; }
.sn-card__name, .shop-pack__name { display: block; margin-top: 8px; font-size: 13px; font-weight: 600; color: #18181b; }
.sn-card__cash, .shop-pack__meta { color: #dc2626; font-weight: 700; }
.sn-card__cta, .shop-pack__btn { display: inline-flex; align-items: center; justify-content: center; margin-top: 8px; min-width: 110px; height: 32px; padding: 0 12px; border-radius: 6px; background: #ea2424; color: #fff !important; font-weight: 700; border: 0; }
.sn-list-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.sn-list-head__name { margin: 0; font-size: 20px; font-weight: 800; color: #ea2424; }
.sn-filter, .sn-list-desc, .shop-auth, .shop-detail, .shop-filter { background: #fff; border-radius: 8px; padding: 14px 16px; margin-bottom: 16px; }
.shop-head { background: var(--primary-color); color: #fff; border-radius: 8px; min-height: 48px; display: flex; align-items: center; justify-content: center; margin: 24px 0 16px; padding: 10px 16px; font-size: 18px; font-weight: 800; text-transform: uppercase; }
.shop-head a { color: #fff; }
.card-topup.card { background: transparent; border: 0; text-align: center; }
.card-topup .card-image { border-radius: 8px; overflow: hidden; }
.card-topup:hover .card-title { color: var(--secondary-color); }
.pagination .page-item.active .page-link, .btn-primary, .btn-theme_primary, .btn-theme_secondary { background: var(--primary-color); border-color: var(--primary-color); color: #fff; }
.form-control { border-radius: 6px; }
.game-detail { background: #fff; border-radius: 10px; padding: 16px; }
.game-detail_button--secondary { background: #ea2424; color: #fff; }
#footer.footer { background: #fff; color: #18181b; margin-top: 40px; padding: 28px 0 0; }
#footer.footer a, #footer.footer .footer-item_title { color: #18181b; }
.footer-bottom { background: #fafafa; padding: 12px 0; }
@media (max-width: 1199px) { .sn-grid, .shop-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px) { .sn-grid, .shop-grid { grid-template-columns: repeat(2, 1fr); } .shop-banner, .shop-banner #slideBanner, .shop-banner img { min-height: 176px; } }
.floating-social { position: fixed; right: 16px; bottom: 16px; z-index: 40; }
.floating-social_button { width: 48px; height: 48px; border-radius: 50%; background: var(--primary-color); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.floating-social_button:hover { background: var(--secondary-color); }
.floating-social_list { display: none; margin-bottom: 8px; }
.floating-social.is-show .floating-social_list { display: block; }
.floating-social_list__item { display: flex; width: 42px; height: 42px; border-radius: 50%; align-items: center; justify-content: center; color: #fff; margin-bottom: 8px; }
.floating-social_facebook { background: #1773EA; }
.floating-social_telegram { background: #0088CC; }
.floating-social_zalo { background: #217CFE; }
.floating-social_zalo img { width: 22px; }

#header-m1 .ws-nav > li { position: relative; }
#header-m1 .ws-nav > li > ul {
    display: none; position: absolute; left: 0; top: 100%; min-width: 200px;
    background: #fff; box-shadow: 0 8px 24px rgba(0,0,0,.12); border-radius: 8px; padding: 8px; z-index: 20;
}
#header-m1 .ws-nav > li:hover > ul { display: block; }
#header-m1 .ws-nav > li > ul > li > a { display: block; padding: 8px 10px; color: #27272a; font-weight: 500; text-transform: none; }
#header-m1 .ws-nav > li > ul > li > a:hover { background: #f4f4f5; border-radius: 6px; }
#header-m1 .ws-nav .sub-icon { display: none; }
#header-m1 .header-usermb_list a { display: block; padding: 8px 6px; color: #18181b; }
#header-m1 .header-usermb_list a:hover { background: #f4f4f5; border-radius: 6px; }

.form-m1, .information-form, .verify-email-box {
    background: #fff; border-radius: 8px; padding: 16px; margin-bottom: 16px;
}
.table-module, .table-module-white, table.table-module {
    background: #fff; border-radius: 8px; overflow: hidden;
}
.table-module thead th { background: #fafafa; font-weight: 700; border-color: #e4e4e7; }
.description .title, .sn-filter__title { font-size: 18px; font-weight: 800; color: #18181b; }
.breadcrumbs, .breadcrumb { background: transparent; padding: 8px 0; margin: 0; }
.nav-tabs { border: 0; gap: 8px; }
.nav-tabs .nav-link {
    border: 1px solid #e4e4e7; border-radius: 8px !important; color: #3f3f46; background: #fff; font-weight: 600;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover { background: var(--primary-color); color: #fff; border-color: var(--primary-color); }
.alert-custom { position: relative; margin-bottom: 10px; border-radius: 5px; border-left-width: 3px; border-left-style: solid; font-size: 13.5px; }
.card-product { display: block; text-align: left; border: 0; background: transparent; }
.card-product .card-image { aspect-ratio: 16/9; border-radius: 8px; overflow: hidden; background: #fafafa; }
.card-product .card-image img { width: 100%; height: 100%; object-fit: cover; }
.article-item_header { aspect-ratio: 16/9; overflow: hidden; border-radius: 8px; background: #fafafa; }
.article-item_header img { width: 100%; height: 100%; object-fit: cover; }
.article-inner_title h1 { font-size: 24px; font-weight: 800; }
.article-inner_meta { color: #71717a; font-size: 13px; margin-bottom: 16px; }
.page-article_detail { background: #fff; border-radius: 8px; padding: 16px; }
.section-sidebar { background: #fff; border-radius: 8px; padding: 12px; }
.section-sidebar_title { font-weight: 800; margin-bottom: 10px; }
.game-detail_button { display: inline-flex; align-items: center; justify-content: center; min-width: 120px; height: 40px; border-radius: 8px; font-weight: 700; }
.game-detail_button--primary { background: #18181b; color: #fff !important; }
.game-detail_button--secondary { background: #ea2424; color: #fff !important; }
.game-detail_price span { color: #dc2626; font-weight: 800; font-size: 20px; display: block; }
.game-images { background: #fff; border-radius: 10px; overflow: hidden; }
.sn-card__sep { width: 1px; height: 10px; background: rgba(255,255,255,.55); display: inline-block; }
.sn-card__price { margin-top: 4px; }
.sn-card__unit { color: #71717a; font-size: 12px; }
.button-social {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    height: 40px; border: 1px solid #e4e4e7; border-radius: 8px; background: #fff; color: #18181b; font-weight: 600;
}
.button-social img { height: 18px; }
.shop-auth-wrap { display: flex; justify-content: center; padding: 24px 0 40px; min-height: calc(100vh - 220px); align-items: flex-start; }
.shop-auth-card {
    width: 100%; max-width: 400px; background: #fff; border: 1px solid #d4d4d8;
    border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.06); padding: 20px 24px;
}
.shop-auth-card__title { text-align: center; font-size: 22px; font-weight: 800; color: #18181b; }
.shop-auth-card__line { width: 128px; height: 1px; background: #52525b; margin: 6px auto 16px; }
.shop-auth-card__label { display: block; margin: 12px 0 4px; font-size: 14px; font-weight: 600; color: #18181b; }
.shop-auth-card__submit {
    display: flex; align-items: center; justify-content: center; width: 100%; height: 42px; margin-top: 16px;
    border: 0; border-radius: 6px; background: var(--primary-color); color: #fff; font-size: 18px; font-weight: 700;
}
.shop-auth-card__submit--dark { background: #18181b; }
.shop-auth-card__alt {
    display: flex; align-items: center; justify-content: center; position: relative;
    width: 100%; height: 40px; margin-top: 8px; border: 1px solid #d4d4d8; border-radius: 6px;
    background: #fff; color: #18181b; font-size: 18px;
}
.shop-auth-card__alt i { position: absolute; left: 12px; }
.shop-auth-card__link { display: block; text-align: center; margin-top: 10px; color: var(--primary-color); font-weight: 600; }
.search-page .card { background: #fff; border: 0; border-radius: 8px; }
.search-page .search-row { color: #18181b; }
.partner-wrapper { display: flex; flex-wrap: wrap; gap: 12px; }
.partner-item img { max-height: 48px; }
.pagination { justify-content: center; }
.tabs-m1 .sub-title { font-weight: 800; }
.blockPage, .blockTitle { background: #fff; border-radius: 8px; padding: 16px; }
.blockTitle h1 { font-size: 20px; font-weight: 800; }
.card-cloneTab.active, .card-product.active { outline: 2px solid var(--primary-color); border-radius: 8px; }
.game-description { background: #fff; border-radius: 8px; padding: 16px; margin-top: 16px; }

/* Input & Form Elements Polish */
.form-control {
    height: 38px; padding: 0 12px; border: 1px solid #e4e4e7; border-radius: 6px;
    font-size: 14px; transition: border-color .15s ease;
}
.form-control:focus {
    outline: none; border-color: var(--primary-color);
}
select.form-control {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2371717a' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 10px center; background-size: 12px;
    padding-right: 32px;
}
.input-group-sm .form-control { height: 34px; font-size: 13px; }
.input-group-text { background: #fafafa; border-color: #e4e4e7; color: #71717a; }
textarea.form-control { min-height: 80px; padding: 10px 12px; }

/* Button Polish */
.btn { border-radius: 6px; font-weight: 600; transition: all .15s ease; }
.btn-primary { background: var(--primary-color); border-color: var(--primary-color); }
.btn-primary:hover { background: var(--primary-hover); border-color: var(--primary-hover); }
.btn-sm { height: 32px; padding: 0 12px; font-size: 13px; }
.btn-lg { height: 44px; padding: 0 20px; font-size: 16px; }

/* Tab Enhanced */
.nav-tabs .nav-item { margin-bottom: 0; }
.nav-tabs .nav-link {
    min-height: 40px; display: flex; align-items: center; justify-content: center;
    padding: 8px 16px; font-size: 14px;
}
.tablinks {
    cursor: pointer; transition: background-color .2s ease, color .2s ease;
}
.tablinks:hover:not(.is-on) { background: rgba(var(--primary-rgb), .08); }
#sn-charge-tabs .tablinks.is-on { background: var(--primary-color); color: #fff; }
.tabcontent { transition: opacity .3s ease-in; }
.tabcontent.is-show { animation: fadeIn .3s ease; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

/* ws utilities missing from base */
.ws-font-medium { font-weight: 500; }
.ws-max-h-\[15\.5rem\] { max-height: 15.5rem; }
@media (min-width: 1024px) {
    .lg\:ws-hidden { display: none; }
    .ws-h-\[11rem\] { height: 11rem; }
}

/* Card & Badge Polish */
.sn-card__badge {
    backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
}
.sn-card:hover .sn-card__media {
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0,0,0,.1);
    transition: all .25s ease;
}
.sn-card__cta:hover, .shop-pack__btn:hover {
    background: #dc2626; transform: translateY(-1px);
    transition: all .2s ease;
}

/* Badge & Label */
.badge-module {
    padding: 4px 8px; border-radius: 4px; font-size: 12px; font-weight: 600;
}
.badge-success { background: #16a34a; color: #fff; }
.badge-danger { background: #dc2626; color: #fff; }
.badge-warning { background: #f59e0b; color: #fff; }
.badge-info { background: #0ea5e9; color: #fff; }
.badge-secondary { background: #71717a; color: #fff; }

/* Smooth Scroll */
.operator-slider { display: flex; flex-wrap: nowrap; gap: 8px; overflow-x: auto; overflow-y: hidden; cursor: grab; scrollbar-width: none; user-select: none; -webkit-overflow-scrolling: touch; }
.operator-slider.is-dragging { cursor: grabbing; }
.operator-slider::-webkit-scrollbar { display: none; }
.operator-slider-item { flex: 0 0 calc((100% - 16px) / 3); min-width: 104px; }
.operator-slider-item button { border-width: 1px; border-style: dashed; border-color: #cbd5e1; border-radius: .25rem; transition: border-color .2s ease, background-color .2s ease, filter .25s ease; transform: none; }
.operator-slider-item button:hover,
.operator-slider-item button.is-on,
.operator-slider-item button.ws-border-red-500-3 { transform: none; }
.operator-slider-item img { pointer-events: none; -webkit-user-drag: none; width: 4rem; max-width: 100%; height: auto; object-fit: contain; filter: grayscale(1); transition: filter .25s ease; }
.operator-slider-item .is-on,
.operator-slider-item .ws-border-red-500-3 { border-width: 1px !important; border-style: dashed !important; border-color: var(--primary-color) !important; }
.operator-slider-item .is-on img,
.operator-slider-item .ws-border-red-500-3 img { filter: none !important; }
.ws-h-\[38px\] { height: 38px; }
.sn-charge-box,
.sn-charge-box button,
.sn-charge-box input,
.sn-charge-box select,
.sn-charge-box label,
.sn-charge-box span,
.ws-recharge-modal,
.ws-recharge-modal button,
.ws-recharge-modal input,
.ws-recharge-modal select,
.ws-recharge-modal label {
    font-family: Signika, sans-serif;
}
.sn-charge-box { font-weight: 600; letter-spacing: .3px; }
.sn-charge-box .ws-rounded-t-lg label {
    font-weight: 700;
    letter-spacing: .5px;
}
.sn-charge-box .el-input__inner,
.ws-recharge-modal .el-input__inner {
    font-family: Signika, sans-serif;
    font-weight: 600;
    letter-spacing: .3px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    color: #606266;
    background: #fff;
}
.sn-charge-box .el-input__inner:focus,
.ws-recharge-modal .el-input__inner:focus {
    border-color: var(--primary-color);
}
.sn-charge-box .el-button--primary,
.ws-recharge-modal .el-button--primary {
    font-family: Signika, sans-serif;
    font-weight: 800;
    letter-spacing: .3px;
    border: 1px solid var(--primary-color);
}
.sn-charge-box .el-button--primary:hover,
.ws-recharge-modal .el-button--primary:hover {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}
.sn-charge-box #sn-charge-tabs > div {
    border: 1px solid #e4e4e7;
}
.sn-grid {
    -webkit-overflow-scrolling: touch;
}

/* Pagination Style */
.pagination .page-link {
    border-radius: 6px; margin: 0 2px; border-color: #e4e4e7;
}
.pagination .page-link:hover {
    background: rgba(var(--primary-rgb), .08); border-color: var(--secondary-color); color: var(--secondary-color);
}

/* element layout */
.container,.container-fluid{width:100%;margin-left:auto;margin-right:auto;padding-left:12px;padding-right:12px;box-sizing:border-box}
.container{max-width:80rem}
.row{display:flex;flex-wrap:wrap;margin-left:0;margin-right:0}
.no-gutters{margin-left:0;margin-right:0}
.row>[class*=col-]{position:relative;width:100%;padding-left:8px;padding-right:8px;box-sizing:border-box}
.col-1{flex:0 0 8.333333%;max-width:8.333333%}
.col-2{flex:0 0 16.666667%;max-width:16.666667%}
.col-3{flex:0 0 25.0%;max-width:25.0%}
.col-4{flex:0 0 33.333333%;max-width:33.333333%}
.col-5{flex:0 0 41.666667%;max-width:41.666667%}
.col-6{flex:0 0 50.0%;max-width:50.0%}
.col-7{flex:0 0 58.333333%;max-width:58.333333%}
.col-8{flex:0 0 66.666667%;max-width:66.666667%}
.col-9{flex:0 0 75.0%;max-width:75.0%}
.col-10{flex:0 0 83.333333%;max-width:83.333333%}
.col-11{flex:0 0 91.666667%;max-width:91.666667%}
.col-12{flex:0 0 100.0%;max-width:100.0%}
@media (min-width:576px){
.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}
.offset-sm-1{margin-left:8.333333%}
.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}
.offset-sm-2{margin-left:16.666667%}
.col-sm-3{flex:0 0 25.0%;max-width:25.0%}
.offset-sm-3{margin-left:25.0%}
.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}
.offset-sm-4{margin-left:33.333333%}
.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}
.offset-sm-5{margin-left:41.666667%}
.col-sm-6{flex:0 0 50.0%;max-width:50.0%}
.offset-sm-6{margin-left:50.0%}
.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}
.offset-sm-7{margin-left:58.333333%}
.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}
.offset-sm-8{margin-left:66.666667%}
.col-sm-9{flex:0 0 75.0%;max-width:75.0%}
.offset-sm-9{margin-left:75.0%}
.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}
.offset-sm-10{margin-left:83.333333%}
.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}
.offset-sm-11{margin-left:91.666667%}
.col-sm-12{flex:0 0 100.0%;max-width:100.0%}
.offset-sm-12{margin-left:100.0%}
.d-sm-none{display:none!important}.d-sm-block{display:block!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-flex{display:flex!important}
}
@media (min-width:768px){
.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}
.offset-md-1{margin-left:8.333333%}
.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}
.offset-md-2{margin-left:16.666667%}
.col-md-3{flex:0 0 25.0%;max-width:25.0%}
.offset-md-3{margin-left:25.0%}
.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}
.offset-md-4{margin-left:33.333333%}
.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}
.offset-md-5{margin-left:41.666667%}
.col-md-6{flex:0 0 50.0%;max-width:50.0%}
.offset-md-6{margin-left:50.0%}
.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}
.offset-md-7{margin-left:58.333333%}
.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}
.offset-md-8{margin-left:66.666667%}
.col-md-9{flex:0 0 75.0%;max-width:75.0%}
.offset-md-9{margin-left:75.0%}
.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}
.offset-md-10{margin-left:83.333333%}
.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}
.offset-md-11{margin-left:91.666667%}
.col-md-12{flex:0 0 100.0%;max-width:100.0%}
.offset-md-12{margin-left:100.0%}
.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-flex{display:flex!important}
}
@media (min-width:992px){
.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}
.offset-lg-1{margin-left:8.333333%}
.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}
.offset-lg-2{margin-left:16.666667%}
.col-lg-3{flex:0 0 25.0%;max-width:25.0%}
.offset-lg-3{margin-left:25.0%}
.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}
.offset-lg-4{margin-left:33.333333%}
.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}
.offset-lg-5{margin-left:41.666667%}
.col-lg-6{flex:0 0 50.0%;max-width:50.0%}
.offset-lg-6{margin-left:50.0%}
.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}
.offset-lg-7{margin-left:58.333333%}
.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}
.offset-lg-8{margin-left:66.666667%}
.col-lg-9{flex:0 0 75.0%;max-width:75.0%}
.offset-lg-9{margin-left:75.0%}
.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}
.offset-lg-10{margin-left:83.333333%}
.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}
.offset-lg-11{margin-left:91.666667%}
.col-lg-12{flex:0 0 100.0%;max-width:100.0%}
.offset-lg-12{margin-left:100.0%}
.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-flex{display:flex!important}
}
@media (min-width:1200px){
.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}
.offset-xl-1{margin-left:8.333333%}
.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}
.offset-xl-2{margin-left:16.666667%}
.col-xl-3{flex:0 0 25.0%;max-width:25.0%}
.offset-xl-3{margin-left:25.0%}
.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}
.offset-xl-4{margin-left:33.333333%}
.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}
.offset-xl-5{margin-left:41.666667%}
.col-xl-6{flex:0 0 50.0%;max-width:50.0%}
.offset-xl-6{margin-left:50.0%}
.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}
.offset-xl-7{margin-left:58.333333%}
.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}
.offset-xl-8{margin-left:66.666667%}
.col-xl-9{flex:0 0 75.0%;max-width:75.0%}
.offset-xl-9{margin-left:75.0%}
.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}
.offset-xl-10{margin-left:83.333333%}
.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}
.offset-xl-11{margin-left:91.666667%}
.col-xl-12{flex:0 0 100.0%;max-width:100.0%}
.offset-xl-12{margin-left:100.0%}
.d-xl-none{display:none!important}.d-xl-block{display:block!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-flex{display:flex!important}
}

.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}
.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}
.justify-content-start{justify-content:flex-start}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-end{justify-content:flex-end}
.align-items-start{align-items:flex-start}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}
.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}
.text-muted{color:#71717a}.text-danger{color:#dc2626}.text-success{color:#16a34a}.text-warning{color:#d97706}.text-white{color:#fff}.text-dark{color:#18181b}
.font-weight-bold{font-weight:700}.font-weight-normal{font-weight:400}.text-uppercase{text-transform:uppercase}.text-small,.small{font-size:.875em}
.w-100{width:100%}.h-100{height:100%}.mw-100{max-width:100%}
.position-relative{position:relative}.position-absolute{position:absolute}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}
.list-unstyled{list-style:none;padding-left:0;margin:0}.list-inline{list-style:none;padding-left:0}
.img-fluid{max-width:100%;height:auto}.rounded{border-radius:6px}.rounded-lg{border-radius:8px}
.float-left{float:left}.float-right{float:right}.clearfix:after{content:"";display:block;clear:both}
.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:1rem}.m-4{margin:1.5rem}.m-5{margin:3rem}
.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}
.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}
.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:1rem}.ml-auto{margin-left:auto}
.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:1rem}.mr-auto{margin-right:auto}
.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:1rem;margin-bottom:1rem}
.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}
.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-3{padding-top:1rem}.pt-4{padding-top:1.5rem}
.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:1rem}.pb-4{padding-bottom:1.5rem}
.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:1rem;padding-right:1rem}
.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:1rem;padding-bottom:1rem}.py-4{padding-top:1.5rem;padding-bottom:1.5rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 14px;border:1px solid #e4e4e7;border-radius:6px;background:#fff;color:#18181b;font-weight:600;cursor:pointer;text-decoration:none}
.btn-sm,.btn-small{min-height:32px;padding:0 10px;font-size:13px}
.btn-lg{min-height:44px;padding:0 18px;font-size:16px}
.btn-block,.w-100.btn{width:100%}
.btn-primary,.btn-theme_primary,.btn-theme_secondary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}
.btn-danger{background:#dc2626;border-color:#dc2626;color:#fff}
.btn-success{background:#16a34a;border-color:#16a34a;color:#fff}
.btn-warning{background:#f59e0b;border-color:#f59e0b;color:#fff}
.btn-light{background:#fafafa;border-color:#e4e4e7;color:#18181b}
.btn-link{background:transparent;border-color:transparent;color:var(--primary-color)}
.btn-outline-primary{background:#fff;border-color:var(--primary-color);color:var(--primary-color)}
.form-control,.custom-select{display:block;width:100%;height:38px;padding:0 12px;border:1px solid #dcdfe6;border-radius:6px;background:#fff;color:#18181b;box-sizing:border-box}
textarea.form-control{height:auto;min-height:80px;padding:8px 12px}
.form-group{margin-bottom:12px}
.form-check{display:flex;align-items:center;gap:8px}
.input-group{display:flex;align-items:stretch;width:100%}
.input-group .form-control{flex:1}
.input-group-append,.input-group-prepend{display:flex}
.input-group-text{display:flex;align-items:center;padding:0 10px;border:1px solid #dcdfe6;background:#fafafa;border-radius:6px}
.invalid-feedback{color:#dc2626;font-size:12px}
.table{width:100%;border-collapse:collapse;background:#fff}
.table th,.table td{padding:10px 12px;border-bottom:1px solid #e4e4e7;vertical-align:middle}
.table-bordered th,.table-bordered td{border:1px solid #e4e4e7}
.table-striped tbody tr:nth-child(odd){background:#fafafa}
.table-responsive{width:100%;overflow-x:auto}
.alert{padding:12px 14px;border-radius:8px;background:#fff;border:1px solid #e4e4e7;margin-bottom:12px}
.alert-danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.alert-success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}
.alert-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}
.alert-info{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}
.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:700}
.nav{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.nav-tabs{border:0}
.nav-item{list-style:none}
.nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 12px;border-radius:8px;border:1px solid #e4e4e7;background:#fff;color:#3f3f46;font-weight:600;text-decoration:none}
.nav-link.active,.nav-tabs .nav-link.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}
.tab-content>.tab-pane{display:none}
.tab-content>.tab-pane.active,.tab-pane.active.show{display:block}
.dropdown{position:relative;display:inline-block}
.dropdown-menu{display:none;position:absolute;z-index:30;min-width:180px;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:6px}
.dropdown-menu.show{display:block}
.dropdown-menu-right{right:0;left:auto}
.dropdown-item{display:block;padding:8px 10px;color:#18181b;border-radius:6px;text-decoration:none}
.dropdown-item:hover{background:#f4f4f5}
.modal{display:none;position:fixed;inset:0;z-index:1050;overflow:auto;outline:0}
.modal.show{display:block}
.modal-dialog{position:relative;width:auto;max-width:520px;margin:40px auto}
.modal-content{background:#fff;border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,.18)}
.modal-header,.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}
.modal-body{padding:12px 16px}
.modal-title{margin:0;font-size:18px;font-weight:800}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1040}
body.modal-open{overflow:hidden}
.close{background:transparent;border:0;font-size:22px;line-height:1;cursor:pointer}
.pagination{display:flex;gap:4px;list-style:none;padding:0}
.page-link{display:inline-flex;min-width:34px;height:34px;align-items:center;justify-content:center;border:1px solid #e4e4e7;border-radius:6px;background:#fff;color:#18181b;text-decoration:none}
.page-item.active .page-link{background:var(--primary-color);border-color:var(--primary-color);color:#fff}



/* shoproblox shell */
.ws-h-full{height:100%}
.ws-search{position:relative;width:70%;max-width:520px;margin-left:20px}
.ws-search input{width:100%;height:38px;border:1px solid #e4e4e7;border-radius:8px;padding:0 92px 0 14px;font-size:14px;outline:none}
.ws-search button{position:absolute;right:4px;top:3px;height:32px;border:0;background:transparent;color:var(--primary-color);font-weight:700;font-size:13px;cursor:pointer}
.header-login{position:relative}
.ws-profile{display:block;position:absolute;right:0;top:100%;width:240px;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:8px;z-index:40;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility .12s}
.ws-profile:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:12px}
.header-login:hover .ws-profile,.header-login:focus-within .ws-profile{opacity:1;visibility:visible;pointer-events:auto}
.ws-profile-nav label{display:block;margin-top:8px;padding:0 8px;font-size:11px;font-weight:700;color:#71717a;text-transform:uppercase}
.ws-profile-nav a{display:block;padding:8px;color:#27272a;border-radius:6px;font-size:13px;font-weight:600}
.ws-profile-nav a:hover{background:#f4f4f5;color:#18181b}
.ws-profile-nav a i{position:relative;top:1px;color:#71717a}
.ws-profile-nav a:hover i{color:#18181b}
.ws-profile-mb{display:none;position:fixed;z-index:2008;width:210px;max-height:calc(100vh - 72px);overflow:auto;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:8px}
.ws-profile-mb.is-open{display:block}
.ws-profile{max-height:calc(100vh - 80px);overflow:auto}
@media (min-width:768px){.ws-profile-mb{display:none!important}}
#header-m1 .header-navigation .ws-nav{padding-bottom:8px}
@media (max-width:767px){body{padding-bottom:72px}}


/* auth modal */
.ws-auth .el-input{display:block;width:100%}
.ws-auth .el-input__inner2{width:100%;height:40px;border:1px solid #d4d4d8;border-radius:8px;padding:0 12px;margin-bottom:10px;background:#fff}
.ws-auth-modal.modal{background:rgba(0,0,0,.5)}
.ws-auth-modal .el-dialog{width:min(420px,94%);background:#fff}
.ws-auth .el-button{width:100%}

/* element skin */
:root{--ws-primary:var(--primary-color);--ws-primary-light:rgba(var(--primary-rgb),.08);--ws-primary-border:rgba(var(--primary-rgb),.35);--ws-border:#dcdfe6;--ws-border-light:#ebeef5;--ws-text:#303133;--ws-text-regular:#606266;--ws-text-secondary:#909399;--ws-fill:#f5f7fa}
.main h1,.main h2,.main h3,.main h4,.main h5,.main h6{font-weight:600;margin:0 0 8px;line-height:1.3}
.main .ws-text-white{color:#fff!important}
.main h1{font-size:22px}.main h2{font-size:20px}.main h3{font-size:18px}.main h4{font-size:16px}.main h5{font-size:15px}.main h6{font-size:14px}
.main p{margin:0 0 8px}
.main a{text-decoration:none}
.main hr{border:0;border-top:1px solid var(--ws-border-light);margin:12px 0}

/* legacy gutters */
.row10{margin-left:-5px;margin-right:-5px}.row10>[class*=col]{padding-left:5px;padding-right:5px}
.row5,.row-5,.row-x-5{margin-left:-2.5px;margin-right:-2.5px}.row5>[class*=col],.row-5>[class*=col],.row-x-5>[class*=col]{padding-left:2.5px;padding-right:2.5px}
.row-10{margin-left:-10px;margin-right:-10px}.row-10>[class*=col]{padding-left:10px;padding-right:10px}
.row25{margin-left:-12.5px;margin-right:-12.5px}.row25>[class*=col]{padding-left:12.5px;padding-right:12.5px}
.rowmb3>[class*=col]{margin-bottom:12px}.rowmb15>[class*=col]{margin-bottom:15px}
.irow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}
.row>.col,.row>.col-md,.row>.col-lg{flex:1 0 0%;min-width:0;padding-left:8px;padding-right:8px;box-sizing:border-box}
.row10>.col,.row10>.col-md,.row10>.col-lg{padding-left:5px;padding-right:5px}
.row-cols-2>*{flex:0 0 50%;max-width:50%}
.col-xs-3{flex:0 0 25%;max-width:25%}.col-xs-4{flex:0 0 33.333%;max-width:33.333%}
@media (max-width:767px){.row>.col-md{flex:0 0 100%;max-width:100%}}
@media (max-width:991px){.row>.col-lg{flex:0 0 100%;max-width:100%}}
@media (min-width:768px){.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.mt-md-0{margin-top:0!important}.mb-md-0{margin-bottom:0!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.pl-md-8{padding-left:2rem}.ml-md-auto{margin-left:auto}.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}}
@media (min-width:992px){.row-cols-lg-3>*{flex:0 0 33.333%;max-width:33.333%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.mt-lg-0{margin-top:0!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.flex-lg-grow-0{flex-grow:0!important}}
.m-auto{margin:auto}.mx-2{margin-left:.5rem;margin-right:.5rem}.me-1{margin-right:.25rem}.me-2{margin-right:.5rem}.pl-3{padding-left:1rem}.pr-3{padding-right:1rem}.pb-1{padding-bottom:.25rem}.pt-1{padding-top:.25rem}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}
.border{border:1px solid var(--ws-border-light)!important}.border-0{border:0!important}.border-top{border-top:1px solid var(--ws-border-light)!important}.border-bottom{border-bottom:1px solid var(--ws-border-light)!important}
.rounded-0{border-radius:0!important}.rounded-sm{border-radius:4px!important}.rounded-circle{border-radius:50%!important}
.h-auto{height:auto!important}.flex-fill{flex:1 1 auto}.flex-nowrap{flex-wrap:nowrap}.align-self-center{align-self:center}.justify-content-around{justify-content:space-around}
.pull-right{float:right}.pull-left{float:left}
.bg-white{background:#fff!important}.bg-light{background:var(--ws-fill)!important}.bg-transparent{background:transparent!important}.bg-theme{background:var(--ws-primary)!important;color:#fff!important}
.text-primary{color:var(--ws-primary)!important}.text-info{color:#0ea5e9!important}.text-secondary{color:var(--ws-text-secondary)!important}.color-main{color:var(--ws-primary)}
.font-weight-semibold,.fw-semibold{font-weight:600}.fw-bold{font-weight:700}.text-nowrap{white-space:nowrap}.text-break{word-break:break-word}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shadow,.shadow-sm{box-shadow:0 1px 4px rgba(0,0,0,.06)!important}
.ratio{position:relative;width:100%}.ratio:before{content:"";display:block;padding-top:var(--ratio,100%)}.ratio-1x1{--ratio:100%}.ratio-16x9{--ratio:56.25%}.ratio>*{position:absolute;inset:0;width:100%;height:100%}
.object-fit-cover{object-fit:cover}
.media{display:flex;align-items:center;gap:12px}.media-body{flex:1;min-width:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.fade:not(.show):not(.modal){opacity:1}
.collapse:not(.show){display:none}

/* panels */
.card,.panel,.blockContent,.box-content,.form-m1,.information-form,.template-1-table,.section-table,.card-game-panel,.napcham-content{background:#fff;border:0;border-radius:4px;box-shadow:none;margin-bottom:12px;overflow:hidden;color:var(--ws-text)}
.card .card{margin-bottom:0}
.card-header,.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--ws-border-light);font-size:16px;font-weight:600;color:#18181b}
.card-header h1,.card-header h2,.card-header h3,.card-header h4,.card-header h5,.panel-heading h3{margin:0;font-size:16px}
.card-body,.panel-body{padding:16px}
.card-footer,.panel-footer{padding:12px 16px;border-top:1px solid var(--ws-border-light);background:#fff}
.card-title{font-size:15px;font-weight:600;color:#18181b;margin-bottom:6px}
.card-text{color:var(--ws-text-regular);font-size:14px}
.panel-info>.panel-heading{color:var(--ws-primary)}
.information-inner .card{margin-bottom:0}
.information-list>.row{border-bottom:1px dashed var(--ws-border-light);font-size:14px}
.information-list>.row>div:first-child{color:#3f3f46}
.loading-pure{display:none}
.form-m1,.information-form{padding:16px}
.form-inner{padding:0}
.blockContent{padding:16px}

/* titles */
.description{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.description .title,.heading-m1,.template-heading,.template-1-heading,.section-heading_title,.block-title,.heading-new,.blockTitle h1{position:relative;margin:0;padding-left:12px;font-size:20px;font-weight:600;color:#18181b;text-transform:uppercase;line-height:1.3}
.description .title:before,.heading-m1:before,.template-heading:before,.template-1-heading:before,.section-heading_title:before,.block-title:before,.heading-new:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:2px;background:var(--ws-primary)}
.heading-m1,.template-heading,.template-1-heading,.heading-new{margin-bottom:12px}
.sub-title,.section-heading_subtitle{font-size:16px;font-weight:600;color:#18181b;margin-bottom:8px}
.description .breadcrumb,.description .ws-breadcrumb{padding:0}

/* breadcrumb */
.ws-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:4px}
.ws-breadcrumb a{color:#3f3f46}.ws-breadcrumb a:hover{color:var(--secondary-color)}
.breadcrumb{display:flex;flex-wrap:wrap;gap:4px;list-style:none;padding:8px 0;margin:0;font-size:14px}
.breadcrumb-item a{color:#3f3f46}.breadcrumb-item+.breadcrumb-item:before{content:"\203A";padding-right:4px;color:var(--ws-text-secondary)}
.breadcrumb-item.active,.breadcrumb-item:last-child a{color:var(--ws-primary)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;min-height:32px;padding:8px 15px;font-size:14px;font-weight:500;line-height:1;color:var(--ws-text-regular);background:#fff;border:1px solid var(--ws-border);border-radius:4px;cursor:pointer;white-space:nowrap;transition:.1s;text-decoration:none;box-shadow:none;vertical-align:middle;box-sizing:border-box}
.btn:hover{color:var(--ws-primary);border-color:var(--ws-primary-border);background:var(--ws-primary-light)}
.btn:disabled,.btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}
.btn i{font-size:13px}
.btn-primary,.btn-theme_primary,.btn-theme{color:#fff;background:var(--ws-primary);border-color:var(--ws-primary)}
.btn-theme_secondary{color:#fff;background:var(--secondary-color);border-color:var(--secondary-color)}
.btn-primary:hover,.btn-theme_primary:hover,.btn-theme:hover{color:#fff;background:var(--secondary-color);border-color:var(--secondary-color)}
.btn-theme_secondary:hover{color:#fff;background:var(--primary-color);border-color:var(--primary-color)}
.btn-success{color:#fff;background:#67c23a;border-color:#67c23a}.btn-success:hover{color:#fff;background:#85ce61;border-color:#85ce61}
.btn-warning{color:#fff;background:#e6a23c;border-color:#e6a23c}.btn-warning:hover{color:#fff;background:#ebb563;border-color:#ebb563}
.btn-danger{color:#fff;background:#f56c6c;border-color:#f56c6c}.btn-danger:hover{color:#fff;background:#f78989;border-color:#f78989}
.btn-info{color:#fff;background:#909399;border-color:#909399}.btn-info:hover{color:#fff;background:#a6a9ad;border-color:#a6a9ad}
.btn-secondary,.btn-default,.btn-flat{color:var(--ws-text-regular);background:#fff;border-color:var(--ws-border)}
.btn-dark{color:#fff;background:#18181b;border-color:#18181b}.btn-dark:hover{color:#fff;background:#3f3f46;border-color:#3f3f46}
.btn-light{color:var(--ws-text-regular);background:var(--ws-fill);border-color:var(--ws-border-light)}
.btn-link{color:var(--ws-primary);background:transparent;border-color:transparent;padding-left:0;padding-right:0}.btn-link:hover{background:transparent;border-color:transparent}
.btn-outline-primary{color:var(--ws-primary);background:var(--ws-primary-light);border-color:var(--ws-primary-border)}.btn-outline-primary:hover{color:#fff;background:var(--secondary-color);border-color:var(--secondary-color)}
.btn-outline-success{color:#67c23a;background:#f0f9eb;border-color:#b3e19d}.btn-outline-success:hover{color:#fff;background:#67c23a;border-color:#67c23a}
.btn-outline-danger{color:#f56c6c;background:#fef0f0;border-color:#fab6b6}.btn-outline-danger:hover{color:#fff;background:#f56c6c;border-color:#f56c6c}
.btn-outline-secondary,.btn-outline-dark{color:var(--ws-text-regular);background:#fff;border-color:var(--ws-border)}
.btn-sm,.btn-small,.btn-sm_table{height:24px;min-height:24px;padding:5px 11px;font-size:12px;border-radius:3px}
.btn-xs{height:22px;min-height:22px;padding:3px 8px;font-size:12px;border-radius:3px}
.btn-lg,.btn-large{height:40px;min-height:40px;padding:12px 19px;font-size:14px}
.btn-block{display:flex;width:100%}
.btn+.btn{margin-left:0}
.btn-group{display:inline-flex;gap:6px;flex-wrap:wrap}

/* inputs */
.form-control,.custom-select,.main select:not([class*=el-]):not(.select2-hidden-accessible):not([multiple]),.main input[type=text]:not([class]),.main input[type=number]:not([class]),.main input[type=email]:not([class]),.main input[type=password]:not([class]){display:block;width:100%;height:40px;padding:0 15px;font-size:14px;line-height:40px;color:var(--ws-text-regular);background-color:#fff;border:1px solid var(--ws-border);border-radius:4px;box-shadow:none;outline:none;box-sizing:border-box;transition:border-color .2s}
.form-control:focus,.custom-select:focus{border-color:var(--ws-primary);box-shadow:none}
.form-control::placeholder{color:#a8abb2}
.form-control[readonly],.form-control:disabled{background-color:var(--ws-fill);color:#a8abb2}
textarea.form-control{height:auto;min-height:80px;padding:8px 15px;line-height:1.5}
.form-control-sm,.input-group-sm .form-control{height:32px;line-height:32px;font-size:13px}
select.form-control,.custom-select{appearance:none;-webkit-appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23a8abb2' stroke-width='1.4' stroke-linecap='round' d='M1.5 1.8 6 6.2 10.5 1.8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
select[multiple].form-control{height:auto;line-height:1.5;padding:6px 10px;background-image:none}
input[type=file].form-control{padding:0;line-height:38px}
input[type=file].form-control::file-selector-button{height:38px;border:0;border-right:1px solid var(--ws-border);background:var(--ws-fill);color:var(--ws-text-regular);padding:0 14px;margin-right:10px;cursor:pointer}
.form-group{margin-bottom:18px}
.form-group>label,.col-form-label,.control-label,.form-label{display:inline-block;margin-bottom:6px;font-size:14px;font-weight:600;color:var(--ws-text-regular);line-height:1.4}
.col-form-label{padding-top:10px}
.form-text,.help-block{display:block;margin-top:4px;font-size:12px;color:var(--ws-text-secondary)}
.invalid-feedback,.text-error{color:#f56c6c;font-size:12px}
.is-invalid,.has-error .form-control{border-color:#f56c6c!important}
.has-feedback{position:relative}.has-feedback .form-control-feedback{position:absolute;right:12px;top:12px;color:var(--ws-text-secondary)}
.input-group{display:flex;flex-wrap:nowrap;align-items:stretch;width:100%}
.input-group>.form-control,.input-group>.custom-select{flex:1 1 auto;width:1%;min-width:0}
.input-group>.form-control:not(:last-child),.input-group>.custom-select:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}
.input-group>.form-control:not(:first-child),.input-group>.custom-select:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
.input-group-append,.input-group-prepend{display:flex}
.input-group-text{display:flex;align-items:center;padding:0 15px;font-size:14px;color:var(--ws-text-secondary);background:var(--ws-fill);border:1px solid var(--ws-border);border-radius:4px;white-space:nowrap}
.input-group-append .input-group-text,.input-group-append .btn{height:40px;border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}
.input-group-prepend .input-group-text,.input-group-prepend .btn{height:40px;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}
.input-group-sm .input-group-text,.input-group-sm .btn{height:32px}
.form-check,.custom-control{display:flex;align-items:center;gap:8px;min-height:24px;position:relative}
.form-check-input,.custom-control-input,.main input[type=checkbox],.main input[type=radio]{accent-color:var(--ws-primary);width:14px;height:14px;margin:0;cursor:pointer}
.custom-control-input{position:static;opacity:1}
.form-check-label,.custom-control-label{font-size:14px;color:var(--ws-text-regular);cursor:pointer;margin:0}
.form-icon,.form-icon_right{position:relative}
.form-icon_right>i,.form-icon_right>.icon,.form-icon_right>button,.form-icon_right>span{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--ws-text-secondary);background:transparent;border:0;cursor:pointer}
.form-icon_right .form-control{padding-right:36px}
.form-button{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}
.table-filter{background:#fff;border-radius:4px;padding:12px;margin-bottom:12px}
.table-filter .form-group{margin-bottom:8px}

/* tables */
.table{width:100%;max-width:100%;margin-bottom:0;font-size:14px;color:var(--ws-text-regular);background:#fff;border-collapse:collapse;border-spacing:0}
.table th,.table td{padding:8px 12px;line-height:23px;text-align:left;vertical-align:middle;border:0;border-bottom:1px solid var(--ws-border-light)}
.table thead th,.table>tr:first-child>th{color:var(--ws-text-secondary);font-weight:600;background:#fff;white-space:nowrap;border-bottom:1px solid var(--ws-border-light)}
.table tbody tr:hover>td{background:var(--ws-fill)}
.table-bordered{border:1px solid var(--ws-border-light)}
.table-bordered th,.table-bordered td{border:1px solid var(--ws-border-light)}
.table-striped tbody tr:nth-of-type(odd)>td{background:#fafafa}
.table-striped tbody tr:nth-of-type(odd):hover>td{background:var(--ws-fill)}
.table-sm th,.table-sm td,.table-condensed th,.table-condensed td{padding:5px 8px}
.table-bordred{border:1px solid var(--ws-border-light)}
.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border-radius:4px}
.table-responsive>.table{margin-bottom:0}
.table-module thead th{background:#fff}
.table td .btn+.btn{margin-left:4px}

/* alerts */
.alert,.el-alert{position:relative;display:flex;align-items:flex-start;gap:8px;width:100%;padding:8px 16px;margin-bottom:12px;font-size:13px;line-height:1.6;border:0;border-radius:4px;box-sizing:border-box;background:#f4f4f5;color:var(--ws-text-secondary)}
.alert{display:block}
.alert ul{margin:0;padding-left:18px}
.alert-success,.el-alert--success{background:#f0f9eb;color:#67c23a}
.alert-warning,.el-alert--warning{background:#fdf6ec;color:#e6a23c}
.alert-danger,.el-alert--error{background:#fef0f0;color:#f56c6c}
.alert-info,.el-alert--info{background:#f4f4f5;color:#909399}
.alert-primary{background:var(--ws-primary-light);color:var(--ws-primary)}
.alert .close,.alert-dismissible .close,.el-alert__close-btn{position:absolute;right:10px;top:6px;padding:0;font-size:16px;line-height:1;color:inherit;opacity:.7;background:transparent;border:0;cursor:pointer}
.alert-dismissible{padding-right:34px}
.el-alert__icon{font-size:16px;line-height:21px;flex-shrink:0}
.el-alert__content{flex:1;min-width:0;padding-right:20px}
.el-alert__title{font-size:13px;line-height:21px}
.alert-custom{border-left-width:3px;border-left-style:solid}

/* tags */
.badge,.label,.badge-module{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 9px;font-size:12px;font-weight:500;line-height:1;white-space:nowrap;border:1px solid #e9e9eb;border-radius:4px;background:#f4f4f5;color:#909399;box-sizing:border-box;vertical-align:middle}
.badge-primary,.label-primary{background:var(--ws-primary-light);border-color:#fbd3d3;color:var(--ws-primary)}
.badge-success,.label-success{background:#f0f9eb;border-color:#e1f3d8;color:#67c23a}
.badge-warning,.label-warning{background:#fdf6ec;border-color:#faecd8;color:#e6a23c}
.badge-danger,.label-danger{background:#fef0f0;border-color:#fde2e2;color:#f56c6c}
.badge-info,.label-info{background:#ecf5ff;border-color:#d9ecff;color:#409eff}
.badge-secondary,.badge-light,.label-default{background:#f4f4f5;border-color:#e9e9eb;color:#909399}
.badge-dark,.label-dark{background:#303133;border-color:#303133;color:#fff}
.badge-pill{border-radius:9999px}

/* tabs */
.nav-tabs,.nav-pills{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:0 0 2px;margin:0 0 12px;border:0;list-style:none;scrollbar-width:none}
.nav-tabs::-webkit-scrollbar,.nav-pills::-webkit-scrollbar{display:none}
.nav-tabs .nav-item,.nav-pills .nav-item,.nav-pills>li{flex-shrink:0;margin:0}
.nav-tabs .nav-link,.nav-pills .nav-link,.nav-pills>li>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:32px;min-height:32px;padding:8px 15px;font-size:14px;font-weight:500;color:var(--ws-text-regular);background:#fff;border:1px solid var(--ws-border);border-radius:4px!important;white-space:nowrap}
.nav-tabs .nav-link:hover,.nav-pills .nav-link:hover,.nav-pills>li>a:hover{color:var(--ws-primary);border-color:var(--ws-primary-border);background:var(--ws-primary-light)}
.nav-tabs .nav-link.active,.nav-pills .nav-link.active,.nav-pills>li.active>a,.nav-tabs .nav-item.show .nav-link{color:#fff;background:var(--ws-primary);border-color:var(--ws-primary)}

/* pagination */
.el-pagination.is-background{justify-content:center;align-items:center;gap:8px;margin-top:16px}
.el-pagination.is-background>.is-first{margin-left:0!important}
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .el-pager li{margin:0;min-width:32px;height:32px;padding:0 6px;border:0;border-radius:6px;background:#f0f2f5;color:#303133;font-size:14px;font-weight:600;box-sizing:border-box}
.el-pagination.is-background a.btn-prev,
.el-pagination.is-background a.btn-next{align-items:center;display:flex;justify-content:center;text-decoration:none}
.el-pagination.is-background .el-pager{gap:8px}
.el-pagination.is-background .el-icon svg{display:block;width:14px;height:14px}
.el-pagination.is-background .el-pager li a{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:inherit;text-decoration:none;font-weight:600}
.el-pagination.is-background .el-pager li.is-active{background:var(--primary-color);color:#fff}
.el-pagination.is-background .el-pager li:hover:not(.is-active),
.el-pagination.is-background .btn-prev:hover:not(:disabled),
.el-pagination.is-background .btn-next:hover:not(:disabled){color:var(--primary-color)}
.el-pagination.is-background .btn-prev:disabled,
.el-pagination.is-background .btn-next:disabled{background:#f5f7fa;color:#c0c4cc;cursor:not-allowed}
.pagination,.section-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;list-style:none;padding:0;margin:16px 0 0}
.section-pagination{display:flex;justify-content:center;margin-top:16px}
.section-pagination nav>div:first-child p,.pagination-wrap p.small{display:none}
.page-item{margin:0 4px}
.page-link,.page-item>span{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 4px;font-size:13px;font-weight:600;color:var(--ws-text-regular);background:#f0f2f5;border:0!important;border-radius:6px!important;box-sizing:border-box;text-decoration:none}
.page-link:hover{color:var(--secondary-color);background:#f0f2f5}
.page-item.active .page-link,.page-item.active>span{color:#fff;background:var(--ws-primary)}
.page-item.disabled .page-link,.page-item.disabled>span{color:#a8abb2;background:#f5f7fa;cursor:not-allowed}

/* modal */
.modal-dialog{max-width:500px;margin:15vh auto 50px;padding:0 8px}
.modal-sm{max-width:320px}.modal-lg{max-width:800px}.modal-xl{max-width:1140px}
.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 30vh)}
.modal-content{border:0;border-radius:4px;box-shadow:0 12px 32px 4px rgba(0,0,0,.04),0 8px 20px rgba(0,0,0,.08);overflow:hidden}
.modal-header{padding:16px 16px 10px;border-bottom:0}
.modal-title{font-size:18px;font-weight:600;color:#303133}
.modal-header .close{font-size:20px;color:var(--ws-text-secondary)}
.modal-header .close:hover{color:var(--ws-primary)}
.modal-body{padding:10px 16px 16px;color:var(--ws-text-regular);font-size:14px}
.modal-footer{justify-content:flex-end;gap:8px;padding:0 16px 16px;border-top:0}
.modal-backdrop{background:rgba(0,0,0,.5)}

/* misc components */
.progress{display:flex;height:16px;overflow:hidden;background:#ebeef5;border-radius:100px}
.progress-bar{display:flex;align-items:center;justify-content:center;background:var(--ws-primary);color:#fff;font-size:12px;transition:width .6s}
.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}
.list-group{display:flex;flex-direction:column;padding:0;margin:0;background:#fff;border-radius:4px;overflow:hidden}
.list-group-item{display:block;padding:10px 16px;color:var(--ws-text-regular);border-bottom:1px solid var(--ws-border-light);font-size:14px}
.list-group-item:last-child{border-bottom:0}
.list-group-item.active,.list-group-item:hover{color:var(--ws-primary);background:var(--ws-primary-light)}
.copyrow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.copyrow i,.fa-clone,.fa-copy{cursor:pointer}
.info-item{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed var(--ws-border-light);font-size:14px}
.info-item:last-child{border-bottom:0}
.select-recharge{background:#fff;border-radius:4px;padding:12px;margin-bottom:12px}
.recharge-price{color:#dc2626;font-weight:700;font-size:18px}
.card-cart,.section-cart{background:#fff;border-radius:4px;padding:16px;margin-bottom:12px}
.cart-price{color:#dc2626;font-weight:700}
.thumbnail{display:block;background:#fff;border:1px solid var(--ws-border-light);border-radius:4px;padding:4px}
.lineHorizontal{height:1px;background:var(--ws-border-light);margin:8px 0}
.choose-item{cursor:pointer;border:1px dashed var(--ws-border);border-radius:4px;background:#fff;padding:8px;text-align:center}
.choose-item.active,.choose-item.is-active{border-style:solid;border-color:var(--ws-primary)}
.choose-item .image img{max-height:48px;object-fit:contain}

/* account sidebar */
.main .ws-account-main h1,.main .ws-account-main h2,.main .ws-account-main h3,.main .ws-account-main h4,.main .ws-account-main h5,.main .ws-account-main h6{margin:0;font-size:14px;font-weight:600;line-height:1.4;color:#18181b}
.main .ws-account-main h1 i,.main .ws-account-main h2 i,.main .ws-account-main h3 i,.main .ws-account-main h4 i,.main .ws-account-main h5 i,.main .ws-account-main h6 i,.ws-account-main .account-ico{color:#18181b;font-size:16px}
.ws-account-main .information-list,.ws-account-main .information-view{font-size:13px;color:#18181b}
.ws-sidebar{font-size:13px}
.ws-sidebar__group{color:#3f3f46;font-size:11px}
.ws-sidebar__link{position:relative;display:block;padding:12px 12px 12px 40px;color:#3f3f46;border-bottom:1px solid #f4f4f5;font-weight:600}
.ws-sidebar__link:last-child{border-bottom:0}
.ws-sidebar__link i{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:18px;color:#71717a}
.ws-sidebar__link:hover,.ws-sidebar__link.is-active{color:var(--primary-color)}
.ws-sidebar__link:hover i,.ws-sidebar__link.is-active i{color:var(--primary-color)}
.ws-sidebar__link.is-active{background:rgba(var(--primary-rgb), .08)}
.profile-mnav{background:#fff;border-radius:6px;overflow:hidden}
.profile-mnav-head{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer}
.history-tx-table{width:100%;table-layout:fixed}
.history-tx-table th,.history-tx-table td,.history-tx-table .cell{white-space:normal!important;vertical-align:top}
.history-tx-card{background:#fff;border:1px solid #ebeef5;border-radius:8px;padding:16px;height:100%}
@media (max-width:767.98px){.history-tx-card{padding:10px}.history-tx-kv{font-size:12px;gap:6px;line-height:1.55}}
.history-tx-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ebeef5}
.history-tx-kv{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:13px;line-height:1.8}
.history-tx-kv>span:first-child{color:#909399;flex-shrink:0}
.history-tx-kv>span:last-child{text-align:right;word-break:break-all;color:#303133}
.history-tx-view,.history-tx-view-list,.history-tx-reload{width:36px;height:32px;border:0;background:transparent;color:#606266;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.history-tx-view.is-active,.history-tx-view-list.is-active{color:var(--primary-color)!important}
.history-tx-tabs,.history-tx-actions{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.history-tx-tabs::-webkit-scrollbar,.history-tx-actions::-webkit-scrollbar{display:none}
.history-tx-tabs .history-tx-tab,.history-tx-actions .el-button{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.history-tx-actions .el-button.el-button--small{height:28px;font-size:13px;padding:0 12px}
.history-tx-filters{padding:12px 16px;border-bottom:1px solid #ebeef5}
.history-tx-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}
.history-tx-field,.history-tx-date{width:100%;height:38px;border:1px solid #d0d5dd;border-radius:6px;background:#fff;box-sizing:border-box}
.history-tx-field{display:block;padding:0 12px;font-size:13px;color:#344054;outline:0}
select.history-tx-field{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%2398a2b3' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' d='M1.5 1.8 6 6.2 10.5 1.8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}
.history-tx-date{position:relative}
.history-tx-date.is-open{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}
.history-tx-date-text{width:100%;height:100%;border:0;background:transparent;padding:0 36px 0 12px;font-size:13px;color:#344054;outline:0}
.history-tx-date-ico{position:absolute;right:0;top:0;width:36px;height:100%;display:flex;align-items:center;justify-content:center;color:#98a2b3;border:0;background:transparent;cursor:pointer;padding:0}
.history-tx-date.is-open .history-tx-date-ico{color:var(--primary-color)}
.history-tx-filter-actions{grid-column:1/-1;display:flex;align-items:center;gap:8px}
.history-tx-filter-actions .el-button{height:38px;padding:0 14px}
#historyTxApply.el-button--primary{--el-button-bg-color:var(--secondary-color);--el-button-border-color:var(--secondary-color);--el-button-hover-bg-color:color-mix(in srgb, var(--secondary-color) 82%, #000);--el-button-hover-border-color:color-mix(in srgb, var(--secondary-color) 82%, #000)}
.history-tx-body[data-view="card"] .history-tx-list-view{display:none}
.history-tx-body[data-view="list"] .history-tx-card-view{display:none}
.htx-cal{position:fixed;z-index:4000;width:292px;padding:12px 12px 8px;background:#fff;border:1px solid #eef2f6;border-radius:16px;box-shadow:0 18px 50px rgba(16,24,40,.16);box-sizing:border-box}
.htx-cal[hidden]{display:none!important}
.htx-cal-top{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary-color);padding:2px 4px 8px}
.htx-cal-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}
.htx-cal-nav{width:32px;height:32px;border:0;border-radius:10px;background:#f4f6f8;color:#344054;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:20px}
.htx-cal-title{flex:1;height:32px;border:0;border-radius:10px;background:transparent;font-size:14px;font-weight:700;color:#101828;cursor:pointer}
.htx-cal-week{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}
.htx-cal-week[hidden]{display:none!important}
.htx-cal-week span{text-align:center;font-size:11px;font-weight:700;color:#98a2b3}
.htx-cal-grid{display:grid;grid-template-columns:repeat(7,1fr)}
.htx-cal-grid.is-pick{grid-template-columns:repeat(3,1fr);gap:6px}
.htx-day,.htx-pick{border:0;background:transparent;cursor:pointer;padding:0}
.htx-day{height:34px;border-radius:10px;font-size:13px;color:#344054}
.htx-day.is-out{color:#c5cdd8}
.htx-day.is-range{background:#ffe4e6;color:#9f1239;border-radius:0}
.htx-day.is-today:not(.is-on):not(.is-edge){color:var(--primary-color);font-weight:700;box-shadow:inset 0 0 0 1.5px var(--primary-color)}
.htx-day.is-edge{background:var(--primary-color);color:#fff;font-weight:700}
.htx-day.is-start{border-radius:10px 0 0 10px}
.htx-day.is-end{border-radius:0 10px 10px 0}
.htx-day.is-on{background:var(--primary-color);color:#fff;font-weight:700;border-radius:10px}
.htx-pick{height:40px;border-radius:10px;background:#f8fafc;color:#344054;font-size:13px;font-weight:600}
.htx-pick.is-on{background:var(--primary-color);color:#fff}
.htx-cal-foot{display:flex;justify-content:space-between;margin-top:6px;padding-top:6px;border-top:1px solid #f2f4f7}
.htx-cal-foot button{border:0;background:transparent;color:var(--primary-color);font-size:13px;font-weight:700;cursor:pointer;padding:6px 8px}
@media (min-width:768px){
.history-tx-filter-row{display:flex;flex-wrap:wrap;gap:8px}
#historyTxStatusWrap{flex:1 1 150px;max-width:200px}
#nickStockGameWrap{flex:1 1 150px;max-width:220px}
#historyTxQWrap{flex:1 1 180px;max-width:260px}
.history-tx-date{flex:0 0 148px;width:148px}
.history-tx-filter-actions{grid-column:auto;flex:0 0 auto;margin-left:4px}
}
.acc-side-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}
.profile-mnav-head img,.profile-mnav-ava{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}
.profile-mnav-ava{display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--primary-rgb), .12);color:var(--primary-color);font-size:22px}
.profile-mnav-meta{flex:1;font-size:13px;line-height:1.5}
.profile-mnav-money{color:#dc2626;font-weight:700}
.profile-mnav-ico{font-size:22px;transition:transform .2s}
.profile-mnav.is-open .profile-mnav-ico{transform:rotate(180deg)}
.profile-mnav-body{display:none;border-top:1px solid #f4f4f5;padding:6px 12px 10px}
.profile-mnav.is-open .profile-mnav-body{display:block}
.profile-mnav-group-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 0;border:0;background:transparent;font-weight:700;color:#3f3f46;font-size:12px;text-transform:uppercase;cursor:pointer}
.profile-mnav-group:not(.is-open) .profile-mnav-links{display:none}
.profile-mnav-group:not(.is-open) .profile-mnav-group-toggle i{transform:rotate(180deg)}
.profile-mnav-links{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;padding-bottom:6px}
.profile-mnav-links a{font-size:13px;color:#3f3f46;padding:4px 0}
.profile-mnav-links a.is-on{color:var(--primary-color);font-weight:700}
.ws-account-main>.description:first-child,.ws-account-main>.el-alert:first-child{margin-top:0}

/* error page */
.ws-error-page{margin:0;min-height:100vh;background:#f8fafc;background-image:radial-gradient(rgba(0,0,0,.06) 1px,transparent 1px);background-size:16px 16px;font-family:Signika,sans-serif;color:#18181b}
.ws-error-page__main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}
.ws-error-card{width:100%;max-width:36rem;background:rgba(255,255,255,.9);border:1px solid rgba(var(--primary-rgb),.25);border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);padding:32px;box-sizing:border-box}
.ws-error-card__icon{width:40px;height:40px;border-radius:12px;background:rgba(var(--primary-rgb),.1);color:var(--ws-primary);display:flex;align-items:center;justify-content:center;font-size:24px}
.ws-error-card__box{margin-top:24px;border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center;color:#334155}
.ws-error-card__dot{width:8px;height:8px;border-radius:50%;background:var(--ws-primary);display:inline-block}
.ws-error-card h1{margin:0}.ws-error-card p{margin:0}


/* shoproblox leftover */
.nick-buy-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.nick-checkout .el-dialog{margin:24px auto;width:min(520px,100%)}
.nick-checkout .el-dialog__header{background:#cc0808;color:#fff;padding:12px 16px}
.search-news{display:flex;gap:12px;padding:12px;border-bottom:1px solid #f4f4f5}
.search-news__thumb{width:120px;height:72px;border-radius:8px;overflow:hidden;background:#fafafa;flex:none}
.search-news__thumb img{width:100%;height:100%;object-fit:cover}
.search-news__title{font-weight:700}
.search-news__excerpt{font-size:13px;color:#71717a}
.acc-auth-wrap{display:flex;justify-content:center;padding:24px 0}
.acc-auth-card{width:100%;max-width:400px;background:#fff;border-radius:8px;padding:20px}
.acc-reset{display:grid;grid-template-columns:1fr;gap:16px;max-width:860px;margin:24px auto 0}
.acc-reset .acc-auth-card{max-width:none}
.acc-reset-login{display:flex;align-items:center;justify-content:center;max-width:860px;margin:16px auto 0;height:40px;border-radius:8px;background:#fff;color:#18181b;font-weight:700;text-decoration:none}
@media (min-width:768px){.acc-reset{grid-template-columns:1fr 1fr;align-items:start}}
.form-m1 .form-control,.form-m1 select,.form-m1 input[type=text],.form-m1 input[type=password],.form-m1 input[type=email],.form-m1 input[type=number]{width:100%;height:38px;border:1px solid #d4d4d8;border-radius:8px;padding:0 12px}
.form-m1 .btn,.form-m1 button[type=submit]{display:inline-flex;align-items:center;justify-content:center;height:40px;border:0;border-radius:8px;background:var(--primary-color);color:#fff;font-weight:700;padding:0 16px}
.form-m1 .btn:hover,.form-m1 button[type=submit]:hover{background:var(--secondary-color);color:#fff}
.recharge-search{position:relative;min-width:220px}
.recharge-search__icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#a1a1aa}
.recharge-search input{padding-left:32px}
.recharge-tabs{display:flex;flex-wrap:wrap;gap:8px}
.nick-gallery .swiper-slide img{width:100%;height:100%;object-fit:cover}
.form-icon{position:relative}
.form-icon .copy-value{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#71717a}
.ws-notihomes .el-dialog{width:min(520px,94%);background:#fff;margin:12vh auto}
.el-dialog__footer{display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}
html{overflow-x:hidden}
body{max-width:100%}
.ws-grid>*{min-width:0;max-width:100%}
.operator-slider{width:100%;max-width:100%;min-width:0}
.operator-slider-item{min-width:104px;flex:0 0 calc((100% - 16px)/3)}
img,video,iframe{max-width:100%}
.ws-to-orange-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}
.news-sidebar-card{position:sticky;top:20px}
.news-sidebar-title{display:inline-block;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
.news-sidebar-empty,li.news-sidebar-empty{padding:10px 15px;color:#909399;font-size:14px;list-style:none}
.sidebar-menu li a.is-active{background-color:rgba(var(--primary-rgb), .08);color:var(--primary-color)}
.card-price{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:74px;padding:12px 10px;text-align:center;cursor:pointer;user-select:none;background:#fff;border:1px solid #ced4da;border-radius:12px;transition:border-color .15s ease,background .15s ease}
.card-price:hover,.card-price.active{border-color:var(--primary-color)}
.card-price.active{background:rgba(var(--primary-rgb), .08)}
.card-price .text{font-weight:700;font-size:15px;line-height:1.35;color:#18181b}
.card-price__check{position:absolute;top:6px;left:6px;font-size:18px;color:var(--primary-color);opacity:0}
.card-price.active .card-price__check{opacity:1}
.card-price>.stock-ribbon,.shop-buycard .topup-choose_content>.stock-ribbon{position:absolute;top:0;right:0;z-index:2;min-width:18px;padding:1px 6px;font-size:11px;font-weight:700;line-height:16px;color:#fff;background:#16a34a;border-radius:0 8px 0 6px;pointer-events:none}
.stock-ribbon.is-low{background:#ffc107;color:#212529}
.stock-ribbon.is-empty{background:#dc3545}
#main_tab.tabs-m1>.nav-tabs{gap:6px;margin-bottom:12px;border-bottom:0;flex-wrap:wrap}
#main_tab.tabs-m1>.nav-tabs .nav-link{margin-bottom:0;padding:8px 16px;font-size:14px;font-weight:600;color:#3f3f46;background:#e7e6e6;border:0;border-radius:6px}
#main_tab.tabs-m1>.nav-tabs .nav-link.active{color:#fff;background:var(--primary-color);border-color:var(--primary-color)}
.form-icon_right .el-input__inner,.form-icon_right .form-control{padding-right:36px}
.form-icon_right .copy-value,.form-icon .copy-value{position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:2;border:0;background:transparent;color:#71717a;cursor:pointer;padding:4px}
.el-notification .el-notification__icon svg{width:24px;height:24px;display:block}
.el-notification .el-notification__closeBtn svg{width:16px;height:16px;display:block}
.el-notification .el-notification--warning{--el-notification-icon-color:var(--el-color-warning);color:var(--el-notification-icon-color)}
.ws-recharge-modal{z-index:2009}
.ws-recharge-modal>.modal-dialog{
    position:fixed;
    inset:0;
    width:auto;
    max-width:none;
    margin:0;
    padding:0;
    overflow:auto
}
.ws-recharge-modal .el-dialog{
    width:min(460px,94%);
    max-width:460px;
    margin:15vh auto 50px;
    word-break:normal;
    overflow-wrap:normal
}
.ws-recharge-modal--bank .el-dialog{
    width:min(720px,94%);
    max-width:720px
}
.ws-recharge-modal .el-dialog__title{
    display:block;
    padding-right:28px;
    white-space:nowrap
}
.ws-recharge-modal .el-dialog__close svg{width:16px;height:16px;display:block}
.ws-2\/5{width:40%}
.ws-1\/5{width:20%}
.ws-bank-copy-src{position:absolute;left:-9999px}
.ws-bank-card{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath fill='%23f4f4f5' d='M0 0h80v80H0z'/%3E%3C/svg%3E");background-size:40rem}
.ws-buying-modal .ws-text-red-500{color:#ea2424}
.ws-buying-modal #js-buy-nick-confirm.el-button--primary{--el-button-bg-color:#ea2424;--el-button-border-color:#ea2424;--el-button-hover-bg-color:#dc2626;--el-button-hover-border-color:#dc2626;--el-button-active-bg-color:#b91c1c;--el-button-active-border-color:#b91c1c;background:#ea2424;border-color:#ea2424}
.ws-buying-modal.el-overlay>.modal-dialog{position:fixed;inset:0;width:auto;max-width:none;margin:0;padding:0;overflow:auto}
.ws-buying-modal .el-dialog{width:min(460px,94%);max-width:460px;margin:10vh auto 50px;background:#fff}
.ws-buying-modal select[name=paygate_code]{width:100%;height:38px;padding:0 12px;border:1px solid #d0d5dd;border-radius:6px;background-color:#fff;font-size:14px;font-weight:600;color:#18181b}
.nick-buy-btn{border:0;cursor:pointer;color:#fff}
.source-gallery{--vps-accent-rgb:var(--primary-rgb);position:relative;display:block;padding:0}
.source-gallery:has(.source-gallery_thumbs){padding-left:80px}
.source-gallery_thumbs{position:absolute;top:0;bottom:0;left:0;display:flex;flex-direction:column;gap:10px;width:72px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;cursor:grab}
.source-gallery_thumbs::-webkit-scrollbar{display:none;width:0;height:0}
.source-gallery_thumbs button{flex:none;width:100%;aspect-ratio:16/9;padding:0;border:1px solid #e8edf3;border-radius:4px;background:#fff;overflow:hidden;box-shadow:0 6px 16px rgba(15,23,42,.06)}
.source-gallery_thumbs button.is-on{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--vps-accent-rgb),.18)}
.source-gallery_thumbs img{display:block;width:100%;height:100%;object-fit:contain;background:#f8fafc}
.source-gallery_stage{position:relative;min-width:0;border-radius:4px;background:#f8fafc}
.source-gallery_zoom{display:block;width:100%;overflow:hidden;border-radius:4px;cursor:grab}
.source-gallery_stage img{display:block;width:100%;height:auto;object-fit:contain;transition:opacity .22s ease}
.source-gallery_stage img.is-fading{opacity:0}
.source-gallery_nav{position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:4px;background:#fff;color:var(--primary-color);font-size:18px;box-shadow:0 8px 22px rgba(15,23,42,.14);transform:translateY(-50%)}
.source-gallery_nav--prev{left:12px}
.source-gallery_nav--next{right:12px}
.source-gallery_nav:hover{background:var(--secondary-color);color:#fff}
.source-gallery_ghost{display:none}
@media (max-width:991.98px){
    .source-gallery{display:flex;flex-direction:column-reverse;padding:0}
    .source-gallery:has(.source-gallery_thumbs){padding-left:0}
    .source-gallery_thumbs{position:static;flex-direction:row;width:100%;margin-top:10px;overflow-x:auto;overflow-y:hidden}
    .source-gallery_thumbs button{width:132px;flex:0 0 132px}
    .source-gallery_nav{width:24px;height:24px}
    .source-gallery_nav--prev{left:8px}
    .source-gallery_nav--next{right:8px}
}
.shop-featured-board{display:flex;flex-direction:column;gap:1rem;margin:12px 0}
.shop-featured-col{display:flex;flex-direction:column;gap:1rem;min-width:0}
.shop-featured-card{padding:18px;background:#fff;border:1px solid #e4e4e7;border-radius:12px}
.shop-featured-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}
.shop-featured-title{margin:0;font-size:1.15em;font-weight:700;color:#18181b;text-transform:uppercase}
.shop-featured-more{display:flex;align-items:center;gap:4px;font-size:.85em;font-weight:500;color:#9ba1a8}
.shop-featured-more i{font-size:1.4em}
.shop-featured-more:hover{color:var(--secondary-color)}
.shop-featured-list{display:flex;flex-wrap:wrap;gap:18px}
.shop-featured-item{display:flex;align-items:center;width:calc(33.33333% - 12px);min-width:0;overflow:hidden;position:relative}
.shop-featured-avatar{flex:0 0 60px;width:60px;height:60px;overflow:hidden;border-radius:15px;background:#f4f4f5;box-shadow:0 0 0 1px rgba(0,0,0,.05)}
.shop-featured-avatar img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.shop-featured-body{min-width:0;margin-left:12px}
.shop-featured-name{margin:0;font-size:1em;font-weight:600;line-height:1.3;color:#18181b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.shop-featured-text{margin-top:2px;font-size:.85em;color:#9ba1a8;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.shop-featured-item:hover .shop-featured-avatar img{transform:scale(1.05)}
.shop-featured-item:hover .shop-featured-name{color:var(--secondary-color)}
@media (min-width:576px){
    .shop-featured-board{flex-direction:row;align-items:flex-start}
    .shop-featured-col{flex:1 1 0}
}
@media (max-width:767.98px){
    .shop-featured-card{padding:12px}
    .shop-featured-list{gap:15px}
    .shop-featured-item{flex-direction:column;text-align:center;width:calc(33.33333% - 10px)}
    .shop-featured-body{margin-left:0;margin-top:5px}
    .shop-featured-more span{display:none}
}
.shop-softcard{margin:16px 0 24px}
.shop-softcard-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}
.shop-crumb{display:none;align-items:center;gap:6px;font-size:14px;color:#18181b;white-space:nowrap}
@media (min-width:768px){
    .shop-crumb{display:flex}
}
.shop-crumb a{color:#18181b;transition:.3s all ease-in-out}
.shop-crumb a:hover{color:var(--secondary-color)}
.shop-crumb-sep{color:#9ba1a8}
.shop-softcard-title{margin:0;font-size:1.3em;font-weight:700;color:#212529;text-transform:uppercase}
.shop-softcard-title a{color:inherit;transition:.3s all ease-in-out}
.shop-softcard-title a:hover{color:var(--secondary-color)}
.shop-softcard-desc{margin:-8px 0 16px;font-size:.95em;font-weight:400;line-height:1.6;color:#495057;text-transform:none}
.shop-softcard-desc ul,.shop-softcard-desc ol{list-style:none;padding-left:0;margin:0}
.shop-softcard-desc li{position:relative;list-style:none;margin:0;padding:5px 0 5px 25px;color:#212529}
.shop-softcard-desc li:before{content:"";position:absolute;top:5px;left:0;width:20px;height:20px;background:url(/assets/netpay/images/check-green.svg) center/cover no-repeat}
.shop-softcard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.shop-softcard-card{display:block;min-width:0}
.shop-softcard-logo{display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:2/1;background:#fff;border-radius:12px}
.shop-softcard-logo img{display:block;max-width:100%;max-height:100%;padding:8px;object-fit:contain;transition:.3s all ease-in-out}
.main .shop-softcard-name{display:block;margin:10px 0 0;font-size:15px;font-weight:600;line-height:1.35;color:#212529;text-align:center;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:.3s all ease-in-out}
.shop-softcard-card:hover .shop-softcard-logo img{transform:scale(1.05)}
.shop-softcard-card:hover .shop-softcard-name{color:var(--secondary-color)}
.shop-softcard-title img{display:none;height:28px;width:auto}
.shop-softcard-title img[src]:not([src=""]){display:block}
.shop-softcard-card.active .shop-softcard-logo{box-shadow:0 0 0 2px var(--primary-color)}
.shop-softcard-card.active .shop-softcard-name{color:var(--primary-color)}
@media (min-width:768px){
    .shop-softcard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1024px){
    .shop-softcard-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
}
.shop-topup{margin:24px 0}
.shop-topup-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}
.shop-topup-title{margin:0;font-size:1.3em;font-weight:700;color:#212529;text-transform:uppercase}
.shop-topup-title a{color:inherit;transition:.3s all ease-in-out}
.shop-topup-title a:hover{color:var(--secondary-color)}
.shop-topup-desc{margin:0 0 20px;font-size:.95em;line-height:1.6;color:#495057}
.shop-topup-desc p:last-child,.shop-topup-desc ul:last-child{margin-bottom:0}
.shop-topup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 16px}
.shop-topup-card{display:block;width:100%;min-width:0;text-align:center}
.shop-topup-icon{overflow:hidden;width:100%;aspect-ratio:1/1;background:#fff;border-radius:16px}
.shop-topup-icon img{display:block;width:100%;height:100%;object-fit:cover;transition:.3s all ease-in-out}
.main .shop-topup-name{display:block;margin:10px 0 0;font-size:14px;font-weight:600;line-height:1.35;color:#212529;text-align:center;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:.3s all ease-in-out}
.shop-topup-card:hover .shop-topup-icon img{transform:scale(1.05)}
.shop-topup-card:hover .shop-topup-name{color:var(--secondary-color)}
@media (min-width:768px){
    .shop-topup-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (min-width:1024px){
    .shop-topup-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
}
.shop-buycard{margin:8px 0 24px}
.shop-buycard-body{display:flex;flex-direction:column;gap:16px}
.shop-buycard-nav{background:transparent;padding:0}
.shop-buycard-nav ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.shop-buycard-nav li{width:calc(25% - 6px);box-sizing:border-box}
.shop-buycard-telco{display:block;color:#18181b;border:0;outline:0;background:transparent;box-shadow:none}
.shop-buycard .card-cloneTab.active,.shop-buycard-telco.active,.shop-buycard-telco.active:focus{outline:0;border:0;box-shadow:none}
.shop-buycard-telco-name{display:none}
.shop-buycard-logo{display:block;position:relative;overflow:hidden;aspect-ratio:79/40;background:#fff;border:1px solid #dee2e6;border-radius:6px}
.shop-buycard-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:4px}
.shop-buycard-check{position:absolute;top:2px;right:2px;z-index:2;font-size:16px;color:var(--primary-color);opacity:0}
.shop-buycard-telco.active .shop-buycard-logo{border-color:var(--primary-color)}
.shop-buycard-telco.active .shop-buycard-check{opacity:1}
.shop-buycard-main{min-width:0}
.shop-buycard-denoms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.shop-buycard .topup-choose{display:block;margin:0;cursor:pointer;user-select:none}
.shop-buycard .topup-choose_content{position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:74px;padding:14px;background:#fff;border:1px solid #ced4da;border-radius:12px;box-shadow:0 6px 14px -6px rgba(24,39,75,.05)}
.shop-buycard .topup-choose_text{position:relative;display:block;padding-left:26px;font-size:15px;font-weight:700;line-height:1.35;color:#18181b}
.shop-buycard .topup-choose_text:before{content:"";position:absolute;left:0;top:.15em;width:18px;height:18px;border-radius:50%;background:#eaeaea url(/assets/netpay/images/check.svg) center/0 no-repeat;transition:.3s}
.shop-buycard .topup-choose:hover .topup-choose_content,.shop-buycard .topup-choose.active .topup-choose_content{border-color:var(--primary-color)}
.shop-buycard .topup-choose.active .topup-choose_content{background:rgba(var(--primary-rgb),.05)}
.shop-buycard .topup-choose.active .topup-choose_text:before{background-color:var(--primary-color);background-size:100%}
.shop-buycard .topup-choose_price{display:block;padding-left:26px;font-size:14px;font-weight:700;color:#dc2626}
.shop-buycard-desc{margin-top:16px;font-size:.95em;line-height:1.65;color:#52525b}
.shop-buycard-cart{width:100%;max-width:100%}
.shop-buycard .card-cart,.shop-buycard .section-cart{background:#fff;border-radius:12px;padding:0;margin:0;box-shadow:0 6px 14px -6px rgba(24,39,75,.05);word-break:normal;overflow-wrap:break-word}
.shop-buycard .card-cart-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px}
.shop-buycard .card-cart-head-title{font-size:1.2em;font-weight:700;line-height:1.4;color:var(--primary-color);text-transform:none}
.shop-buycard .card-cart-head-icon{width:28px;height:28px;border-radius:4px;background:var(--primary-color);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:16px}
.shop-buycard .card-cart-body{padding:10px 12px 14px}
.shop-buycard .cart-empty{padding:8px 0;text-align:center;color:#71717a}
.shop-buycard .card-cart .item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 0 10px;margin:0 0 10px;border-bottom:1px solid #f4f4f5}
.shop-buycard .cart-item-info{min-width:0;flex:1 1 auto}
.shop-buycard .cart-name{font-size:15px;font-weight:700;color:#18181b;word-break:normal;overflow-wrap:anywhere}
.shop-buycard .cart-percent{font-size:13px;color:#71717a}
.shop-buycard .cart-item-meta{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.shop-buycard .cart-quantity{position:relative;width:55px;height:36px;flex:0 0 55px}
.shop-buycard .input-quantity{width:55px;height:36px;padding:0 18px 0 8px;border:1px solid rgba(0,0,0,.19);border-radius:2px;font-size:14px;font-weight:700;color:rgba(0,0,0,.8);background:transparent;box-sizing:border-box}
.shop-buycard .button-quantity{position:absolute;right:3px;width:15px;height:15px;padding:0;border:0;border-radius:4px;background:var(--primary-color);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;cursor:pointer}
.shop-buycard .button-quantity:hover{background:var(--secondary-color)}
.shop-buycard .button-quantity_up{top:2.5px}
.shop-buycard .button-quantity_down{bottom:2.5px}
.shop-buycard .button-quantity:disabled{background:#f5f6f6;color:#71717a;cursor:not-allowed}
.shop-buycard .cart-price{white-space:nowrap;font-size:14px;font-weight:700;color:#dc2626}
.shop-buycard .cart-delete{width:18px;height:18px;border-radius:50%;background:#dc2626;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.shop-buycard .total{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.shop-buycard .cart-total{font-size:1.2em;font-weight:700;color:#18181b}
.shop-buycard .card-total-value{font-size:1.2em;font-weight:700;color:#dc2626}
.shop-stock-card .ws-bg-red-600{background-color:#dc2626}
.shop-stock-card .ws-bg-red-500{background-color:#ea2424}
.shop-stock-card .ws-text-red-500{color:#ea2424}
.shop-stock-card .ws-text-red-600{color:#dc2626}
.shop-buycard .cart-pay .template-1-label,.shop-buycard .cart-pay label{display:block;margin:0 0 6px;font-size:14px;font-weight:600;color:#18181b}
.shop-buycard .cart-pay select,.shop-buycard .cart-pay .el-input__inner{width:100%;height:38px;padding:0 12px;border:1px solid #d0d5dd;border-radius:6px;background:#fff;font-size:14px}
.shop-buycard .cart-pay-note{margin:10px 0 14px;font-size:13px;line-height:1.5;color:#71717a}
.shop-buycard .cart-pay-btn{width:100%;height:42px;border:0;border-radius:8px;background:var(--primary-color);color:#fff;font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}
.shop-buycard .cart-pay-btn:hover{background:var(--secondary-color)}
@media (min-width:576px){
    .shop-buycard-nav li{width:calc(16.666% - 7px)}
}
@media (min-width:768px){
    .shop-buycard-denoms{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:992px){
    .shop-buycard-body{display:grid;grid-template-columns:220px minmax(280px,1fr) 320px;align-items:start}
    .shop-buycard-nav{background:#fff;border-radius:12px;padding:10px 8px;box-shadow:0 6px 14px -6px rgba(24,39,75,.05);align-self:start}
    .shop-buycard-nav ul{flex-direction:column;flex-wrap:nowrap;gap:2px}
    .shop-buycard-nav li{width:100%}
    .shop-buycard-logo{display:none}
    .shop-buycard-telco{position:relative;display:flex;align-items:center;padding:8px 22px 8px 12px}
    .shop-buycard-telco:after{content:"\ea50";font-family:boxicons!important;position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--primary-color);opacity:0}
    .shop-buycard-telco-name{display:block;position:relative;padding-left:14px;font-size:.95em;font-weight:600}
    .shop-buycard-telco-name:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:#18181b}
    .shop-buycard-telco:hover,.shop-buycard-telco.active{color:var(--primary-color);background:transparent;border:0}
    .shop-buycard-telco.active:after{opacity:1}
    .shop-buycard-telco.active .shop-buycard-telco-name{font-weight:700}
    .shop-buycard-telco.active .shop-buycard-telco-name:before,.shop-buycard-telco:hover .shop-buycard-telco-name:before{background:var(--primary-color)}
    .shop-buycard-cart.shopping-cart-loading{position:sticky;top:90px;width:320px;max-width:100%}
}
.main .shop-softcard-title{margin:0;font-size:22px;font-weight:700}
.alert.alert-custom{
    position:relative;display:block;width:auto;margin-bottom:10px;padding:.75rem 1.25rem;
    border:1px solid transparent;border-left-width:3px;border-left-style:solid;border-radius:5px;
    font-size:13.5px;font-weight:400;letter-spacing:0;line-height:1.6;box-sizing:border-box;
}
.alert.alert-custom.alert-primary{color:#004085;background:#cce5ff;border-color:#b8daff;border-left-color:#2d5683}
.alert.alert-custom.alert-secondary{color:#383d41;background:#e2e3e5;border-color:#d6d8db;border-left-color:#88939b}
.alert.alert-custom.alert-success{color:#155724;background:#d4edda;border-color:#c3e6cb;border-left-color:#1c8a35}
.alert.alert-custom.alert-danger{color:#721c24;background:#f8d7da;border-color:#f5c6cb;border-left-color:#96212c}
.alert.alert-custom.alert-warning{color:#856404;background:#fff3cd;border-color:#ffeeba;border-left-color:#9a851c}
.alert.alert-custom.alert-info{color:#0c5460;background:#d1ecf1;border-color:#bee5eb;border-left-color:#158598}
.alert.alert-custom.alert-light{color:#818182;background:#fefefe;border-color:#fdfdfe;border-left-color:#5b5b5b}
.alert.alert-custom.alert-dark{color:#1b1e21;background:#d6d8d9;border-color:#c6c8ca;border-left-color:#3d3f42}
.alert.alert-custom p{margin:0 0 8px;letter-spacing:0}
.alert.alert-custom p:last-child{margin-bottom:0}
.alert.alert-custom img{display:inline-block;width:15px;height:15px;max-width:none;vertical-align:-2px;object-fit:contain}
.alert.alert-custom ul,.alert.alert-custom ol{margin:.25rem 0 0;padding-left:1.25rem}
.alert.alert-custom ul{list-style:disc outside}
.alert.alert-custom ol{list-style:decimal outside}
.alert.alert-custom li{display:list-item;list-style:inherit;margin:.2rem 0}
.alert.alert-custom.alert-dismissible{padding-right:2.75rem}
.alert.alert-custom .close{position:absolute;top:0;right:0;z-index:2;padding:.65rem 1rem;margin:0;color:inherit;background:transparent;border:0;font-size:1.5rem;font-weight:700;line-height:1;opacity:.5;cursor:pointer}
.alert.alert-custom .close:hover{opacity:.85}
.recharge-form .row.row10{align-items:flex-start;margin-bottom:12px}
.recharge-form .select-recharge{margin:0;padding:0 32px 0 12px}
.recharge-form .col-form-label{display:block;margin:0;padding-top:9px;font-size:14px;font-weight:700;color:#18181b;line-height:1.4}
.recharge-form .req{color:#dc2626;margin-left:2px}
.recharge-form .form-control,
.recharge-form select.el-input__inner,
.recharge-form .el-input__inner,
.recharge-form textarea.form-control{width:100%;height:40px;border:1px solid #d0d5dd;border-radius:6px;background-color:#fff;padding:0 12px;font-size:14px;font-weight:500;color:#18181b;box-shadow:none;line-height:40px}
.recharge-form textarea.form-control,
.recharge-form textarea.el-textarea__inner,
.recharge-view-modal textarea.el-textarea__inner{height:auto;min-height:64px;padding:8px 12px;line-height:1.5;border:1px solid #d0d5dd;border-radius:6px;background:#fff;box-shadow:none;outline:none;color:#18181b}
.recharge-form textarea.el-textarea__inner:hover,
.recharge-view-modal textarea.el-textarea__inner:hover{border-color:#c0c4cc}
.recharge-form textarea.el-textarea__inner:focus,
.recharge-view-modal textarea.el-textarea__inner:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}
.recharge-badge,
.slowcard-price .table-module td .recharge-badge{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:24px;margin:0;padding:0 9px;border-style:solid;border-width:1px;border-radius:4px;font-size:12px;font-weight:400;line-height:22px;letter-spacing:0;white-space:nowrap;vertical-align:middle}
.recharge-badge--wait,
.slowcard-price .table-module td .recharge-badge--wait{background-color:#f0f1f2;border-color:#dfe1e2;color:#6c757d}
.recharge-badge--run,
.slowcard-price .table-module td .recharge-badge--run{background-color:#eaf6ec;border-color:#d0ecd6;color:#28a745}
.recharge-badge--work,
.slowcard-price .table-module td .recharge-badge--work{background-color:#fff8e1;border-color:#ffe9a8;color:#b8860b}
.recharge-badge--stop,
.slowcard-price .table-module td .recharge-badge--stop{background-color:#fcebec;border-color:#f7d3d6;color:#dc3545}
.recharge-form select.form-control,
.recharge-form select.el-input__inner{appearance:none;-webkit-appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23a8abb2' stroke-width='1.4' stroke-linecap='round' d='M1.5 1.8 6 6.2 10.5 1.8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.recharge-form select[multiple].form-control{height:auto;line-height:1.5;padding:6px 10px;background-image:none}
.recharge-form .form-control::placeholder,.recharge-form .el-input__inner::placeholder{color:#a8abb2;font-weight:400}
.recharge-form .text-danger,.recharge-form small.text-danger{display:inline;color:#dc2626;font-size:12px;font-weight:600}
.recharge-form .recharge-submit{width:100%;height:44px;border:0;border-radius:6px;background:var(--primary-color);color:#fff;font-size:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.recharge-form .recharge-submit:hover{background:var(--secondary-color)}
.recharge-form .form-control[readonly],
.recharge-form .form-control:disabled,
.recharge-form .el-input__inner[readonly]{background-color:#f3f4f6;color:#71717a}
.recharge-side__note{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:12px 14px;margin-bottom:16px;font-size:14px;line-height:1.7;color:#18181b}
.recharge-side__note p{margin:0 0 6px}
.recharge-side__note p:last-child{margin-bottom:0}
.recharge-side__note img[height="15"],
.recharge-side__note img[width="15"]{display:inline-block;width:15px;height:15px;max-width:none;vertical-align:-2px;object-fit:contain}
.recharge-side__note img:not([height="15"]):not([width="15"]){display:block;width:auto;max-width:100%;height:auto;margin-top:8px}
.recharge-side__table{margin-bottom:16px;background:#fff;overflow:auto}
.recharge-side__table:last-child{margin-bottom:0}
.recharge-side .table{width:100%;margin:0;border-collapse:collapse;background:#fff}
.recharge-side .table th,
.recharge-side .table td{border:1px solid #e5e7eb;padding:10px 12px;font-size:14px;color:#18181b;vertical-align:middle;white-space:nowrap}
.slowcard-price .table-module th,
.slowcard-price .table-module td{padding:10px 12px;border:1px solid #e5e7eb;text-align:center;vertical-align:middle;font-size:14px;font-weight:500;color:#18181b;white-space:nowrap;background:#fff}
.slowcard-price .table-module thead th{background:#f4f6f8;font-weight:700;color:#18181b}
.slowcard-price .table-module tbody td:first-child{font-weight:700}
.slowcard-price .table-module tbody tr:nth-child(even) td{background:#fafafa}
.slowcard-price .table-module tbody tr:hover td{background:#f4f6f8}
.recharge-side .table thead th{font-weight:700;background:#fff}
.recharge-side .table tbody tr:nth-child(odd) td{background:#f5f5f5}
.recharge-side .table tbody tr:nth-child(even) td{background:#fff}
.recharge-side__old{color:#ef3b3b;text-decoration:line-through;font-weight:600;margin-right:6px}
.recharge-side__now{color:#18181b;font-weight:700}
.recharge-side .table a{color:#18181b;font-weight:600;text-decoration:none}
.recharge-side .table a .fa-caret-right{margin-right:6px;font-size:12px;color:#18181b}
.recharge-side .text-success{color:#16a34a}
.news-page .section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}
.news-page .heading-title{margin:0;font-size:1.3em;font-weight:700;color:#18181b;text-transform:uppercase;line-height:1.3}
.news-page .news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.news-page .news-grid--3{grid-template-columns:1fr}
.news-page .news-empty{grid-column:1/-1;padding:24px;text-align:center;color:#71717a;background:#fff;border-radius:8px}
.news-page .article-card{display:flex;flex-direction:column;height:100%;background:#fff;border:0;border-radius:4px;overflow:hidden;box-shadow:0 6px 14px -6px rgba(24,39,75,.12),0 10px 32px -4px rgba(24,39,75,.1);transition:box-shadow .25s}
.news-page .article-card:hover{box-shadow:0 6px 14px -6px rgba(24,39,75,.25),0 10px 32px -4px rgba(24,39,75,.23)}
.news-page .article-card .card-header{display:block;padding:0;border:0;background:transparent}
.news-page .article-card .card-image{position:relative;display:block;overflow:hidden}
.news-page .article-card .card-image:before{content:"";display:block;padding-top:62%}
.news-page .news-grid--4 .article-card .card-image:before{padding-top:56%}
.news-page .article-card .card-image:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.2);opacity:0;transition:opacity .25s;z-index:1}
.news-page .article-card:hover .card-image:after{opacity:1}
.news-page .article-card .card-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.news-page .article-card:hover .card-image img{transform:scale(1.1)}
.news-page .article-card .card-body{display:flex;flex-direction:column;flex:1;padding:16px}
.news-page .news-grid--4 .article-card .card-body{padding:10px 12px 12px}
.news-page .article-card .card-title{margin:0 0 16px;font-size:1.15em;font-weight:700;line-height:1.3;color:#18181b}
.news-page .news-grid--4 .article-card .card-title{margin-bottom:6px;font-size:.95em}
.news-page .article-card .card-title a{color:inherit;text-decoration:none}
.news-page .article-card:hover .card-title{color:var(--primary-color)}
.news-page .article-card .card-text{color:#3f3f46;font-size:1em}
.news-page .news-grid--4 .article-card .card-text{font-size:.85em}
.news-page .limit{--line:2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line);line-clamp:var(--line);overflow:hidden}
.news-page .article-card .card-text.limit{--line:4}
.news-page .news-grid--4 .article-card .card-text.limit{--line:2}
.news-page .article-card .card-date{margin-top:auto;padding-top:15px;font-size:.925em;color:#888e93;text-align:right}
.news-page .news-grid--4 .article-card .card-date{padding-top:8px;font-size:.8em}
.news-page .news-detail{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}
.news-page .article-detail{background:#fff;border-radius:12px;padding:16px;box-shadow:0 6px 14px -6px rgba(24,39,75,.05),0 10px 32px -4px rgba(24,39,75,.01)}
.news-page .article-detail .article-title{margin:0 0 15px;font-size:22px;font-weight:700;color:#18181b;line-height:1.3}
.news-page .article-detail .article-meta{display:block;color:#888e93;font-size:.925em}
.news-page .article-detail .article-meta span+span{margin-left:12px}
.news-page .article-detail .detail-content{padding-top:16px;margin-top:16px;border-top:1px solid #e4e4e7;font-size:15px;line-height:1.75;color:#27272a;overflow-wrap:break-word}
.news-page .detail-content p,.news-page .detail-content ul,.news-page .detail-content ol,.news-page .detail-content blockquote{margin:0 0 14px}
.news-page .detail-content ul,.news-page .detail-content ol{padding-left:1.25rem}
.news-page .detail-content ul{list-style:disc outside}
.news-page .detail-content ol{list-style:decimal outside}
.news-page .detail-content li{display:list-item;margin:4px 0}
.news-page .detail-content a{color:var(--primary-color);text-decoration:none}
.news-page .detail-content a:hover{color:var(--secondary-color)}
.news-page .detail-content h1,.news-page .detail-content h2,.news-page .detail-content h3,.news-page .detail-content h4,.news-page .detail-content h5,.news-page .detail-content h6{margin:18px 0 8px;font-weight:700;line-height:1.35}
.news-page .detail-content h2{font-size:20px}
.news-page .detail-content h3{font-size:17px}
.news-page .detail-content figure{display:block;max-width:100%;margin:8px auto 16px;text-align:center}
.news-page .detail-content img{max-width:100%;height:auto}
.news-page .detail-content img[width="15"],.news-page .detail-content img[height="15"]{display:inline-block;width:15px;height:15px;max-width:none;margin:0 4px 0 0;border-radius:0;vertical-align:-3px}
.news-page .detail-content figure img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto;border-radius:8px}
.news-page .detail-content figcaption{margin-top:6px;font-size:13px;line-height:1.4;color:#71717a}
.news-page .detail-content table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse}
.news-page .detail-content th,.news-page .detail-content td{border:1px solid #e4e4e7;padding:8px 10px;vertical-align:top}
.news-page .detail-content p:last-child,.news-page .detail-content ul:last-child,.news-page .detail-content ol:last-child{margin-bottom:0}
.news-page .news-sidebar{align-self:start;height:auto;background:transparent;padding:0;border-radius:0}
.news-page .news-sidebar .sidebar-item{height:auto;background:#fff;border-radius:12px;padding:16px 18px;box-shadow:0 6px 14px -6px rgba(24,39,75,.05),0 10px 32px -4px rgba(24,39,75,.01)}
.news-page .news-sidebar .sidebar-title{position:relative;margin:0 0 16px;padding-left:22px;font-size:1.15em;font-weight:700;color:#18181b}
.news-page .news-sidebar .sidebar-title:before,.news-page .news-sidebar .sidebar-title:after{content:"";position:absolute;top:12px;width:5px;height:5px;border-radius:100%;background:var(--primary-color);transform:translateY(-50%)}
.news-page .news-sidebar .sidebar-title:before{left:8px}
.news-page .news-sidebar .sidebar-title:after{left:0}
.news-page .news-sidebar .article-item{display:flex;align-items:flex-start;gap:12px;flex-wrap:nowrap;color:inherit;text-decoration:none}
.news-page .news-sidebar .article-item+.article-item{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e7}
.news-page .news-sidebar .article-item_image{position:relative;flex:0 0 40%;width:40%;overflow:hidden;border-radius:6px}
.news-page .news-sidebar .article-item_image img{display:block;width:100%;height:72px;object-fit:cover;transition:transform .3s}
.news-page .news-sidebar .article-item_title{flex:1;min-width:0;font-size:1.075em;font-weight:500;line-height:1.3;color:#18181b;--line:3}
.news-page .news-sidebar .article-item:hover .article-item_title{color:var(--primary-color)}
.news-page .news-sidebar .article-item:hover .article-item_image img{transform:scale(1.1)}
@media (min-width:768px){
.news-page .news-grid,.news-page .news-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
.news-page .news-grid--4{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:992px){
.news-page .news-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.news-page .news-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.news-page .news-detail{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px}
}

.el-overlay>.modal-dialog.el-overlay-dialog{
    position:relative;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    width:auto;
    max-width:none;
    min-height:100%;
    margin:0;
    padding:24px 12px;
    overflow:visible;
    animation:none;
    box-sizing:border-box
}
.el-overlay>.modal-dialog.el-overlay-dialog>.el-dialog{margin:0 auto}

.tw-bg-white.tw-mb-3.tw-rounded:has(.nick-ui2__sheet){overflow:hidden;border-radius:10px}
.nick-ui2__sheet{background:hsl(0deg 0% 72.44% / 23%);border-radius:0 0 10px 10px}
.eKJDZl{color:#929292;border-color:#929292;font-size:.7rem !important;padding-left:.175rem;padding-right:.175rem;cursor:default;font-weight:600;display:inline-block;text-align:center;background-size:105% 80% !important;background-position:center !important;background-repeat:repeat}
.tw-new-1{color:#fff !important;border-color:transparent !important;background:url(/assets/img/voucher3.png)}
.dBVMxc{font-size:.7rem !important;cursor:default;font-weight:600;display:inline-block;text-align:center;background-size:105% 80% !important;background-position:center !important;background-repeat:repeat}
.nick-ui2{margin:8px 0}
.nick-ui2__panel{background:#fff;border-radius:8px}
.nick-ui2__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:#fff;border-bottom:1px solid #e4e4e7;border-radius:8px 8px 0 0}
.nick-ui2__head h3{margin:0;color:#dc2626;font-size:16px;font-weight:700;text-transform:uppercase}
.nick-ui2__head p{margin:2px 0 0;color:#3f3f46;font-size:13px;font-weight:500}
.nick-ui2__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;background:hsl(0deg 0% 72.44% / 23%);border-radius:0 0 8px 8px}
.nick-ui2__card{display:block;position:relative;overflow:hidden;background:#fff;border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.06);color:inherit;text-decoration:none}
.nick-ui2__card:hover{z-index:2;overflow:visible;color:inherit;text-decoration:none}
.catalog-ui2__thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;overflow:hidden;background:#f4f4f5}
.catalog-ui2__thumb img{display:block;width:100%;height:100%;object-fit:contain}
.catalog-ui3 .service-card__actions{grid-template-columns:minmax(0,1fr)}
.nick-ui2__thumb{position:relative;aspect-ratio:1/1;overflow:hidden;background:#e4e4e7}
.nick-ui2__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.nick-ui2__ph{display:block;width:100%;height:100%;background:#e4e4e7}
.nick-stat-bar{display:inline-flex;align-items:center;max-width:calc(100% - 10px);padding:0 6px;border:0;border-radius:3px;background:linear-gradient(90deg, color-mix(in srgb, var(--primary-color) 82%, transparent), color-mix(in srgb, var(--secondary-color) 82%, transparent));color:#fff;font-size:10px;font-weight:600;line-height:1.45;backdrop-filter:blur(2px)}
.nick-stat-bar small{display:inline-flex;align-items:center;font-size:inherit;line-height:inherit}
.nick-stat-bar .el-divider--vertical{height:.65em;margin:0 4px;border-left-color:rgba(255,255,255,.75)}
.nick-ui2__badge{position:absolute;right:5px;bottom:5px;max-width:calc(100% - 10px);padding:2px 8px;border-radius:4px;background:linear-gradient(90deg, color-mix(in srgb, var(--primary-color) 82%, transparent), color-mix(in srgb, var(--secondary-color) 82%, transparent));color:#fff;font-size:12px;font-weight:600;line-height:1.2}
.nick-ui2__badge .el-divider--vertical{height:.8em;margin:0 4px;border-color:rgba(255,255,255,.7)}
.nick-ui2__id{position:absolute;top:5px;right:5px;padding:2px 8px;border-radius:4px;background:#dc2626;color:#fff;font-size:12px;font-weight:700}
.nick-ui2__body{position:relative;height:7rem;padding:12px 8px 36px}
.nick-ui2__title{margin:0;overflow:hidden;color:#1f2937;font-size:12px;font-weight:600;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.nick-ui2__card:hover .nick-ui2__title{overflow:visible;white-space:normal;background:#fff}
.nick-ui2__meta{margin:4px 0 0;overflow:hidden;color:#52525b;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.nick-ui2__actions{position:absolute;right:8px;bottom:8px;left:8px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.nick-ui2__old{display:inline-block;padding:0 4px;border:1px solid #888;color:#888;font-size:10px;font-weight:600;line-height:1.5;text-decoration:line-through}
.nick-ui2__price{display:inline-block;padding:1px 8px;border-radius:2px;background:url(/assets/img/voucher3.png) center / 100% 100% no-repeat;color:#fff;font-size:12px;font-weight:700;line-height:1.5}
.nick-ui2__rent{display:inline-block;padding:2px 8px;border:1px solid #ea2424;border-radius:2px;color:#ea2424;font-size:12px;font-weight:700}
.nick-ui2__label{display:inline-block;max-width:100%;overflow:hidden;padding:1px 6px;border:1px solid #929292;color:#929292;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
@media (min-width:640px){
.nick-ui2__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:16px}
.nick-ui2__title{font-size:14px}
}
@media (min-width:768px){
.nick-ui2__head h3{font-size:20px}
}

.nick-ui3 .service-section{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;scroll-margin-top:90px}
.nick-ui3.service-section--spaced{margin-top:1rem}
.nick-ui3 .service-section__content{grid-column:span 12}
.nick-ui3 .service-box{width:100%;overflow:hidden;border-radius:10px}
.nick-ui3 .service-box__title{padding:14px 18px;border-radius:8px 8px 0 0;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));box-shadow:0 4px 14px rgba(var(--primary-rgb),.25);color:#fff;font-weight:700;letter-spacing:.2px}
.nick-ui3 .service-box__body{padding:12px;border-radius:0 0 8px 8px;background:#fff}
.nick-ui3 .service-search{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;border:1px solid rgba(var(--primary-rgb),.35);border-radius:10px;background:#f4f4f5}
.nick-ui3 .service-search__field{position:relative;flex:1;min-width:0}
.nick-ui3 .service-search__icon{position:absolute;top:50%;left:13px;z-index:1;color:var(--primary-color);font-size:20px;line-height:1;pointer-events:none;transform:translateY(-50%)}
.nick-ui3 .service-search__input{box-sizing:border-box;width:100%;height:40px;padding:0 42px;border:1px solid rgba(var(--primary-rgb),.35);border-radius:10px;outline:none;background:#fff;color:#111827;font:inherit;font-size:14px;font-weight:500}
.nick-ui3 .service-search__input::placeholder{color:#9ca3af}
.nick-ui3 .service-search__input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}
.nick-ui3 .service-search__input::-webkit-search-decoration,.nick-ui3 .service-search__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.nick-ui3 .service-search__clear{position:absolute;top:50%;right:8px;display:none;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:#6b7280;cursor:pointer;transform:translateY(-50%)}
.nick-ui3 .service-search__clear:hover{background:rgba(var(--primary-rgb),.08);color:var(--primary-color)}
.nick-ui3 .service-search__clear.is-visible{display:inline-flex}
.nick-ui3 .service-search__count{flex-shrink:0;min-width:76px;color:#6b7280;font-size:13px;font-weight:600;text-align:right}
.nick-ui3 .service-list{display:grid;grid-template-columns:1fr;gap:12px;width:100%}
.nick-ui3 .service-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background:#f4f4f5;color:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}
.nick-ui3 .service-card:hover{box-shadow:0 8px 20px rgba(var(--primary-rgb),.12);color:inherit;transform:translateY(-2px)}
.nick-ui3 .service-card[hidden]{display:none !important}
.nick-ui3 .service-card__image{flex-shrink:0;width:100px;height:100px;overflow:hidden;border-radius:8px;background:#e4e4e7}
.nick-ui3 .service-card__image img{display:block;width:100%;height:100%;object-fit:cover}
.nick-ui3 .service-card__content{flex:1;min-width:0}
.nick-ui3 .service-card__name{color:#111827;font-weight:700;line-height:1.25}
.nick-ui3 .service-card__stock{display:flex;flex-wrap:wrap;gap:2px 10px;margin-top:3px;color:#6b7280;font-size:12px;font-weight:500;line-height:1.3}
.nick-ui3 .service-card__stock b{color:#111827;font-weight:700}
.nick-ui3 .service-card__description{margin:3px 0 0;color:#111827;line-height:1.35}
.nick-ui3 .service-card__actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:8px}
.nick-ui3 .service-price,.nick-ui3 .service-buy-button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-width:0;height:36px;padding:0 8px;border-radius:10px;font-size:13px;font-weight:700;line-height:1.15;text-align:center;white-space:normal}
.nick-ui3 .service-price{border:1px dashed var(--primary-color);background:rgba(var(--primary-rgb),.08);color:var(--primary-color)}
.nick-ui3 .service-buy-button{border:0;background:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgb),.28);color:#fff}
.nick-ui3 .service-buy-button:hover{background:var(--secondary-color);box-shadow:0 7px 18px rgba(var(--primary-rgb),.35);filter:none}
.nick-ui3 .service-buy-button.is-out,
.nick-ui3 .service-buy-button.is-out:hover{background:color-mix(in srgb, var(--primary-color) 28%, #fff);box-shadow:none;color:color-mix(in srgb, var(--primary-color) 75%, #000);cursor:not-allowed;filter:none;opacity:1}
.nick-ui3 .service-buy-button__icon{display:none}
.nick-ui3 .service-search-empty{display:none;padding:24px 14px;border:1px dashed rgba(var(--primary-rgb),.35);border-radius:10px;background:#fafafa;color:#6b7280;text-align:center}
.nick-ui3 .service-search-empty.is-visible{display:block}
.nick-ui3 .service-search-empty i{display:block;margin-bottom:6px;color:var(--primary-color);font-size:30px}
@media (min-width:1024px){
.nick-ui3 .service-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
}
@media (max-width:640px){
.nick-ui3 .service-box__title{padding:12px 14px;font-size:14px}
.nick-ui3 .service-box__body{padding:10px}
.nick-ui3 .service-search__count{display:none}
.nick-ui3 .service-card{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:start;gap:10px}
.nick-ui3 .service-card__image{width:90px;height:90px}
.nick-ui3 .service-card__actions{gap:6px}
.nick-ui3 .service-price,.nick-ui3 .service-buy-button{min-height:34px;height:auto;padding:6px 4px;font-size:11px}
}

.slowcard-price .table-module td.recharge-history-pay{color:#f56c6c;font-weight:700}
.slowcard-price .table-module td.recharge-history-done{color:#16a34a;font-weight:700}
.recharge-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.recharge-filter .form-control,
.recharge-filter .el-input__inner{width:auto;flex:1 1 160px;min-width:140px;max-width:240px;height:40px;border:1px solid #d0d5dd;border-radius:6px;background-color:#fff;padding:0 12px;font-size:14px;font-weight:500;color:#18181b;box-shadow:none}
.recharge-filter select.form-control{appearance:none;-webkit-appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23a8abb2' stroke-width='1.4' stroke-linecap='round' d='M1.5 1.8 6 6.2 10.5 1.8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.recharge-filter .el-button{flex:0 0 auto;height:40px}
.recharge-history-actions{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.recharge-history-actions form{margin:0}
.recharge-history-actions .el-button{display:inline-flex;align-items:center;gap:4px}