@charset "UTF-8";
:root {
    --bg-nav-color: #fff;
    --bg-main-color: #f5f5f5;
    --bg-item-main-color: #fff;
    --bg-item2-main-color: #dc2626;
    --bg-item3-main-color: #ef4444;
    --bg-item4-main-color: #f6f3f3;
    --color-text-price-top-recharge: #fff;
    --bg-top-recharge-unactive: #e4e4e4;
    --color-btn-1: var(--bg-item2-main-color);
    --color-btn-2: var(--bg-item3-main-color);
    --color-text-tag: #fff;
    --bg-skeleton: #ffffffcb;
    --color-text-header-account: #ef4444;
    --bg-footer: #1b1a1a;
    --color-footer: #fff;
}
body {
    background-color: var(--bg-main-color) !important;
}
#root {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.changeColor {
    animation: changeColor 0.3s linear 0s infinite normal none running;
}
.showText {
    animation-delay: 0s;
    animation-duration: 2.5s;
    animation-iteration-count: 1;
    animation-name: showText;
}
.input-animation {
    animation-delay: 50ms;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-name: input-animation;
}
.frame-service {
    inset: 1px;
    pointer-events: none;
    position: absolute;
}
.image-with-blur-border {
    background-position: 50%;
    background-size: cover;
    display: inline-block;
    overflow: hidden;
    position: relative;
}
.image-with-blur-border:after {
    bottom: 0;
    box-shadow: 0 -8px 8px rgba(0, 0, 0, 0.5);
    content: "";
    height: 20px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
}
@keyframes input-animation {
    0% {
        width: 0;
    }
    to {
        width: 100%;
    }
}
@keyframes changeColor {
    0% {
        background: var(--bg-item3-main-color);
    }
    50% {
        background: var(--bg-item2-main-color);
    }
    to {
        background: var(--bg-item3-main-color);
    }
}
@keyframes showText {
    0% {
        clip-path: polygon(0 0, 0 0, 0 0);
    }
    to {
        clip-path: polygon(0 0, 200% 0, 0 200%);
    }
}
.skeleton {
    background-color: var(--bg-item4-main-color);
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.skeleton:before {
    animation: skeleton-loading 1.5s linear 0s infinite normal none running;
    background: linear-gradient(
        to right,
        transparent,
        var(--bg-skeleton),
        transparent
    );
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
@keyframes skeleton-loading {
    0% {
        left: -100%;
    }
    to {
        left: 100%;
    }
}
.transaction-new-item {
    animation: transaction-new-item-loading 0.7s ease 0s 1 normal none running;
    position: absolute;
}
@keyframes transaction-new-item-loading {
    0% {
        left: 100%;
        opacity: 0;
    }
    to {
        left: 0;
        opacity: 1;
    }
}
.rotating {
    animation: rotating 0.3s linear 0s infinite normal none running;
}
.lucky-card-light {
    animation: light 1s linear 0s infinite normal none running;
    display: inline-block;
    position: relative;
    z-index: 1;
}
.lucky-card-light:before {
    border-radius: 50%;
    content: "";
    height: 50%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
}
@keyframes light {
    0% {
        box-shadow: 0 0 rgba(220, 220, 254, 0.655);
    }
    to {
        box-shadow: 0 0 0 100px hsla(0, 0%, 100%, 0);
    }
}
.shake-card:hover {
    animation: shake 0.5s ease 0s infinite normal none running;
}
.shake-card .flip {
    animation: flip 1s ease 0s 1 normal forwards running;
}
.shake-card .flip-back {
    animation: flip-back 1s ease 0s 1 normal forwards running;
}
.transtion {
    transition: all 0.5s ease 0s;
}
@keyframes flip {
    0% {
        transform: rotateY(0deg);
    }
    50% {
        transform: rotateY(90deg);
    }
    to {
        transform: rotateY(180deg);
    }
}
@keyframes flip-back {
    0% {
        transform: rotateY(180deg);
    }
    50% {
        transform: rotateY(90deg);
    }
    to {
        transform: rotateY(0deg);
    }
}
.navigate {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: left;
    list-style: none;
}
.navigate .disabled {
    color: gray;
}
.navigate .page-paginate {
    font-weight: 700;
    transition: all 0.3s ease 0s;
}
.navigate .page-paginate:hover {
    color: #d21616;
}
.navigate a {
    color: #111;
    font-size: 16px;
    height: 35px;
    width: 35px;
}
.navigate .hd,
.navigate a {
    align-items: center;
    display: flex;
    justify-content: center;
}
.navigate .active {
    background-color: var(--bg-item2-main-color);
    border-radius: 5px;
}
.navigate .active:hover {
    color: initial;
}
.navigate .break a {
    align-items: center;
    display: flex;
    justify-content: center;
}
:host,
:root,
[data-theme] {
    --chakra-ring-inset: var(--chakra-empty, /*!*/ /*!*/);
    --chakra-ring-offset-width: 0px;
    --chakra-ring-offset-color: #fff;
    --chakra-ring-color: rgba(66, 153, 225, 0.6);
    --chakra-ring-offset-shadow: 0 0 #0000;
    --chakra-ring-shadow: 0 0 #0000;
    --chakra-space-x-reverse: 0;
    --chakra-space-y-reverse: 0;
    --chakra-colors-transparent: transparent;
    --chakra-colors-current: currentColor;
    --chakra-colors-black-100: #fff;
    --chakra-colors-black-200: #282828;
    --chakra-colors-black-300: #525252;
    --chakra-colors-black-999: #111;
    --chakra-colors-white-100: #111;
    --chakra-colors-white-500: #f9f9f9;
    --chakra-colors-white-600: #b3b3b3;
    --chakra-colors-white-999: #fff;
    --chakra-colors-whiteAlpha-50: hsla(0, 0%, 100%, 0.04);
    --chakra-colors-whiteAlpha-100: hsla(0, 0%, 100%, 0.06);
    --chakra-colors-whiteAlpha-200: hsla(0, 0%, 100%, 0.08);
    --chakra-colors-whiteAlpha-300: hsla(0, 0%, 100%, 0.16);
    --chakra-colors-whiteAlpha-400: hsla(0, 0%, 100%, 0.24);
    --chakra-colors-whiteAlpha-500: hsla(0, 0%, 100%, 0.36);
    --chakra-colors-whiteAlpha-600: hsla(0, 0%, 100%, 0.48);
    --chakra-colors-whiteAlpha-700: hsla(0, 0%, 100%, 0.64);
    --chakra-colors-whiteAlpha-800: hsla(0, 0%, 100%, 0.8);
    --chakra-colors-whiteAlpha-900: hsla(0, 0%, 100%, 0.92);
    --chakra-colors-blackAlpha-50: rgba(0, 0, 0, 0.04);
    --chakra-colors-blackAlpha-100: rgba(0, 0, 0, 0.06);
    --chakra-colors-blackAlpha-200: rgba(0, 0, 0, 0.08);
    --chakra-colors-blackAlpha-300: rgba(0, 0, 0, 0.16);
    --chakra-colors-blackAlpha-400: rgba(0, 0, 0, 0.24);
    --chakra-colors-blackAlpha-500: rgba(0, 0, 0, 0.36);
    --chakra-colors-blackAlpha-600: rgba(0, 0, 0, 0.48);
    --chakra-colors-blackAlpha-700: rgba(0, 0, 0, 0.64);
    --chakra-colors-blackAlpha-800: rgba(0, 0, 0, 0.8);
    --chakra-colors-blackAlpha-900: rgba(0, 0, 0, 0.92);
    --chakra-colors-gray-50: #f7fafc;
    --chakra-colors-gray-100: #e5e5e5;
    --chakra-colors-gray-200: #e2e8f0;
    --chakra-colors-gray-300: #cbd5e0;
    --chakra-colors-gray-400: #a0aec0;
    --chakra-colors-gray-500: #718096;
    --chakra-colors-gray-600: #4a5568;
    --chakra-colors-gray-700: #2d3748;
    --chakra-colors-gray-800: #1a202c;
    --chakra-colors-gray-900: #171923;
    --chakra-colors-red-50: #fff5f5;
    --chakra-colors-red-99: #db0e0e;
    --chakra-colors-red-100: #feefee;
    --chakra-colors-red-200: #feb2b2;
    --chakra-colors-red-250: #fee2e2;
    --chakra-colors-red-300: #fc8181;
    --chakra-colors-red-400: #f56565;
    --chakra-colors-red-500: #ee5d50;
    --chakra-colors-red-600: #e31a1a;
    --chakra-colors-red-700: #9b2c2c;
    --chakra-colors-red-800: #822727;
    --chakra-colors-red-900: #63171b;
    --chakra-colors-orange-50: #fffaf0;
    --chakra-colors-orange-100: #feebc8;
    --chakra-colors-orange-200: #fbd38d;
    --chakra-colors-orange-300: #f6ad55;
    --chakra-colors-orange-400: #ed8936;
    --chakra-colors-orange-500: #dd6b20;
    --chakra-colors-orange-600: #c05621;
    --chakra-colors-orange-700: #9c4221;
    --chakra-colors-orange-800: #7b341e;
    --chakra-colors-orange-900: #652b19;
    --chakra-colors-yellow-50: ivory;
    --chakra-colors-yellow-100: #fefcbf;
    --chakra-colors-yellow-200: #faf089;
    --chakra-colors-yellow-300: #f6e05e;
    --chakra-colors-yellow-400: #ecc94b;
    --chakra-colors-yellow-500: #eab308;
    --chakra-colors-yellow-600: #b7791f;
    --chakra-colors-yellow-700: #975a16;
    --chakra-colors-yellow-800: #744210;
    --chakra-colors-yellow-900: #5f370e;
    --chakra-colors-green-50: #f0fff4;
    --chakra-colors-green-100: #c6f6d5;
    --chakra-colors-green-200: #9ae6b4;
    --chakra-colors-green-300: #68d391;
    --chakra-colors-green-400: #48bb78;
    --chakra-colors-green-500: #14b8a6;
    --chakra-colors-green-600: #2f855a;
    --chakra-colors-green-700: #276749;
    --chakra-colors-green-800: #22543d;
    --chakra-colors-green-900: #1c4532;
    --chakra-colors-teal-50: #e6fffa;
    --chakra-colors-teal-100: #b2f5ea;
    --chakra-colors-teal-200: #81e6d9;
    --chakra-colors-teal-300: #4fd1c5;
    --chakra-colors-teal-400: #38b2ac;
    --chakra-colors-teal-500: #319795;
    --chakra-colors-teal-600: #2c7a7b;
    --chakra-colors-teal-700: #285e61;
    --chakra-colors-teal-800: #234e52;
    --chakra-colors-teal-900: #1d4044;
    --chakra-colors-blue-50: #ebf8ff;
    --chakra-colors-blue-100: #bee3f8;
    --chakra-colors-blue-200: #90cdf4;
    --chakra-colors-blue-300: #63b3ed;
    --chakra-colors-blue-400: #4299e1;
    --chakra-colors-blue-500: #3182ce;
    --chakra-colors-blue-600: #2b6cb0;
    --chakra-colors-blue-700: #2c5282;
    --chakra-colors-blue-800: #2a4365;
    --chakra-colors-blue-900: #1a365d;
    --chakra-colors-cyan-50: #edfdfd;
    --chakra-colors-cyan-100: #c4f1f9;
    --chakra-colors-cyan-200: #9decf9;
    --chakra-colors-cyan-300: #76e4f7;
    --chakra-colors-cyan-400: #0bc5ea;
    --chakra-colors-cyan-500: #00b5d8;
    --chakra-colors-cyan-600: #00a3c4;
    --chakra-colors-cyan-700: #0987a0;
    --chakra-colors-cyan-800: #086f83;
    --chakra-colors-cyan-900: #065666;
    --chakra-colors-purple-50: #faf5ff;
    --chakra-colors-purple-100: #e9d8fd;
    --chakra-colors-purple-200: #d6bcfa;
    --chakra-colors-purple-300: #b794f4;
    --chakra-colors-purple-400: #9f7aea;
    --chakra-colors-purple-500: #805ad5;
    --chakra-colors-purple-600: #6b46c1;
    --chakra-colors-purple-700: #553c9a;
    --chakra-colors-purple-800: #44337a;
    --chakra-colors-purple-900: #322659;
    --chakra-colors-pink-50: #fff5f7;
    --chakra-colors-pink-100: #fed7e2;
    --chakra-colors-pink-200: #fbb6ce;
    --chakra-colors-pink-300: #f687b3;
    --chakra-colors-pink-400: #ed64a6;
    --chakra-colors-pink-500: #d53f8c;
    --chakra-colors-pink-600: #b83280;
    --chakra-colors-pink-700: #97266d;
    --chakra-colors-pink-800: #702459;
    --chakra-colors-pink-900: #521b41;
    --chakra-colors-linkedin-50: #e8f4f9;
    --chakra-colors-linkedin-100: #cfedfb;
    --chakra-colors-linkedin-200: #9bdaf3;
    --chakra-colors-linkedin-300: #68c7ec;
    --chakra-colors-linkedin-400: #34b3e4;
    --chakra-colors-linkedin-500: #00a0dc;
    --chakra-colors-linkedin-600: #008cc9;
    --chakra-colors-linkedin-700: #0077b5;
    --chakra-colors-linkedin-800: #005e93;
    --chakra-colors-linkedin-900: #004471;
    --chakra-colors-facebook-50: #e8f4f9;
    --chakra-colors-facebook-100: #d9dee9;
    --chakra-colors-facebook-200: #b7c2da;
    --chakra-colors-facebook-300: #6482c0;
    --chakra-colors-facebook-400: #4267b2;
    --chakra-colors-facebook-500: #385898;
    --chakra-colors-facebook-600: #314e89;
    --chakra-colors-facebook-700: #29487d;
    --chakra-colors-facebook-800: #223b67;
    --chakra-colors-facebook-900: #1e355b;
    --chakra-colors-messenger-50: #d0e6ff;
    --chakra-colors-messenger-100: #b9daff;
    --chakra-colors-messenger-200: #a2cdff;
    --chakra-colors-messenger-300: #7ab8ff;
    --chakra-colors-messenger-400: #2e90ff;
    --chakra-colors-messenger-500: #0078ff;
    --chakra-colors-messenger-600: #0063d1;
    --chakra-colors-messenger-700: #0052ac;
    --chakra-colors-messenger-800: #003c7e;
    --chakra-colors-messenger-900: #002c5c;
    --chakra-colors-whatsapp-50: #dffeec;
    --chakra-colors-whatsapp-100: #b9f5d0;
    --chakra-colors-whatsapp-200: #90edb3;
    --chakra-colors-whatsapp-300: #65e495;
    --chakra-colors-whatsapp-400: #3cdd78;
    --chakra-colors-whatsapp-500: #22c35e;
    --chakra-colors-whatsapp-600: #179848;
    --chakra-colors-whatsapp-700: #0c6c33;
    --chakra-colors-whatsapp-800: #01421c;
    --chakra-colors-whatsapp-900: #001803;
    --chakra-colors-twitter-50: #e5f4fd;
    --chakra-colors-twitter-100: #c8e9fb;
    --chakra-colors-twitter-200: #a8dcfa;
    --chakra-colors-twitter-300: #83cdf7;
    --chakra-colors-twitter-400: #57bbf5;
    --chakra-colors-twitter-500: #1da1f2;
    --chakra-colors-twitter-600: #1a94da;
    --chakra-colors-twitter-700: #1681bf;
    --chakra-colors-twitter-800: #136b9e;
    --chakra-colors-twitter-900: #0d4d71;
    --chakra-colors-telegram-50: #e3f2f9;
    --chakra-colors-telegram-100: #c5e4f3;
    --chakra-colors-telegram-200: #a2d4ec;
    --chakra-colors-telegram-300: #7ac1e4;
    --chakra-colors-telegram-400: #47a9da;
    --chakra-colors-telegram-500: #08c;
    --chakra-colors-telegram-600: #007ab8;
    --chakra-colors-telegram-700: #006ba1;
    --chakra-colors-telegram-800: #005885;
    --chakra-colors-telegram-900: #003f5e;
    --chakra-colors-main-nav: var(--bg-nav-color);
    --chakra-colors-main-item: var(--bg-item-main-color);
    --chakra-colors-main-item2: var(--bg-item2-main-color);
    --chakra-colors-main-item3: var(--bg-item3-main-color);
    --chakra-colors-main-item4: var(--bg-item4-main-color);
    --chakra-colors-main-item5: var(--bg-main-color);
    --chakra-colors-chakra-body-bg: #000;
    --chakra-colors-gold-100: #d0a85c;
    --chakra-colors-ocean-50: var(--bg-item3-main-color);
    --chakra-colors-ocean-100: var(--bg-item3-main-color);
    --chakra-colors-ocean-200: var(--bg-item3-main-color);
    --chakra-colors-ocean-300: var(--bg-item3-main-color);
    --chakra-borders-none: 0;
    --chakra-borders-1px: 1px solid;
    --chakra-borders-2px: 2px solid;
    --chakra-borders-4px: 4px solid;
    --chakra-borders-8px: 8px solid;
    --chakra-fonts-heading: -apple-system, BlinkMacSystemFont, "Segoe UI",
        Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
        "Segoe UI Symbol";
    --chakra-fonts-body: -apple-system, BlinkMacSystemFont, "Segoe UI",
        Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
        "Segoe UI Symbol";
    --chakra-fonts-mono: SFMono-Regular, Menlo, Monaco, Consolas,
        "Liberation Mono", "Courier New", monospace;
    --chakra-fontSizes-3xs: 0.45rem;
    --chakra-fontSizes-2xs: 0.625rem;
    --chakra-fontSizes-xs: 0.75rem;
    --chakra-fontSizes-sm: 0.875rem;
    --chakra-fontSizes-md: 1rem;
    --chakra-fontSizes-lg: 1.125rem;
    --chakra-fontSizes-xl: 1.25rem;
    --chakra-fontSizes-2xl: 1.5rem;
    --chakra-fontSizes-3xl: 1.875rem;
    --chakra-fontSizes-4xl: 2.25rem;
    --chakra-fontSizes-5xl: 3rem;
    --chakra-fontSizes-6xl: 3.75rem;
    --chakra-fontSizes-7xl: 4.5rem;
    --chakra-fontSizes-8xl: 6rem;
    --chakra-fontSizes-9xl: 8rem;
    --chakra-fontWeights-hairline: 100;
    --chakra-fontWeights-thin: 200;
    --chakra-fontWeights-light: 300;
    --chakra-fontWeights-normal: 400;
    --chakra-fontWeights-medium: 500;
    --chakra-fontWeights-semibold: 600;
    --chakra-fontWeights-bold: 700;
    --chakra-fontWeights-extrabold: 800;
    --chakra-fontWeights-black: 900;
    --chakra-letterSpacings-tighter: -0.05em;
    --chakra-letterSpacings-tight: -0.025em;
    --chakra-letterSpacings-normal: 0;
    --chakra-letterSpacings-wide: 0.025em;
    --chakra-letterSpacings-wider: 0.05em;
    --chakra-letterSpacings-widest: 0.1em;
    --chakra-lineHeights-3: 0.75rem;
    --chakra-lineHeights-4: 1rem;
    --chakra-lineHeights-5: 1.25rem;
    --chakra-lineHeights-6: 1.5rem;
    --chakra-lineHeights-7: 1.75rem;
    --chakra-lineHeights-8: 2rem;
    --chakra-lineHeights-9: 2.25rem;
    --chakra-lineHeights-10: 2.5rem;
    --chakra-lineHeights-normal: normal;
    --chakra-lineHeights-none: 1;
    --chakra-lineHeights-shorter: 1.25;
    --chakra-lineHeights-short: 1.375;
    --chakra-lineHeights-base: 1.5;
    --chakra-lineHeights-tall: 1.625;
    --chakra-lineHeights-taller: 2;
    --chakra-radii-none: 0;
    --chakra-radii-sm: 0.125rem;
    --chakra-radii-base: 0.25rem;
    --chakra-radii-md: 0.375rem;
    --chakra-radii-lg: 0.5rem;
    --chakra-radii-xl: 0.75rem;
    --chakra-radii-2xl: 1rem;
    --chakra-radii-3xl: 1.5rem;
    --chakra-radii-full: 9999px;
    --chakra-space-1: 0.25rem;
    --chakra-space-2: 0.5rem;
    --chakra-space-3: 0.75rem;
    --chakra-space-4: 1rem;
    --chakra-space-5: 1.25rem;
    --chakra-space-6: 1.5rem;
    --chakra-space-7: 1.75rem;
    --chakra-space-8: 2rem;
    --chakra-space-9: 2.25rem;
    --chakra-space-10: 2.5rem;
    --chakra-space-12: 3rem;
    --chakra-space-14: 3.5rem;
    --chakra-space-16: 4rem;
    --chakra-space-20: 5rem;
    --chakra-space-24: 6rem;
    --chakra-space-28: 7rem;
    --chakra-space-32: 8rem;
    --chakra-space-36: 9rem;
    --chakra-space-40: 10rem;
    --chakra-space-44: 11rem;
    --chakra-space-48: 12rem;
    --chakra-space-52: 13rem;
    --chakra-space-56: 14rem;
    --chakra-space-60: 15rem;
    --chakra-space-64: 16rem;
    --chakra-space-72: 18rem;
    --chakra-space-80: 20rem;
    --chakra-space-96: 24rem;
    --chakra-space-px: 1px;
    --chakra-space-0-5: 0.125rem;
    --chakra-space-1-5: 0.375rem;
    --chakra-space-2-5: 0.625rem;
    --chakra-space-3-5: 0.875rem;
    --chakra-shadows-xs: 0 0 0 1px rgba(0, 0, 0, 0.05);
    --chakra-shadows-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --chakra-shadows-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
        0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --chakra-shadows-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --chakra-shadows-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --chakra-shadows-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --chakra-shadows-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --chakra-shadows-outline: 0 0 0 3px rgba(66, 153, 225, 0.6);
    --chakra-shadows-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    --chakra-shadows-none: none;
    --chakra-shadows-dark-lg: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px,
        rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.4) 0px 15px 40px;
    --chakra-sizes-1: 0.25rem;
    --chakra-sizes-2: 0.5rem;
    --chakra-sizes-3: 0.75rem;
    --chakra-sizes-4: 1rem;
    --chakra-sizes-5: 1.25rem;
    --chakra-sizes-6: 1.5rem;
    --chakra-sizes-7: 1.75rem;
    --chakra-sizes-8: 2rem;
    --chakra-sizes-9: 2.25rem;
    --chakra-sizes-10: 2.5rem;
    --chakra-sizes-12: 3rem;
    --chakra-sizes-14: 3.5rem;
    --chakra-sizes-16: 4rem;
    --chakra-sizes-20: 5rem;
    --chakra-sizes-24: 6rem;
    --chakra-sizes-28: 7rem;
    --chakra-sizes-32: 8rem;
    --chakra-sizes-36: 9rem;
    --chakra-sizes-40: 10rem;
    --chakra-sizes-44: 11rem;
    --chakra-sizes-48: 12rem;
    --chakra-sizes-52: 13rem;
    --chakra-sizes-56: 14rem;
    --chakra-sizes-60: 15rem;
    --chakra-sizes-64: 16rem;
    --chakra-sizes-72: 18rem;
    --chakra-sizes-80: 20rem;
    --chakra-sizes-96: 24rem;
    --chakra-sizes-px: 1px;
    --chakra-sizes-0-5: 0.125rem;
    --chakra-sizes-1-5: 0.375rem;
    --chakra-sizes-2-5: 0.625rem;
    --chakra-sizes-3-5: 0.875rem;
    --chakra-sizes-max: max-content;
    --chakra-sizes-min: min-content;
    --chakra-sizes-full: 100%;
    --chakra-sizes-3xs: 14rem;
    --chakra-sizes-2xs: 16rem;
    --chakra-sizes-xs: 20rem;
    --chakra-sizes-sm: 24rem;
    --chakra-sizes-md: 28rem;
    --chakra-sizes-lg: 32rem;
    --chakra-sizes-xl: 36rem;
    --chakra-sizes-2xl: 42rem;
    --chakra-sizes-3xl: 48rem;
    --chakra-sizes-4xl: 56rem;
    --chakra-sizes-5xl: 64rem;
    --chakra-sizes-6xl: 72rem;
    --chakra-sizes-7xl: 80rem;
    --chakra-sizes-8xl: 90rem;
    --chakra-sizes-prose: 60ch;
    --chakra-sizes-container-sm: 640px;
    --chakra-sizes-container-md: 768px;
    --chakra-sizes-container-lg: 1024px;
    --chakra-sizes-container-xl: 1200px;
    --chakra-sizes-container-2xl: 1500px;
    --chakra-zIndices-hide: -1;
    --chakra-zIndices-auto: auto;
    --chakra-zIndices-base: 0;
    --chakra-zIndices-docked: 10;
    --chakra-zIndices-dropdown: 1000;
    --chakra-zIndices-sticky: 1100;
    --chakra-zIndices-banner: 1200;
    --chakra-zIndices-overlay: 1300;
    --chakra-zIndices-modal: 1400;
    --chakra-zIndices-popover: 1500;
    --chakra-zIndices-skipLink: 1600;
    --chakra-zIndices-toast: 1700;
    --chakra-zIndices-tooltip: 1800;
    --chakra-transition-property-common: background-color, border-color, color,
        fill, stroke, opacity, box-shadow, transform;
    --chakra-transition-property-colors: background-color, border-color, color,
        fill, stroke;
    --chakra-transition-property-dimensions: width, height;
    --chakra-transition-property-position: left, right, top, bottom;
    --chakra-transition-property-background: background-color, background-image,
        background-position;
    --chakra-transition-easing-ease-in: cubic-bezier(0.4, 0, 1, 1);
    --chakra-transition-easing-ease-out: cubic-bezier(0, 0, 0.2, 1);
    --chakra-transition-easing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --chakra-transition-duration-ultra-fast: 50ms;
    --chakra-transition-duration-faster: 100ms;
    --chakra-transition-duration-fast: 150ms;
    --chakra-transition-duration-normal: 200ms;
    --chakra-transition-duration-slow: 300ms;
    --chakra-transition-duration-slower: 400ms;
    --chakra-transition-duration-ultra-slow: 500ms;
    --chakra-blur-none: 0;
    --chakra-blur-sm: 4px;
    --chakra-blur-base: 8px;
    --chakra-blur-md: 12px;
    --chakra-blur-lg: 16px;
    --chakra-blur-xl: 24px;
    --chakra-blur-2xl: 40px;
    --chakra-blur-3xl: 64px;
    --chakra-breakpoints-base: 0em;
    --chakra-breakpoints-sm: 320px;
    --chakra-breakpoints-md: 768px;
    --chakra-breakpoints-lg: 960px;
    --chakra-breakpoints-xl: 1200px;
    --chakra-breakpoints-2xl: 1600px;
    --chakra-breakpoints-2sm: 380px;
    --chakra-breakpoints-3xl: 1920px;
}
.chakra-ui-light :host:not([data-theme]),
.chakra-ui-light :root:not([data-theme]),
.chakra-ui-light [data-theme]:not([data-theme]),
:host[data-theme="light"],
:root[data-theme="light"],
[data-theme="light"] :host:not([data-theme]),
[data-theme="light"] :root:not([data-theme]),
[data-theme="light"] [data-theme]:not([data-theme]),
[data-theme][data-theme="light"] {
    --chakra-colors-chakra-body-text: var(--chakra-colors-gray-800);
    --chakra-colors-chakra-body-bg: #fff;
    --chakra-colors-chakra-border-color: var(--chakra-colors-gray-200);
    --chakra-colors-chakra-inverse-text: #fff;
    --chakra-colors-chakra-subtle-bg: var(--chakra-colors-gray-100);
    --chakra-colors-chakra-subtle-text: var(--chakra-colors-gray-600);
    --chakra-colors-chakra-placeholder-color: var(--chakra-colors-gray-500);
}
.chakra-ui-dark :host:not([data-theme]),
.chakra-ui-dark :root:not([data-theme]),
.chakra-ui-dark [data-theme]:not([data-theme]),
:host[data-theme="dark"],
:root[data-theme="dark"],
[data-theme="dark"] :host:not([data-theme]),
[data-theme="dark"] :root:not([data-theme]),
[data-theme="dark"] [data-theme]:not([data-theme]),
[data-theme][data-theme="dark"] {
    --chakra-colors-chakra-body-text: var(--chakra-colors-whiteAlpha-900);
    --chakra-colors-chakra-body-bg: var(--chakra-colors-gray-800);
    --chakra-colors-chakra-border-color: var(--chakra-colors-whiteAlpha-300);
    --chakra-colors-chakra-inverse-text: var(--chakra-colors-gray-800);
    --chakra-colors-chakra-subtle-bg: var(--chakra-colors-gray-700);
    --chakra-colors-chakra-subtle-text: var(--chakra-colors-gray-400);
    --chakra-colors-chakra-placeholder-color: var(
        --chakra-colors-whiteAlpha-400
    );
}
html {
    text-size-adjust: 100%;
    font-family: system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    touch-action: manipulation;
}
body {
    font-feature-settings: "kern";
    min-height: 100%;
    position: relative;
}
:where(*) {
    border-style: solid;
    border-width: 0;
    box-sizing: border-box;
    overflow-wrap: break-word;
}
main {
    display: block;
}
hr {
    box-sizing: content-box;
    overflow: visible;
}
:where(pre, code, kbd, samp) {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted;
}
:where(b, strong) {
    font-weight: 700;
}
:where(sub, sup) {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
img {
    border-style: none;
}
:where(button, input, optgroup, select, textarea) {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
:where(button, input) {
    overflow: visible;
}
:where(button, select) {
    text-transform: none;
}
:where() {
    border-style: none;
    padding: 0;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
textarea {
    overflow: auto;
}
:where([type="checkbox"], [type="radio"]) {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    appearance: none !important;
}
input[type="search"] {
    appearance: textfield;
    outline-offset: -2px;
}
input[type="search"]::-webkit-search-decoration {
    appearance: none !important;
}
::-webkit-file-upload-button {
    appearance: button;
}
details {
    display: block;
}
template {
    display: none;
}
[hidden] {
    display: none !important;
}
:where(blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre) {
    margin: 0;
}
button {
    background: transparent;
}
button,
fieldset {
    padding: 0;
}
:where(ol, ul) {
    margin: 0;
    padding: 0;
}
:where(button, [role="button"]) {
    cursor: pointer;
}
:where(h1, h2, h3, h4, h5, h6) {
    font-size: inherit;
    font-weight: inherit;
}
:where(button, input, optgroup, select, textarea) {
    color: inherit;
    line-height: inherit;
    padding: 0;
}
:where(img, svg, video, canvas, audio, iframe, embed, object) {
    display: block;
}
:where(img, video) {
    height: auto;
    max-width: 100%;
}
[data-js-focus-visible]
    :focus:not([data-focus-visible-added]):not([data-focus-visible-disabled]) {
    box-shadow: none;
    outline: none;
}
:host,
:root {
    --chakra-vh: 100vh;
}
@supports (height: -webkit-fill-available) {
    :host,
    :root {
        --chakra-vh: -webkit-fill-available;
    }
}
@supports (height: -moz-fill-available) {
    :host,
    :root {
        --chakra-vh: -moz-fill-available;
    }
}
@supports (height: 100dvh) {
    :host,
    :root {
        --chakra-vh: 100dvh;
    }
}
body {
    background: var(--chakra-colors-chakra-body-bg);
    color: var(--chakra-colors-chakra-body-text);
    font-family: var(--chakra-fonts-body);
    line-height: var(--chakra-lineHeights-base);
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: background-color;
}
::-webkit-input-placeholder {
    color: var(--chakra-colors-chakra-placeholder-color);
}
::placeholder {
    color: var(--chakra-colors-chakra-placeholder-color);
}
*,
:after,
:before {
    border-color: var(--chakra-colors-chakra-border-color);
}
.nav-hzu7xy {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
}
.nav-14c0wyt {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    background: var(--chakra-colors-main-nav);
    box-shadow: var(--chakra-shadows-base);
    color: var(--chakra-colors-white-100);
    min-height: 80px;
    padding-bottom: var(--chakra-space-2);
    padding-inline-end: var(--chakra-space-5);
    padding-top: var(--chakra-space-2);
    padding-inline-start: var(--chakra-space-5);
}
@media screen and (min-width: 768px) {
    .nav-14c0wyt {
        padding-inline-end: 13rem;
        padding-inline-start: 13rem;
    }
}
.nav-1rm9hv {
    -webkit-box-pack: start;
    flex: 1 1 0%;
    justify-content: start;
}
.nav-1k9efnl,
.nav-1rm9hv {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.nav-1k9efnl {
    gap: var(--chakra-space-2);
}
.nav-1k7ox2e {
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: var(--chakra-radii-md);
    color: var(--chakra-colors-gray-800);
    display: flex;
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-semibold);
    height: var(--chakra-sizes-10);
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 0;
    position: relative;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.nav-1k7ox2e:focus-visible,
.nav-1k7ox2e[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-1k7ox2e:disabled,
.nav-1k7ox2e[aria-disabled="true"],
.nav-1k7ox2e[data-disabled],
.nav-1k7ox2e[disabled] {
    box-shadow: var(--chakra-shadows-none);
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-1k7ox2e:active,
.nav-1k7ox2e[data-active] {
    background: var(--chakra-colors-gray-200);
}
@media screen and (min-width: 960px) {
    .nav-1k7ox2e {
        display: none;
    }
}
.nav-1k7ox2e:hover,
.nav-1k7ox2e[data-hover] {
    background: var(--chakra-colors-black-200);
}
.nav-721oc2 {
    color: var(--chakra-colors-white-100);
    display: inline-block;
    flex-shrink: 0;
    height: var(--chakra-sizes-5);
    line-height: 1em;
    vertical-align: middle;
    width: var(--chakra-sizes-5);
}
.nav-spn4bz {
    color: inherit;
    cursor: pointer;
    outline: 2px solid transparent;
    outline-offset: 2px;
    text-decoration: none;
    transition-duration: var(--chakra-transition-duration-fast);
    transition-property: var(--chakra-transition-property-common);
    transition-timing-function: var(--chakra-transition-easing-ease-out);
}
.nav-spn4bz:hover,
.nav-spn4bz[data-hover] {
    text-decoration: underline;
}
.nav-spn4bz:focus-visible,
.nav-spn4bz[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-2caav1 {
    border-radius: var(--chakra-radii-lg);
    height: 40px;
    width: 150px;
}
.nav-16n9qts {
    display: none;
    margin-left: var(--chakra-space-10);
}
@media screen and (min-width: 960px) {
    .nav-16n9qts {
        display: flex;
    }
}
.nav-8vayzf {
    display: flex;
    flex-direction: row;
    gap: var(--chakra-space-4);
    list-style-type: none;
}
.nav-1bi585w {
    color: var(--chakra-colors-white-100);
    cursor: pointer;
    display: flex;
    font-size: var(--chakra-fontSizes-md);
    font-weight: 600;
    gap: 0.3rem;
    outline: 2px solid transparent;
    padding: var(--chakra-space-4);
    text-decoration: none;
    text-transform: uppercase;
    transition-duration: var(--chakra-transition-duration-fast);
    transition-property: var(--chakra-transition-property-common);
    transition-timing-function: var(--chakra-transition-easing-ease-out);
    -webkit-box-align: center;
    align-items: center;
}
.nav-1bi585w:focus-visible,
.nav-1bi585w[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-1bi585w:hover,
.nav-1bi585w[data-hover] {
    border-bottom: var(--chakra-borders-1px);
    color: red;
    text-decoration: none;
}
.nav-1qq679y {
    z-index: 10;
}
.nav-jifrh3 {
    display: flex;
    flex-direction: column;
    position: relative;
    --popper-bg: colors.white;
    --popper-arrow-bg: var(--popper-bg);
    --popper-arrow-shadow-color: var(--chakra-colors-gray-200);
    background: var(--chakra-colors-black-100);
    border: 0;
    border-radius: var(--chakra-radii-xl);
    box-shadow: var(--chakra-shadows-xl);
    min-width: var(--chakra-sizes-sm);
    padding: var(--chakra-space-4);
    width: var(--chakra-sizes-xs);
    z-index: inherit;
}
.chakra-ui-dark .nav-jifrh3:not([data-theme]),
.nav-jifrh3[data-theme="dark"],
[data-theme="dark"] .nav-jifrh3:not([data-theme]) {
    --popper-bg: var(--chakra-colors-gray-700);
    --popper-arrow-shadow-color: var(--chakra-colors-whiteAlpha-300);
}
.nav-jifrh3:focus-visible,
.nav-jifrh3[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.nav-8g8ihq {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.nav-1xooh1f {
    border-radius: var(--chakra-radii-md);
    color: inherit;
    cursor: pointer;
    display: block;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: var(--chakra-space-2);
    text-decoration: none;
    transition-duration: var(--chakra-transition-duration-fast);
    transition-property: var(--chakra-transition-property-common);
    transition-timing-function: var(--chakra-transition-easing-ease-out);
}
.nav-1xooh1f:focus-visible,
.nav-1xooh1f[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-1xooh1f:hover,
.nav-1xooh1f[data-hover] {
    background: var(--chakra-colors-black-100);
}
.nav-1igwmid {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    gap: 0.5rem;
}
.nav-sc37ud {
    font-weight: 500;
    transition: all 0.3s ease 0s;
}
.group:hover .nav-sc37ud,
.group[data-hover] .nav-sc37ud,
[data-group]:hover .nav-sc37ud,
[data-group][data-hover] .nav-sc37ud,
[role="group"]:hover .nav-sc37ud,
[role="group"][data-hover] .nav-sc37ud {
    color: var(--chakra-colors-pink-400);
}
.nav-itvw0n {
    font-size: var(--chakra-fontSizes-sm);
}
.nav-2gz105 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    flex: 1 1 0%;
    justify-content: flex-end;
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.3s ease 0s;
}
.group:hover .nav-2gz105,
.group[data-hover] .nav-2gz105,
[data-group]:hover .nav-2gz105,
[data-group][data-hover] .nav-2gz105,
[role="group"]:hover .nav-2gz105,
[role="group"][data-hover] .nav-2gz105 {
    opacity: 1;
    transform: translateX(0);
}
.nav-1ossod7,
.nav-dwta4e {
    color: var(--chakra-colors-pink-400);
    display: inline-block;
    flex-shrink: 0;
    height: var(--chakra-sizes-5);
    line-height: 1em;
    width: var(--chakra-sizes-5);
}
.nav-1ossod7 {
    vertical-align: middle;
}
.nav-15t4wcl {
    color: gray;
    display: inline-block;
    flex-shrink: 0;
    height: 1em;
    line-height: 1em;
    width: 1em;
}
.nav-1uckx97 {
    display: flex;
    -webkit-box-pack: end;
    flex: 1 1 0%;
    flex-direction: row;
    gap: var(--chakra-space-4);
    justify-content: flex-end;
}
@media screen and (min-width: 768px) {
    .nav-1uckx97 {
        flex: 0 1 0%;
    }
}
.nav-185nbtf {
    appearance: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 5px;
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-bold);
    height: var(--chakra-sizes-10);
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    outline-color: var(--color-btn-1);
    outline-offset: 2px;
    outline-style: solid;
    outline-width: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 10px 15px;
    position: relative;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    width: 150px;
}
.nav-185nbtf:focus-visible,
.nav-185nbtf[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-185nbtf:disabled,
.nav-185nbtf[aria-disabled="true"],
.nav-185nbtf[data-disabled],
.nav-185nbtf[disabled] {
    box-shadow: var(--chakra-shadows-none);
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-185nbtf:hover,
.nav-185nbtf[data-hover] {
    background: linear-gradient(45deg, var(--color-btn-1), var(--color-btn-2));
    color: var(--chakra-colors-black-100);
}
.nav-185nbtf:hover:disabled,
.nav-185nbtf:hover[aria-disabled="true"],
.nav-185nbtf:hover[data-disabled],
.nav-185nbtf:hover[disabled],
.nav-185nbtf[data-hover]:disabled,
.nav-185nbtf[data-hover][aria-disabled="true"],
.nav-185nbtf[data-hover][data-disabled],
.nav-185nbtf[data-hover][disabled] {
    background: initial;
}
.nav-1aamklj {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 1em;
    line-height: var(--chakra-lineHeights-normal);
    margin-inline-end: 0;
    position: absolute;
}
.nav-1fc7edv {
    animation: animation-b7n1on 0.45s linear 0s infinite normal none running;
    border-bottom: 2px solid var(--chakra-colors-transparent);
    border-left: 2px solid var(--chakra-colors-transparent);
    border-radius: 99999px;
    border-right: 2px solid;
    border-top: 2px solid;
    display: inline-block;
    --spinner-size: var(--chakra-sizes-6);
    color: currentcolor;
    height: 1em;
    width: 1em;
}
.nav-8b45rq {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.nav-q7lffx {
    opacity: 0;
}
.nav-i643qf {
    display: flex;
    margin-top: 2.7rem;
    overflow: hidden;
    position: relative;
}
.nav-1j9x4sv {
    background-image: linear-gradient(
        to bottom,
        #ff000000,
        var(--bg-main-color) 70%
    );
    inset: 60% 0 0;
    position: absolute;
    z-index: 2;
}
.nav-1g7sre6 {
    background-image: url();
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(20px);
    inset: 0;
    position: absolute;
}
.nav-6n7wkq {
    display: flex;
    flex: 1 1 0%;
    margin-inline: auto;
    max-width: var(--chakra-sizes-container-2xl);
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 0;
    position: relative;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
}
.nav-1wyeig1 {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding-bottom: 3rem;
    padding-top: 3rem;
    width: 100%;
    z-index: 3;
}
@media screen and (min-width: 960px) {
    .nav-1wyeig1 {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
}
.nav-12ckupk {
    border-radius: 5px;
    box-shadow: var(--chakra-shadows-base);
    grid-column: span 1 / span 1;
    overflow: hidden;
}
@media screen and (min-width: 960px) {
    .nav-12ckupk {
        grid-column: span 6 / span 6;
    }
}
.nav-eq2omy {
    max-height: 420px;
    width: 100%;
}
.nav-x9d2bq {
    background: var(--chakra-colors-white-100);
    border-radius: 5px;
    grid-column: span 1 / span 1;
    min-height: 420px;
    overflow: hidden;
}
@media screen and (min-width: 960px) {
    .nav-x9d2bq {
        grid-column: span 2 / span 2;
    }
}
.nav-wk6o2d {
    display: flex;
    flex-direction: column;
    height: 100%;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: var(--chakra-space-4);
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.nav-10rjlrk {
    margin-top: 0;
}
.nav-s9voqi {
    border-radius: 4px;
    padding: 10px 119px;
}
.nav-x52q81 {
    color: var(--chakra-colors-white-100);
    display: grid;
    gap: 0;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media screen and (min-width: 960px) {
    .nav-x52q81 {
        grid-gap: var(--chakra-space-3);
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
}
.nav-1wyxfzy {
    background: var(--chakra-colors-main-item);
    border-radius: var(--chakra-radii-md);
    grid-column: span 3 / span 3;
    margin-bottom: 2rem;
    padding: var(--chakra-space-5);
}
@media screen and (min-width: 960px) {
    .nav-1wyxfzy {
        margin-bottom: 0;
    }
}
.nav-1s05a5c {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    gap: var(--chakra-space-5);
}
.nav-zvc0l9 {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    width: 30%;
}
.nav-bp2dp6 {
    border-radius: var(--chakra-radii-md);
    width: 100%;
}
.nav-kg9n4 {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    font-size: 15px;
    gap: var(--chakra-space-2);
}
.nav-1p1uy1u {
    appearance: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 5px;
    font-size: var(--chakra-fontSizes-sm);
    font-weight: var(--chakra-fontWeights-bold);
    height: var(--chakra-sizes-8);
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-8);
    outline-color: var(--color-btn-1);
    outline-offset: 2px;
    outline-style: solid;
    outline-width: 2px;
    padding-inline-end: var(--chakra-space-3);
    padding-inline-start: var(--chakra-space-3);
    padding: 10px 15px;
    position: relative;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.nav-1p1uy1u:focus-visible,
.nav-1p1uy1u[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-1p1uy1u:disabled,
.nav-1p1uy1u[aria-disabled="true"],
.nav-1p1uy1u[data-disabled],
.nav-1p1uy1u[disabled] {
    box-shadow: var(--chakra-shadows-none);
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-1p1uy1u:hover,
.nav-1p1uy1u[data-hover] {
    background: linear-gradient(45deg, var(--color-btn-1), var(--color-btn-2));
    color: var(--chakra-colors-black-100);
}
.nav-1p1uy1u:hover:disabled,
.nav-1p1uy1u:hover[aria-disabled="true"],
.nav-1p1uy1u:hover[data-disabled],
.nav-1p1uy1u:hover[disabled],
.nav-1p1uy1u[data-hover]:disabled,
.nav-1p1uy1u[data-hover][aria-disabled="true"],
.nav-1p1uy1u[data-hover][data-disabled],
.nav-1p1uy1u[data-hover][disabled] {
    background: initial;
}
.nav-2neqna {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    flex-direction: row;
    gap: 0.5rem;
    justify-content: space-between;
    margin-top: 0.5rem;
}
.nav-1ey9w6j {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.nav-1bvqdo1 {
    padding-right: var(--chakra-space-2);
}
.nav-14egak9 {
    color: var(--chakra-colors-ocean-200);
    padding-right: var(--chakra-space-1);
}
.nav-7gjaca {
    appearance: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 5px;
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-bold);
    height: var(--chakra-sizes-10);
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    outline-color: var(--color-btn-1);
    outline-offset: 2px;
    outline-style: solid;
    outline-width: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 0;
    position: relative;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.nav-7gjaca:focus-visible,
.nav-7gjaca[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-7gjaca:disabled,
.nav-7gjaca[aria-disabled="true"],
.nav-7gjaca[data-disabled],
.nav-7gjaca[disabled] {
    box-shadow: var(--chakra-shadows-none);
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-7gjaca:hover,
.nav-7gjaca[data-hover] {
    background: linear-gradient(45deg, var(--color-btn-1), var(--color-btn-2));
    color: var(--chakra-colors-black-100);
}
.nav-7gjaca:hover:disabled,
.nav-7gjaca:hover[aria-disabled="true"],
.nav-7gjaca:hover[data-disabled],
.nav-7gjaca:hover[disabled],
.nav-7gjaca[data-hover]:disabled,
.nav-7gjaca[data-hover][aria-disabled="true"],
.nav-7gjaca[data-hover][data-disabled],
.nav-7gjaca[data-hover][disabled] {
    background: initial;
}
.nav-nd461x {
    background: var(--chakra-colors-main-item);
    border-radius: var(--chakra-radii-md);
    grid-column: span 9 / span 9;
    padding: var(--chakra-space-10);
}
.nav-1153lrp {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-5);
}
.nav-j0colv {
    font-size: var(--chakra-fontSizes-sm);
    margin-bottom: var(--chakra-space-2);
}
.nav-1pow826 {
    display: block;
    margin-top: 0.5rem;
    max-width: 100%;
    overflow: auto hidden;
    white-space: nowrap;
}
.nav-5605sr {
    border-collapse: collapse;
    font-variant-numeric: lining-nums tabular-nums;
    width: var(--chakra-sizes-full);
}
.nav-1f1waon {
    caption-side: bottom;
    font-family: var(--chakra-fonts-heading);
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-medium);
    margin-top: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-6);
    padding-bottom: var(--chakra-space-2);
    padding-inline-start: var(--chakra-space-6);
    padding-top: var(--chakra-space-2);
    text-align: center;
}
.nav-oedxf4 {
    background: var(--chakra-colors-main-item);
}
.nav-2l4nub {
    font-family: var(--chakra-fonts-heading);
    font-size: var(--chakra-fontSizes-sm);
    font-weight: var(--chakra-fontWeights-bold);
    letter-spacing: var(--chakra-letterSpacings-wider);
    line-height: var(--chakra-lineHeights-5);
    padding-inline-end: var(--chakra-space-8);
    padding-bottom: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-8);
    padding-top: var(--chakra-space-4);
    text-align: start;
    text-transform: uppercase;
}
.nav-10rvbm3 {
    font-weight: 500;
}
.nav-ecyy33 {
    border-color: inherit;
    border-image: initial;
    border-style: solid;
    border-width: 0 0 1px;
    margin-bottom: var(--chakra-space-5);
    margin-top: var(--chakra-space-5);
    opacity: 0.6;
    width: 100%;
}
.nav-rltemf {
    margin-top: var(--chakra-space-2);
}
.nav-1t7rcca {
    border: var(--chakra-borders-none);
    overflow-anchor: none;
}
.nav-1t7rcca:last-of-type {
    border-bottom-width: 1px;
}
.nav-uttm9k {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: var(--chakra-fontSizes-md);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-2);
    padding-inline-start: var(--chakra-space-4);
    padding-top: var(--chakra-space-2);
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    width: 100%;
}
.nav-uttm9k:focus-visible,
.nav-uttm9k[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-uttm9k:hover,
.nav-uttm9k[data-hover] {
    background: var(--chakra-colors-blackAlpha-50);
}
.nav-uttm9k:disabled,
.nav-uttm9k[aria-disabled="true"],
.nav-uttm9k[data-disabled],
.nav-uttm9k[disabled] {
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-1bwbiic {
    color: var(--chakra-colors-ocean-200);
    flex: 1 1 0%;
    text-align: left;
}
.nav-186l2rg {
    color: currentcolor;
    display: inline-block;
    flex-shrink: 0;
    font-size: 1.25em;
    height: 1em;
    line-height: 1em;
    opacity: 1;
    transform-origin: center center;
    transition: transform 0.2s ease 0s;
    vertical-align: middle;
    width: 1em;
}
.nav-1rr42hn {
    padding-inline-end: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-2);
    padding-top: var(--chakra-space-2);
    padding-inline-start: var(--chakra-space-4);
}
.nav-1cmtnvn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    gap: 0.5rem;
    padding-bottom: var(--chakra-space-1);
    padding-top: var(--chakra-space-1);
}
.nav-1mjo316 {
    display: inline;
    height: 10px;
    margin-inline-end: var(--chakra-space-2);
    vertical-align: text-bottom;
}
.nav-1mjo316,
.nav-j2ph2z {
    color: currentcolor;
    flex-shrink: 0;
    line-height: 1em;
    width: 1em;
}
.nav-j2ph2z {
    display: inline-block;
    font-size: 1.25em;
    height: 1em;
    opacity: 1;
    transform: rotate(-180deg);
    transform-origin: center center;
    transition: transform 0.2s ease 0s;
    vertical-align: middle;
}
.nav-1p4dj6q {
    line-height: var(--chakra-lineHeights-6);
    padding-inline-end: var(--chakra-space-8);
    padding-bottom: var(--chakra-space-5);
    padding-inline-start: var(--chakra-space-8);
    padding-top: var(--chakra-space-5);
    text-align: start;
}
.nav-2xph3x {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-2);
}
.nav-bjcoli {
    color: green;
}
.nav-70qvj9 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.nav-1ptt9or,
.nav-1v4xcoh {
    margin-left: var(--chakra-space-2);
}
.nav-1ptt9or {
    line-height: 2;
}
.nav-1lpmvpx {
    display: block;
    margin-top: var(--chakra-space-5);
    max-width: 100%;
    overflow: auto hidden;
    white-space: nowrap;
}
.nav-1jo2qms {
    color: var(--chakra-colors-ocean-200);
    line-height: var(--chakra-lineHeights-6);
    padding-inline-end: var(--chakra-space-8);
    padding-bottom: var(--chakra-space-5);
    padding-inline-start: var(--chakra-space-8);
    padding-top: var(--chakra-space-5);
    text-align: start;
}
.nav-1j9d9aq {
    appearance: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: var(--chakra-colors-black-200);
    border-radius: var(--chakra-radii-md);
    color: var(--chakra-colors-white-500);
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-semibold);
    height: var(--chakra-sizes-10);
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 10px 20px;
    position: relative;
    text-transform: uppercase;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.nav-1j9d9aq:focus-visible,
.nav-1j9d9aq[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-1j9d9aq:disabled,
.nav-1j9d9aq[aria-disabled="true"],
.nav-1j9d9aq[data-disabled],
.nav-1j9d9aq[disabled] {
    box-shadow: var(--chakra-shadows-none);
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-1j9d9aq:hover,
.nav-1j9d9aq[data-hover] {
    background: var(--chakra-colors-black-300);
    color: var(--chakra-colors-white-100);
    text-decoration: none;
}
.nav-1j9d9aq:hover:disabled,
.nav-1j9d9aq:hover[aria-disabled="true"],
.nav-1j9d9aq:hover[data-disabled],
.nav-1j9d9aq:hover[disabled],
.nav-1j9d9aq[data-hover]:disabled,
.nav-1j9d9aq[data-hover][aria-disabled="true"],
.nav-1j9d9aq[data-hover][data-disabled],
.nav-1j9d9aq[data-hover][disabled] {
    background: initial;
}
.nav-1vy7d4r {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
@media screen and (min-width: 768px) {
    .nav-1vy7d4r {
        grid-template-columns: repeat(5, 1fr);
    }
}
.nav-tuh9u2 {
    grid-column: span 2 / span 2;
}
.nav-1mu7gb0 {
    margin-bottom: var(--chakra-space-1);
    position: relative;
    width: 100%;
}
.nav-8pmr8q {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    gap: var(--chakra-space-3);
}
.nav-1t17lyd {
    background: var(--chakra-colors-black-100);
    border-color: var(--chakra-colors-gray-400);
    border-radius: var(--chakra-radii-md);
    cursor: pointer;
    filter: grayscale(100%);
    flex: 1 1 0%;
    padding: var(--chakra-space-3);
}
.nav-8atqhb {
    width: 100%;
}
.nav-15hhl4s {
    appearance: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: linear-gradient(45deg, var(--color-btn-1), var(--color-btn-2));
    border-radius: 9px;
    color: var(--chakra-colors-black-100);
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-bold);
    height: 50px;
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 10px 20px;
    position: relative;
    text-transform: uppercase;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}
.nav-15hhl4s:focus-visible,
.nav-15hhl4s[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-15hhl4s:disabled,
.nav-15hhl4s[aria-disabled="true"],
.nav-15hhl4s[data-disabled],
.nav-15hhl4s[disabled] {
    box-shadow: var(--chakra-shadows-none);
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-15hhl4s:hover,
.nav-15hhl4s[data-hover] {
    background: linear-gradient(45deg, var(--color-btn-2), var(--color-btn-1));
    color: var(--chakra-colors-black-100);
}
.nav-15hhl4s:hover:disabled,
.nav-15hhl4s:hover[aria-disabled="true"],
.nav-15hhl4s:hover[data-disabled],
.nav-15hhl4s:hover[disabled],
.nav-15hhl4s[data-hover]:disabled,
.nav-15hhl4s[data-hover][aria-disabled="true"],
.nav-15hhl4s[data-hover][data-disabled],
.nav-15hhl4s[data-hover][disabled] {
    background: initial;
}
.nav-1eyxwgy {
    border: red;
    border-radius: var(--chakra-radii-lg);
    padding: var(--chakra-space-5);
}
.nav-15mi6ax {
    color: red;
}
.nav-15mi6ax,
.nav-2hy9x3 {
    line-height: 2;
}
.nav-1pomecj {
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: var(--chakra-colors-black-200);
    border-radius: 9px;
    color: var(--chakra-colors-white-500);
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-semibold);
    height: var(--chakra-sizes-10);
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 10px 20px;
    position: relative;
    text-transform: uppercase;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.nav-1tixyze {
    font-size: 15px;
}
.nav-11sac6f {
    grid-gap: var(--chakra-space-5);
}
@media screen and (min-width: 960px) {
    .nav-11sac6f {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        margin-top: 0;
        padding-inline: 0;
        padding-inline-end: 0.445rem;
        padding-inline-start: 0.445rem;
    }
}
.nav-16fol5z,
.nav-1wtty16 {
    transition: all 0.5s ease 0s;
}
.nav-obupz9 {
    transition: all 0.3s ease 0s;
}
.nav-1gwqhn8 {
    border-color: var(--chakra-colors-ocean-300);
    border-image: initial;
    border-style: solid;
    border-width: 0 0 1px;
    opacity: 0.6;
    width: 100%;
}
.nav-d1617m {
    font-size: 0.85rem;
    list-style-type: none;
    padding-inline-end: var(--chakra-space-3);
    padding-bottom: var(--chakra-space-2);
    padding-inline-start: var(--chakra-space-3);
    padding-top: var(--chakra-space-2);
}
.nav-j9k9q7 {
    border-radius: var(--chakra-radii-md);
    display: flex;
    flex-direction: column;
    margin-bottom: var(--chakra-space-16);
    margin-top: var(--chakra-space-16);
    outline: 2px solid transparent;
    outline-offset: 2px;
    position: relative;
    width: 100%;
    z-index: var(--chakra-zIndices-modal);
    --modal-bg: colors.white;
    --modal-shadow: var(--chakra-shadows-lg);
    background: var(--chakra-colors-main-item);
    box-shadow: var(--modal-shadow);
    color: var(--chakra-colors-white-100);
    max-width: var(--chakra-sizes-md);
}
.chakra-ui-dark .nav-j9k9q7:not([data-theme]),
.nav-j9k9q7[data-theme="dark"],
[data-theme="dark"] .nav-j9k9q7:not([data-theme]) {
    --modal-bg: var(--chakra-colors-gray-700);
    --modal-shadow: var(--chakra-shadows-dark-lg);
}
.nav-1t83rdp {
    padding: 20px;
}
.nav-1t83rdp:focus-visible,
.nav-1t83rdp[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-1t83rdp:disabled,
.nav-1t83rdp[aria-disabled="true"],
.nav-1t83rdp[data-disabled],
.nav-1t83rdp[disabled] {
    box-shadow: var(--chakra-shadows-none);
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-1t83rdp:hover,
.nav-1t83rdp[data-hover] {
    background: var(--chakra-colors-main-item4);
    color: var(--chakra-colors-white-100);
}
.nav-1t83rdp:hover:disabled,
.nav-1t83rdp:hover[aria-disabled="true"],
.nav-1t83rdp:hover[data-disabled],
.nav-1t83rdp:hover[disabled],
.nav-1t83rdp[data-hover]:disabled,
.nav-1t83rdp[data-hover][aria-disabled="true"],
.nav-1t83rdp[data-hover][data-disabled],
.nav-1t83rdp[data-hover][disabled] {
    background: initial;
}
.nav-nv68nj1 {
    display: flex;
    gap: var(--chakra-space-2);
    padding-bottom: var(--chakra-space-3);
    padding-inline-end: var(--chakra-space-4);
    padding-top: var(--chakra-space-3);
    padding-inline-start: var(--chakra-space-4);
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-evenly;
    overflow: hidden;
}
.ws-buying-modal .el-dialog {
    width: 95% !important;
}
.tw-rounded-b {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.el-input__inner1 {
    --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%;
}
.nav-s9voqi1 {
    appearance: none;
    display: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: linear-gradient(45deg, var(--color-btn-1), var(--color-btn-2));
    border-radius: 9px;
    color: var(--chakra-colors-black-100);
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-bold);
    height: var(--chakra-sizes-10);
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    position: relative;
    text-transform: uppercase;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
@media screen and (min-width: 768px) {
    .nav-s9voqi1 {
        display: inline-block;
    }
}
.nav-1t83rdp {
    appearance: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-color: var(--chakra-colors-ocean-100);
    border-image: initial;
    border-radius: 5px;
    border-style: solid;
    border-width: 1.5px;
    font-size: 17px;
    font-weight: 600;
    height: var(--chakra-sizes-10);
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 20px 25px;
    position: relative;
    text-transform: uppercase;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.nav-167bzet {
    background: var(--chakra-colors-main-item);
    color: var(--chakra-colors-white-100);
    display: flex;
    flex-direction: column;
    height: 100%;
}
.nav-1uw5bnh {
    display: flex;
    -webkit-box-pack: start;
    flex-direction: row;
    justify-content: flex-start;
}
.nav-s0rjlw {
    display: flex;
    outline: 2px solid transparent;
    outline-offset: 2px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: var(--bg-top-recharge-unactive);
    color: var(--chakra-colors-white-100);
    flex: 1 1 0%;
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-bold);
    justify-content: center;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 1rem;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
}
.nav-s0rjlw:focus-visible,
.nav-s0rjlw[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
    z-index: 1;
}
.nav-s0rjlw:disabled,
.nav-s0rjlw[aria-disabled="true"],
.nav-s0rjlw[data-disabled],
.nav-s0rjlw[disabled] {
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-s0rjlw[aria-selected="true"],
.nav-s0rjlw[data-selected] {
    background: var(--chakra-colors-main-item);
    color: var(--chakra-colors-white-100);
}
.nav-o1lnjr {
    display: flex;
    outline: 2px solid transparent;
    outline-offset: 2px;
    -webkit-box-align: center;
    align-items: center;
    background: var(--bg-top-recharge-unactive);
    color: var(--chakra-colors-white-100);
    flex: 1 1 0%;
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-bold);
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 1rem;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.nav-o1lnjr:focus-visible,
.nav-o1lnjr[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
    z-index: 1;
}
.nav-o1lnjr:disabled,
.nav-o1lnjr[aria-disabled="true"],
.nav-o1lnjr[data-disabled],
.nav-o1lnjr[disabled] {
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-o1lnjr[aria-selected="true"],
.nav-o1lnjr[data-selected] {
    background: var(--chakra-colors-main-item);
    color: var(--chakra-colors-white-100);
}
.nav-118xvt9 {
    color: var(--chakra-colors-red-500);
    font-size: 20px;
    transform: rotate(-15deg);
}
.nav-118xvt9,
.nav-1gwqola {
    display: inline-block;
    flex-shrink: 0;
    height: 1em;
    line-height: 1em;
    margin-right: 10px;
    width: 1em;
}
.nav-1gwqola {
    color: currentcolor;
}
.nav-1sl8dhm {
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: 100%;
}
.nav-cq8o23 {
    flex-direction: column;
    list-style-type: none;
    -webkit-box-pack: start;
    gap: var(--chakra-space-3);
    justify-content: flex-start;
}
.nav-cq8o23,
.nav-tkevr6 {
    display: flex;
    height: 100%;
}
.nav-tkevr6 {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.nav-nkpswe {
    animation: animation-b7n1on 0.45s linear 0s infinite normal none running;
    border-bottom: 2px solid var(--chakra-colors-transparent);
    border-left: 2px solid var(--chakra-colors-transparent);
    border-radius: 99999px;
    border-right: 2px solid;
    border-top: 2px solid;
    display: inline-block;
    height: var(--spinner-size);
    width: var(--spinner-size);
    --spinner-size: var(--chakra-sizes-6);
}
.nav-nek2wy {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    gap: var(--chakra-space-3);
}
.nav-1pdcswv {
    border-color: var(--chakra-colors-main-item3);
    border-image: initial;
    border-style: solid;
    border-width: 0 0 1px;
    margin-inline: auto;
    opacity: 0.6;
    width: 70%;
}
.nav-qf38fy {
    appearance: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: var(--chakra-colors-main-item2);
    border-radius: 5px;
    color: var(--color-text-price-top-recharge);
    font-size: 18px;
    font-weight: var(--chakra-fontWeights-bold);
    height: var(--chakra-sizes-10);
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 25px 20px;
    position: relative;
    text-transform: uppercase;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}
.nav-qf38fy:focus-visible,
.nav-qf38fy[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-qf38fy:disabled,
.nav-qf38fy[aria-disabled="true"],
.nav-qf38fy[data-disabled],
.nav-qf38fy[disabled] {
    box-shadow: var(--chakra-shadows-none);
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-qf38fy:hover,
.nav-qf38fy[data-hover] {
    background: var(--chakra-colors-black-300);
    color: var(--chakra-colors-white-100);
}
.nav-qf38fy:hover:disabled,
.nav-qf38fy:hover[aria-disabled="true"],
.nav-qf38fy:hover[data-disabled],
.nav-qf38fy:hover[disabled],
.nav-qf38fy[data-hover]:disabled,
.nav-qf38fy[data-hover][aria-disabled="true"],
.nav-qf38fy[data-hover][data-disabled],
.nav-qf38fy[data-hover][disabled] {
    background: initial;
}
.nav-gmuwbf {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.nav-b8qq9y {
    border-color: inherit;
    border-image: initial;
    border-style: solid;
    border-width: 0 0 1px;
    margin-inline: auto;
    opacity: 0.6;
    width: 70%;
}
.nav-10rjlrk {
    flex: 1 1 0%;
    height: 100%;
    margin-inline: auto;
    margin-top: 2rem;
    max-width: var(--chakra-sizes-container-2xl);
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 0;
    width: 100%;
    z-index: 5;
}
.nav-ozw706 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 2rem;
}
.nav-x0g09c {
    height: 45px;
    width: 50%;
}
@media screen and (min-width: 960px) {
    .nav-x0g09c {
        width: 25%;
    }
}
.nav-17jtut6 {
    display: grid;
    grid-gap: var(--chakra-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-inline-end: var(--chakra-space-2);
    padding-inline-start: var(--chakra-space-2);
}
@media screen and (min-width: 768px) {
    .nav-17jtut6 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media screen and (min-width: 960px) {
    .nav-17jtut6 {
        grid-gap: var(--chakra-space-4);
        grid-template-columns: repeat(4, minmax(0, 1fr));
        padding-inline: 0;
    }
}
@media screen and (min-width: 1200px) {
    .nav-17jtut6 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
.nav-1qfpmgu {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    background: var(--chakra-colors-main-item);
    border-radius: var(--chakra-radii-md);
    box-shadow: var(--chakra-shadows-base);
    color: var(--chakra-colors-white-100);
    height: 370px;
    justify-content: space-between;
    overflow: hidden;
}
.nav-adsocq {
    height: 50%;
    overflow: hidden;
    position: relative;
}
.nav-17m4fw8 {
    background-image: linear-gradient(0deg, transparent, #000);
    inset: 0 0 30%;
    position: absolute;
}
.nav-10klw3m {
    height: 100%;
}
.nav-ihjod7 {
    height: 50%;
    padding-inline: 1.7rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.nav-1yklv6o,
.nav-ihjod7 {
    display: flex;
    flex-direction: column;
}
.nav-1yklv6o {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    gap: var(--chakra-space-1);
    justify-content: center;
}
.nav-lsld1d {
    height: 15px;
    width: 120px;
}
@media screen and (min-width: 768px) {
    .nav-lsld1d {
        width: 200px;
    }
}
.nav-1fn25yz {
    height: 15px;
    width: 100px;
}
.nav-1c9n49m {
    height: 15px;
    width: 150px;
}
.nav-1vqkgwi {
    height: 25px;
    width: 85px;
}
.nav-5xoxyn {
    bottom: var(--chakra-space-3);
    left: var(--chakra-space-3);
    position: fixed;
    z-index: 10;
}
.nav-5hycq4 {
    appearance: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: linear-gradient(45deg, var(--color-btn-1), var(--color-btn-2));
    border-radius: 9px;
    color: var(--chakra-colors-black-100);
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-bold);
    height: var(--chakra-sizes-10);
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 10px;
    position: absolute;
    text-transform: uppercase;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.nav-5hycq4:focus-visible,
.nav-5hycq4[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-5hycq4:disabled,
.nav-5hycq4[aria-disabled="true"],
.nav-5hycq4[data-disabled],
.nav-5hycq4[disabled] {
    box-shadow: var(--chakra-shadows-none);
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-5hycq4:hover,
.nav-5hycq4[data-hover] {
    background: linear-gradient(45deg, var(--color-btn-2), var(--color-btn-1));
    color: var(--chakra-colors-black-100);
}
.nav-5hycq4:hover:disabled,
.nav-5hycq4:hover[aria-disabled="true"],
.nav-5hycq4:hover[data-disabled],
.nav-5hycq4:hover[disabled],
.nav-5hycq4[data-hover]:disabled,
.nav-5hycq4[data-hover][aria-disabled="true"],
.nav-5hycq4[data-hover][data-disabled],
.nav-5hycq4[data-hover][disabled] {
    background: initial;
}
.nav-4g6ai3 {
    cursor: pointer;
}
.nav-1bqmwoz {
    width: 70%;
}
@media screen and (min-width: 768px) {
    .nav-1bqmwoz {
        width: 85%;
    }
}
.nav-lddqu5 {
    display: grid;
    grid-gap: var(--chakra-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 3rem;
    padding-inline-end: var(--chakra-space-2);
    padding-inline-start: var(--chakra-space-2);
}
@media screen and (min-width: 768px) {
    .nav-lddqu5 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media screen and (min-width: 960px) {
    .nav-lddqu5 {
        grid-gap: var(--chakra-space-4);
        grid-template-columns: repeat(4, minmax(0, 1fr));
        padding-inline: 0;
    }
}
@media screen and (min-width: 1200px) {
    .nav-lddqu5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
.nav-1lads1q {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
}
.nav-1mrk1dy {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--chakra-line-clamp);
    --chakra-line-clamp: 2;
}
.nav-9fgtzh {
    flex: 0 1 0%;
    font-size: var(--chakra-fontSizes-xl);
    font-weight: var(--chakra-fontWeights-semibold);
    padding-inline-end: var(--chakra-space-6);
    padding-bottom: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-6);
    padding-top: var(--chakra-space-4);
}
.nav-onkibi {
    color: currentcolor;
    display: inline-block;
    flex-shrink: 0;
    height: 1em;
    line-height: 1em;
    vertical-align: middle;
    width: 1em;
}
.nav-qlig70 {
    flex: 1 1 0%;
    padding-inline-end: var(--chakra-space-6);
    padding-bottom: var(--chakra-space-2);
    padding-inline-start: var(--chakra-space-6);
    padding-top: var(--chakra-space-2);
}
.nav-s9voqi {
    appearance: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: linear-gradient(45deg, var(--color-btn-1), var(--color-btn-2));
    border-radius: 9px;
    color: var(--chakra-colors-black-100);
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-bold);
    height: var(--chakra-sizes-10);
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 10px 20px;
    position: relative;
    text-transform: uppercase;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.nav-s9voqi:focus-visible,
.nav-s9voqi[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-s9voqi:disabled,
.nav-s9voqi[aria-disabled="true"],
.nav-s9voqi[data-disabled],
.nav-s9voqi[disabled] {
    box-shadow: var(--chakra-shadows-none);
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-s9voqi:hover,
.nav-s9voqi[data-hover] {
    background: linear-gradient(45deg, var(--color-btn-2), var(--color-btn-1));
    color: var(--chakra-colors-black-100);
}
.nav-s9voqi:hover:disabled,
.nav-s9voqi:hover[aria-disabled="true"],
.nav-s9voqi:hover[data-disabled],
.nav-s9voqi:hover[disabled],
.nav-s9voqi[data-hover]:disabled,
.nav-s9voqi[data-hover][aria-disabled="true"],
.nav-s9voqi[data-hover][data-disabled],
.nav-s9voqi[data-hover][disabled] {
    background: initial;
}
.nav-1k8pvkd {
    display: flex;
    gap: 0.5rem;
    width: 60%;
    -webkit-box-align: center;
    align-items: center;
}
.nav-1vx1dtt {
    height: 100%;
    position: relative;
}
.nav-fmr52q {
    color: var(--chakra-colors-red-400);
    display: inline-block;
    flex-shrink: 0;
    font-size: 30px;
    height: 100%;
    line-height: 1em;
    width: 1em;
}
.nav-8lnsnw {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nav-19bp7no {
    background: var(--chakra-colors-main-item2);
    border-radius: 4px;
    color: var(--color-text-price-top-recharge);
    font-weight: var(--chakra-fontWeights-bold);
    margin-bottom: auto;
    margin-top: auto;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    text-align: center;
    width: 130px;
}
.nav-l22ou {
    color: var(--chakra-colors-ocean-100);
    display: inline-block;
    flex-shrink: 0;
    font-size: 30px;
    height: 100%;
    line-height: 1em;
    width: 1em;
}
.nav-1w5ptqk {
    font-weight: 600;
    inset: 0;
    line-height: 2.5;
    position: absolute;
    text-align: center;
}
.nav-112k95u {
    color: var(--chakra-colors-yellow-500);
}
.nav-112k95u,
.nav-cy4d2h {
    display: inline-block;
    flex-shrink: 0;
    font-size: 30px;
    height: 100%;
    line-height: 1em;
    width: 1em;
}
.nav-cy4d2h {
    color: var(--chakra-colors-green-500);
}
.nav-199kfe {
    color: currentcolor;
    display: inline-block;
    flex-shrink: 0;
    height: var(--chakra-sizes-3);
    line-height: 1em;
    vertical-align: middle;
    width: var(--chakra-sizes-3);
}
.nav-14rxmsw {
    background: var(--chakra-colors-blackAlpha-600);
    height: 100vh;
    z-index: var(--chakra-zIndices-overlay);
}
.nav-14rxmsw,
.nav-17pwl6t {
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
}
.nav-17pwl6t {
    height: var(--chakra-vh);
    -webkit-box-pack: center;
    justify-content: center;
}
.nav-17pwl6t,
.nav-5zfa13 {
    display: flex;
    z-index: var(--chakra-zIndices-modal);
}
.nav-5zfa13 {
    color: inherit;
    flex-direction: column;
    max-height: 100vh;
    outline: 2px solid transparent;
    outline-offset: 2px;
    position: relative;
    width: 100%;
    --drawer-bg: colors.white;
    --drawer-box-shadow: var(--chakra-shadows-lg);
    background: var(--chakra-colors-main-item);
    box-shadow: var(--drawer-box-shadow);
    max-width: var(--chakra-sizes-xs);
}
.chakra-ui-dark .nav-5zfa13:not([data-theme]),
.nav-5zfa13[data-theme="dark"],
[data-theme="dark"] .nav-5zfa13:not([data-theme]) {
    --drawer-bg: var(--chakra-colors-gray-700);
    --drawer-box-shadow: var(--chakra-shadows-dark-lg);
}
.nav-moi7bl {
    flex: 1 1 0%;
    overflow: auto;
    padding-inline-end: var(--chakra-space-6);
    padding-bottom: var(--chakra-space-2);
    padding-inline-start: var(--chakra-space-6);
    padding-top: var(--chakra-space-2);
}
.nav-1i2407o,
.nav-moi7bl {
    display: flex;
    flex-direction: column;
}
.nav-1i2407o {
    gap: var(--chakra-space-1);
}
.nav-lxmzlz {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-bottom: var(--chakra-space-2);
    padding-top: var(--chakra-space-2);
}
.nav-lxmzlz:hover,
.nav-lxmzlz[data-hover],
.nav-wnxme9 {
    text-decoration: none;
}
.nav-wnxme9 {
    color: inherit;
    cursor: pointer;
    display: flex;
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-duration: var(--chakra-transition-duration-fast);
    transition-property: var(--chakra-transition-property-common);
    transition-timing-function: var(--chakra-transition-easing-ease-out);
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-bottom: var(--chakra-space-2);
    padding-top: var(--chakra-space-2);
}
.nav-wnxme9:hover,
.nav-wnxme9[data-hover] {
    text-decoration: underline;
}
.nav-wnxme9:focus-visible,
.nav-wnxme9[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-wnxme9:hover,
.nav-wnxme9[data-hover] {
    text-decoration: none;
}
.nav-1bi3tnx {
    font-weight: 600;
}
.nav-1bi3tnx,
.nav-9kqbln {
    color: var(--chakra-colors-white-100);
}
.nav-9kqbln {
    display: flex;
    -webkit-box-align: start;
    align-items: start;
    border-color: var(--chakra-colors-gray-200);
    border-left-width: 1px;
    border-style: solid;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding-left: var(--chakra-space-4);
}
.nav-19py8wr,
.nav-38tdot {
    color: var(--chakra-colors-white-100);
    display: inline-block;
    flex-shrink: 0;
    height: var(--chakra-sizes-6);
    line-height: 1em;
    transition: all 0.25s ease-in-out 0s;
    width: var(--chakra-sizes-6);
}
.nav-38tdot {
    vertical-align: middle;
}
.nav-km23hw {
    color: inherit;
    cursor: pointer;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-bottom: var(--chakra-space-2);
    padding-top: var(--chakra-space-2);
    text-decoration: none;
    transition-duration: var(--chakra-transition-duration-fast);
    transition-property: var(--chakra-transition-property-common);
    transition-timing-function: var(--chakra-transition-easing-ease-out);
}
.nav-km23hw:hover,
.nav-km23hw[data-hover] {
    text-decoration: underline;
}
.nav-km23hw:focus-visible,
.nav-km23hw[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.with-scroll-bars-hidden {
    overflow: hidden !important;
    padding-right: 0 !important;
}
body {
    margin-left: 0;
    margin-right: 0 !important;
    margin-top: 0;
    overscroll-behavior: contain;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: relative !important;
}
.right-scroll-bar-position {
    right: 0 !important;
}
.width-before-scroll-bar {
    margin-right: 0 !important;
}
.right-scroll-bar-position .right-scroll-bar-position {
    right: 0 !important;
}
.width-before-scroll-bar .width-before-scroll-bar {
    margin-right: 0 !important;
}
body {
    --removed-body-scroll-bar-size: 0px;
}
.nav-u3el3g {
    font-family: sans-serif;
    font-size: 18px;
}
.nav-1r7jwya,
.nav-u3el3g {
    color: var(--chakra-colors-white-999);
}
.nav-1r7jwya {
    display: inline-block;
    flex-shrink: 0;
    height: 1em;
    line-height: 1em;
    width: 1em;
}
.nav-1vhdyq4 {
    display: flex;
    flex-direction: column;
    margin-bottom: 4rem;
    margin-top: 1.5rem;
    text-align: center;
}
.nav-19ji5v2 {
    color: gray;
    font-weight: var(--chakra-fontWeights-bold);
}
.nav-n4cpn9 {
    appearance: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: var(--chakra-colors-red-600);
    border-radius: var(--chakra-radii-2xl);
    color: var(--chakra-colors-white-100);
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-semibold);
    height: var(--chakra-sizes-10);
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-9);
    padding-inline-start: var(--chakra-space-4);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: var(--chakra-space-9);
    position: relative;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.nav-n4cpn9:focus-visible,
.nav-n4cpn9[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-n4cpn9:disabled,
.nav-n4cpn9[aria-disabled="true"],
.nav-n4cpn9[data-disabled],
.nav-n4cpn9[disabled] {
    box-shadow: var(--chakra-shadows-none);
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-n4cpn9:hover,
.nav-n4cpn9[data-hover] {
    background: var(--chakra-colors-red-500);
    color: var(--chakra-colors-white-100);
    text-decoration: none;
}
.nav-n4cpn9:hover:disabled,
.nav-n4cpn9:hover[aria-disabled="true"],
.nav-n4cpn9:hover[data-disabled],
.nav-n4cpn9:hover[disabled],
.nav-n4cpn9[data-hover]:disabled,
.nav-n4cpn9[data-hover][aria-disabled="true"],
.nav-n4cpn9[data-hover][data-disabled],
.nav-n4cpn9[data-hover][disabled] {
    background: initial;
}
.nav-1ey238l {
    display: flex;
    font-size: var(--chakra-fontSizes-lg);
    height: 100%;
    margin-right: 1rem;
    position: absolute;
    right: 0;
    top: 0;
    width: var(--chakra-sizes-12);
    z-index: 2;
}
.nav-1ey238l,
.nav-kmzh8b {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.nav-kmzh8b {
    appearance: none;
    background: var(--chakra-colors-gray-100);
    border-radius: var(--chakra-radii-md);
    color: var(--chakra-colors-gray-800);
    display: inline-flex;
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-semibold);
    height: var(--chakra-sizes-10);
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 0;
    position: relative;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.nav-kmzh8b:focus-visible,
.nav-kmzh8b[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-kmzh8b:disabled,
.nav-kmzh8b[aria-disabled="true"],
.nav-kmzh8b[data-disabled],
.nav-kmzh8b[disabled] {
    box-shadow: var(--chakra-shadows-none);
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-kmzh8b:hover,
.nav-kmzh8b[data-hover] {
    background: var(--chakra-colors-gray-200);
    color: var(--chakra-colors-white-100);
}
.nav-kmzh8b:hover:disabled,
.nav-kmzh8b:hover[aria-disabled="true"],
.nav-kmzh8b:hover[data-disabled],
.nav-kmzh8b:hover[disabled],
.nav-kmzh8b[data-hover]:disabled,
.nav-kmzh8b[data-hover][aria-disabled="true"],
.nav-kmzh8b[data-hover][data-disabled],
.nav-kmzh8b[data-hover][disabled] {
    background: var(--chakra-colors-gray-100);
}
.nav-kmzh8b:active,
.nav-kmzh8b[data-active] {
    background: var(--chakra-colors-gray-300);
}
.nav-1up6ay9 {
    display: flex;
    gap: var(--chakra-space-2);
    margin-bottom: var(--chakra-space-3);
    margin-top: var(--chakra-space-3);
}
.nav-11nrrcx {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-3);
}
.nav-1ivn8l3 {
    color: gray;
    text-align: center;
}
.nav-1kxonj9,
.nav-bx0blc {
    position: relative;
    width: 100%;
}
.nav-bx0blc {
    display: flex;
    isolation: isolate;
}
.nav-ghxgsz {
    appearance: none;
    background: var(--chakra-colors-gray-100);
    border-color: var(--chakra-colors-transparent);
    border-image: initial;
    border-radius: var(--chakra-radii-md);
    border-style: solid;
    border-width: 2px;
    color: var(--chakra-colors-black-999);
    font-size: var(--chakra-fontSizes-lg);
    font-weight: 450;
    height: var(--chakra-sizes-12);
    min-width: 0;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-bottom: 2rem;
    padding-top: 2rem;
    padding-inline: 1.5rem;
    position: relative;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    width: 100%;
}
.nav-ghxgsz:disabled,
.nav-ghxgsz[aria-disabled="true"],
.nav-ghxgsz[data-disabled],
.nav-ghxgsz[disabled] {
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-ghxgsz:hover,
.nav-ghxgsz[data-hover] {
    background: var(--chakra-colors-gray-200);
}
.nav-ghxgsz[aria-readonly="true"],
.nav-ghxgsz[data-readonly],
.nav-ghxgsz[readonly] {
    box-shadow: var(--chakra-shadows-none) !important;
    user-select: all;
}
.nav-ghxgsz[aria-invalid="true"],
.nav-ghxgsz[data-invalid] {
    border-color: var(--chakra-colors-red-500);
}
.nav-ghxgsz:focus-visible,
.nav-ghxgsz[data-focus-visible] {
    background: var(--chakra-colors-transparent);
    border-color: var(--chakra-colors-blue-500);
}
.nav-ghxgsz::-webkit-input-placeholder {
    font-size: 17px;
    font-weight: 700;
}
.nav-ghxgsz::placeholder {
    font-size: 17px;
    font-weight: 700;
}
.nav-fe15k6 {
    font-family: var(--chakra-fonts-heading);
    font-size: var(--chakra-fontSizes-3xl);
    font-weight: var(--chakra-fontWeights-bold);
    line-height: 1.33;
    text-align: center;
}
.nav-7e2yxe {
    appearance: none;
    background: var(--chakra-colors-gray-100);
    border-color: var(--chakra-colors-transparent);
    border-image: initial;
    border-radius: var(--chakra-radii-md);
    border-style: solid;
    border-width: 2px;
    color: var(--chakra-colors-black-999);
    font-size: var(--chakra-fontSizes-lg);
    font-weight: 450;
    height: var(--chakra-sizes-12);
    min-width: 0;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-bottom: 2rem;
    padding-inline-end: var(--chakra-space-12);
    padding-top: 2rem;
    padding-inline-start: 1.5rem;
    position: relative;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    width: 100%;
}
.nav-7e2yxe:disabled,
.nav-7e2yxe[aria-disabled="true"],
.nav-7e2yxe[data-disabled],
.nav-7e2yxe[disabled] {
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-7e2yxe:hover,
.nav-7e2yxe[data-hover] {
    background: var(--chakra-colors-gray-200);
}
.nav-7e2yxe[aria-readonly="true"],
.nav-7e2yxe[data-readonly],
.nav-7e2yxe[readonly] {
    box-shadow: var(--chakra-shadows-none) !important;
    user-select: all;
}
.nav-7e2yxe[aria-invalid="true"],
.nav-7e2yxe[data-invalid] {
    border-color: var(--chakra-colors-red-500);
}
.nav-7e2yxe:focus-visible,
.nav-7e2yxe[data-focus-visible] {
    background: var(--chakra-colors-transparent);
    border-color: var(--chakra-colors-blue-500);
}
.nav-7e2yxe::-webkit-input-placeholder {
    font-size: 17px;
    font-weight: 700;
}
.nav-7e2yxe::placeholder {
    font-size: 17px;
    font-weight: 700;
}
@media screen and (min-width: 380px) {
    .nav-fe15k6 {
        font-size: var(--chakra-fontSizes-4xl);
        line-height: 1.2;
    }
}
.nav-1yfw0to {
    background: var(--chakra-colors-white-999);
    display: flex;
    flex-direction: column;
    padding-inline: 2rem;
    padding-top: 6rem;
    width: 500px;
    -webkit-box-pack: justify;
    gap: var(--chakra-space-10);
    justify-content: space-between;
}
@media screen and (min-width: 960px) {
    .nav-1yfw0to {
        padding-inline: 4rem;
    }
}
.nav-1l4w6pd {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}
.nav-hdd9l7 {
    background: var(--chakra-colors-blackAlpha-600);
    height: 100vh;
}
.nav-1u2cvaz,
.nav-hdd9l7 {
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: var(--chakra-zIndices-modal);
}
.nav-1u2cvaz {
    display: flex;
    height: var(--chakra-vh);
    -webkit-box-pack: center;
    align-items: flex-start;
    justify-content: center;
    overflow: auto;
    overscroll-behavior-y: none;
}
.nav-6gzxwn {
    border-radius: var(--chakra-radii-md);
    display: flex;
    flex-direction: column;
    margin-bottom: var(--chakra-space-16);
    margin-top: var(--chakra-space-16);
    outline: 2px solid transparent;
    outline-offset: 2px;
    position: relative;
    width: 100%;
    z-index: var(--chakra-zIndices-modal);
    --modal-bg: colors.white;
    --modal-shadow: var(--chakra-shadows-lg);
    background: var(--chakra-colors-main-item);
    box-shadow: var(--modal-shadow);
    color: var(--chakra-colors-white-100);
    max-width: var(--chakra-sizes-xl);
}
.chakra-ui-dark .nav-6gzxwn:not([data-theme]),
.nav-6gzxwn[data-theme="dark"],
[data-theme="dark"] .nav-6gzxwn:not([data-theme]) {
    --modal-bg: var(--chakra-colors-gray-700);
    --modal-shadow: var(--chakra-shadows-dark-lg);
}
.nav-1ik4h6n {
    display: flex;
    outline: 2px solid transparent;
    outline-offset: 2px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: var(--close-button-bg);
    border-radius: var(--chakra-radii-md);
    flex-shrink: 0;
    height: var(--close-button-size);
    justify-content: center;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    width: var(--close-button-size);
    --close-button-size: var(--chakra-sizes-8);
    font-size: var(--chakra-fontSizes-xs);
    position: absolute;
    right: var(--chakra-space-3);
    top: var(--chakra-space-2);
}
.nav-1ik4h6n:disabled,
.nav-1ik4h6n[aria-disabled="true"],
.nav-1ik4h6n[data-disabled],
.nav-1ik4h6n[disabled] {
    box-shadow: var(--chakra-shadows-none);
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-1ik4h6n:hover,
.nav-1ik4h6n[data-hover] {
    --close-button-bg: var(--chakra-colors-blackAlpha-100);
}
.chakra-ui-dark .nav-1ik4h6n:hover:not([data-theme]),
.chakra-ui-dark .nav-1ik4h6n[data-hover]:not([data-theme]),
.nav-1ik4h6n:hover[data-theme="dark"],
.nav-1ik4h6n[data-hover][data-theme="dark"],
[data-theme="dark"] .nav-1ik4h6n:hover:not([data-theme]),
[data-theme="dark"] .nav-1ik4h6n[data-hover]:not([data-theme]) {
    --close-button-bg: var(--chakra-colors-whiteAlpha-100);
}
.nav-1ik4h6n:active,
.nav-1ik4h6n[data-active] {
    --close-button-bg: var(--chakra-colors-blackAlpha-200);
}
.chakra-ui-dark .nav-1ik4h6n:active:not([data-theme]),
.chakra-ui-dark .nav-1ik4h6n[data-active]:not([data-theme]),
.nav-1ik4h6n:active[data-theme="dark"],
.nav-1ik4h6n[data-active][data-theme="dark"],
[data-theme="dark"] .nav-1ik4h6n:active:not([data-theme]),
[data-theme="dark"] .nav-1ik4h6n[data-active]:not([data-theme]) {
    --close-button-bg: var(--chakra-colors-whiteAlpha-200);
}
.nav-1ik4h6n:focus-visible,
.nav-1ik4h6n[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.namefooter {
    color: #ffe900;
    font-weight: 700;
    text-shadow: 0 0 15px #ffe900;
}
@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;
}
: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, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 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: 0.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: 0.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 0.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(0.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(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.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: 0.2;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.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 0.2s, top 0.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 0.2s, left 0.2s;
}
.swiper-horizontal.swiper-rtl
    > .swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    transition: transform 0.2s, right 0.2s;
}
.swiper-pagination-fraction {
    color: inherit;
    color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    background: var(
        --swiper-pagination-progressbar-bg-color,
        rgba(0, 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, 0.1);
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
    border-radius: 10px;
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    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, 0.5);
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: 10px;
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    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;
    box-sizing: border-box;
}
: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;
}
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: -0.25em;
}
sup {
    top: -0.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, 0.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, 0.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: 0.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-10 {
    grid-column: span 10 / span 10;
}
.\!ws-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}
.ws-h-16 {
    height: 4rem;
}
.ws-h-\[1\.6rem\] {
    height: 1.6rem;
}
.\!ws-w-auto {
    width: auto !important;
}
.ws-max-w-4xl {
    max-width: 56rem;
}
.ws-select-none {
    -webkit-user-select: none;
}
.ws-select-all {
    -webkit-user-select: all;
}
.ws-border-gray-100 {
    border-color: #f1f5f9;
}
.ws-border-gray-200 {
    border-color: #e2e8f0;
}
.ws-border-gray-300 {
    border-color: #cbd5e1;
}
.ws-border-pink-700 {
    border-color: #be185d;
}
.ws-border-red-300 {
    border-color: #fca5a5;
}
.ws-border-red-500 {
    border-color: #ef4444;
}
.ws-border-red-index-500,
.ws-border-red-modal-500 {
    --tw-border-opacity: 1;
    border-color: #ef4444;
    border-color: rgb(239 68 68 / var(--tw-border-opacity));
}
.ws-border-red-600 {
    border-color: #dc2626;
}
.ws-border-white {
    border-color: #fff;
}
.ws-border-zinc-100 {
    border-color: #f4f4f5;
}
.ws-border-zinc-200 {
    border-color: #e4e4e7;
}
.ws-border-zinc-600 {
    border-color: #52525b;
}
.ws-border-zinc-800 {
    border-color: #27272a;
}
.\!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 {
    background-color: #000;
}
.ws-bg-blue-500 {
    background-color: #3b82f6;
}
.ws-bg-blue-600 {
    background-color: #2563eb;
}
.ws-bg-gray-100 {
    background-color: #f1f5f9;
}
.ws-bg-green-500 {
    background-color: #22c55e;
}
.ws-bg-orange-500 {
    background-color: #f97316;
}
.ws-bg-pink-700 {
    background-color: #be185d;
}
.ws-bg-red-50 {
    background-color: #fef2f2;
}
.ws-bg-red-500 {
    background-color: #ef4444;
}
.ws-bg-red-600 {
    background-color: #dc2626;
}
.ws-bg-red-700 {
    background-color: #b91c1c;
}
.ws-bg-white {
    background-color: #fff;
}
.ws-bg-yellow-100 {
    background-color: #fef9c3;
}
.ws-bg-yellow-300 {
    background-color: #fde047;
}
.ws-bg-zinc-100 {
    background-color: #f4f4f5;
}
.ws-bg-zinc-50 {
    background-color: #fafafa;
}
.ws-bg-zinc-800 {
    background-color: #27272a;
}
.ws-bg-zinc-900 {
    background-color: #18181b;
}
.ws-bg-clip-text {
    -webkit-background-clip: text;
}
.ws-object-center {
    object-position: center;
}
.ws-text-black {
    color: #000;
}
.ws-text-blue-600 {
    color: #2563eb;
}
.ws-text-gray-500 {
    color: #64748b;
}
.ws-text-gray-600 {
    color: #475569;
}
.ws-text-gray-900 {
    color: #0f172a;
}
.ws-text-green-500 {
    color: #22c55e;
}
.ws-text-green-600 {
    color: #16a34a;
}
.ws-text-pink-700 {
    color: #be185d;
}
.ws-text-red-500 {
    color: #ef4444;
}
.ws-text-red-600 {
    color: #dc2626;
}
.ws-text-red-700 {
    color: #b91c1c;
}
.ws-text-white {
    color: #fff;
}
.ws-text-yellow-400 {
    color: #facc15;
}
.ws-text-zinc-300 {
    color: #d4d4d8;
}
.ws-text-zinc-400 {
    color: #a1a1aa;
}
.ws-text-zinc-500 {
    color: #71717a;
}
.ws-text-zinc-600 {
    color: #52525b;
}
.ws-text-zinc-700 {
    color: #3f3f46;
}
.ws-text-zinc-800 {
    color: #27272a;
}
.ws-text-zinc-900 {
    color: #18181b;
}
.ws-placeholder-gray-800::placeholder {
    color: #1e293b;
}
.ws-shadow-lg {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a,
        0 4px 6px -4px #0000001a;
}
.ws-transition {
    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;
}
.\[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 {
    background-color: #db2777;
}
.hover\:ws-bg-red-500:hover {
    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 {
    background-color: #f4f4f5;
}
.hover\:ws-bg-zinc-600:hover {
    background-color: #52525b;
}
.hover\:ws-text-red-500:hover {
    --tw-text-opacity: 1;
    color: #ef4444;
    color: rgb(239 68 68 / var(--tw-text-opacity));
}
.hover\:ws-shadow-lg:hover {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a,
        0 4px 6px -4px #0000001a;
}
.hover\:ws-shadow-sm:hover {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px #0000000d;
}
.focus\:ws-border-red-500:focus {
    border-color: #ef4444;
}
.focus\:ws-placeholder-white:focus::placeholder {
    color: #fff;
}
@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: 0.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: 0.5rem;
    }
    .md\:ws-gap-4 {
        gap: 1rem;
    }
    .md\:ws-gap-5 {
        gap: 1.25rem;
    }
    .md\:ws-rounded {
        border-radius: 0.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: 0.5rem;
        padding-right: 0.5rem;
    }
    .md\:ws-px-3 {
        padding-left: 0.75rem;
        padding-right: 0.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: 0.5rem;
        padding-top: 0.5rem;
    }
    .md\:ws-py-2\.5 {
        padding-bottom: 0.625rem;
        padding-top: 0.625rem;
    }
    .md\:ws-py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem;
    }
    .md\:ws-py-3 {
        padding-bottom: 0.75rem;
        padding-top: 0.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: 0.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: 0.875rem;
        line-height: 1.25rem;
    }
    .md\:ws-text-xs {
        font-size: 0.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: 0.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: 234, 36, 36;
    --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: #ea2424;
    --el-color-primary-light-3: #f06666;
    --el-color-primary-light-5: #f59292;
    --el-color-primary-light-7: #f9bdbd;
    --el-color-primary-light-8: #fbd3d3;
    --el-color-primary-light-9: #fde9e9;
    --el-color-primary-dark-2: #bb1d1d;
    --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, 0.04),
        0px 8px 20px rgba(0, 0, 0, 0.08);
    --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
    --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
    --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08),
        0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 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, 0.8);
    --el-overlay-color-light: rgba(0, 0, 0, 0.7);
    --el-overlay-color-lighter: rgba(0, 0, 0, 0.5);
    --el-mask-color: hsla(0, 0%, 100%, 0.9);
    --el-mask-color-extra-light: hsla(0, 0%, 100%, 0.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 0.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 0.3s cubic-bezier(0.55, 0, 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 0.3s cubic-bezier(0.23, 1, 0.32, 1),
        opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.collapse-transition {
    transition: height 0.3s ease-in-out, padding-top 0.3s ease-in-out,
        padding-bottom 0.3s ease-in-out;
}
.el-collapse-transition-enter-active,
.el-collapse-transition-leave-active {
    transition: max-height 0.3s ease-in-out, padding-top 0.3s ease-in-out,
        padding-bottom 0.3s ease-in-out;
}
.horizontal-collapse-transition {
    transition: width 0.3s ease-in-out, padding-left 0.3s ease-in-out,
        padding-right 0.3s ease-in-out;
}
.el-opacity-transition {
    transition: opacity 0.3s cubic-bezier(0.55, 0, 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(0.4, 0, 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(0.4, 0, 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: 8px;
    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 0.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 0.3s ease, transform 0.3s ease;
}
.el-notification-fade-enter-active,
.el-notification-fade-leave {
    opacity: 1;
    transform: translateY(0);
}
.el-notification-fade-leave {
    transition: opacity 0.3s ease, transform 0.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(0.95, 0.95, 0.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: 0.8em;
    line-height: 0.8em;
    margin-top: -0.2em !important;
    vertical-align: middle;
    width: 1.2857142857em;
}
.bx-pull-left {
    float: left;
    margin-right: 0.3em !important;
}
.bx-pull-right {
    float: right;
    margin-left: 0.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: 0.07em solid rgba(0, 0, 0, 0.1);
    border-radius: 0.25em;
    padding: 0.25em;
}
.bx-border-circle {
    border: 0.07em solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    padding: 0.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: 0.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: 0.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: 0.5;
    padding: 2px;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-position 0.3s ease-in-out, opacity 0.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: 0.5rem;
    padding-top: 0.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: 0.75rem;
        padding-top: 0.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(0.55, 0, 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(0.55, 0, 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(0.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(0.55, 0, 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 0.15s;
    width: 20px;
}
.el-tabs__new-tab .is-icon-plus {
    height: inherit;
    transform: scale(0.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(0.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(0.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 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
        background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
        outline 0.25s cubic-bezier(0.71, -0.46, 0.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 0.15s ease-in 0.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, 0.15);
    --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 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: middle;
    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 0.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, 0.65);
    border-radius: 10px;
    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(0.36, 0.07, 0.19, 0.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, 0.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(0.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(0.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: 0.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(0.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: 0.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(0.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(0.36, 0.07, 0.19, 0.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: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.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 0.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-pagination button {
    align-items: center;
    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;
    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, 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: 0.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(0.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: 0.3;
    opacity: var(--el-scrollbar-opacity, 0.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: 0.5;
    opacity: var(--el-scrollbar-hover-opacity, 0.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 0.34s ease-out;
}
.el-scrollbar-fade-leave-active {
    transition: opacity 0.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(0.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(0.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;
}
.ws-more-hidd {
    height: 115px !important;
    overflow: hidden;
}
.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%, 0.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: 0.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: 0.3em;
    margin-right: -0.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: 0.3em;
    margin-right: -0.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(--el-color-primary-light-3);
    --el-button-hover-border-color: var(--el-color-primary-light-3);
    --el-button-active-bg-color: var(--el-color-primary-dark-2);
    --el-button-active-border-color: var(--el-color-primary-dark-2);
    --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 .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 .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 0.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 0.4s, top 0.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 0.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: 8px;
    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: 8px !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;
}
@media (prefers-reduced-motion: reduce) {
    .badge {
        transition: none;
    }
}
@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;
    }
}
@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%;
    }
}
@media only screen and (max-width: 640px) {
    #bonus {
        width: 35% !important;
    }
}
.tw-rounded {
    border-radius: 0.5rem;
}
@media (max-width: 768px) {
    #bonus {
        bottom: 4rem;
        cursor: pointer;
        left: 15px;
        position: fixed;
        width: 13%;
        z-index: 1000;
    }
}
.badge {
    border-radius: 0.25rem;
    display: inline-block;
    font-size: 100%;
    font-weight: 700;
    line-height: 1;
    padding: 0.25em 0.4em;
    text-align: center;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    vertical-align: baseline;
    white-space: nowrap;
}
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: 0.6em;
    padding-right: 0.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 0.2rem rgba(0, 123, 255, 0.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 0.2rem hsla(208, 7%, 46%, 0.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 0.2rem rgba(40, 167, 69, 0.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 0.2rem rgba(23, 162, 184, 0.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 0.2rem rgba(255, 193, 7, 0.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 0.2rem rgba(220, 53, 69, 0.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 0.2rem rgba(248, 249, 250, 0.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 0.2rem rgba(52, 58, 64, 0.5);
    outline: 0;
}
.out {
    display: none;
}
.animated {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.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;
}
.cursor-pointer {
    cursor: pointer;
}
.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%;
}
.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;
}
.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.h-10 {
    height: 2.5rem;
}
.block {
    display: block;
}
.border-2 {
    border-width: 2px;
}
.rounded {
    border-radius: 0.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: rgba(239, 68, 68, var(--tw-text-opacity));
}
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.mr-1 {
    margin-right: 0.25rem;
}
.inline-block {
    display: inline-block;
}
.border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
}
.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;
}
.v-luckywheel img {
    border-radius: 1000px;
    overflow: hidden;
}
section#Slots {
    background-color: transparent;
    border-radius: 0;
}
.v-bg-wheel_WxIlJ {
    background-position: top;
    background-size: contain !important;
    height: 340px !important;
    position: relative !important;
    width: 340px !important;
}
.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;
}
.py-1 {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
}
.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
}
.overflow-x-auto {
    overflow-x: auto;
}
.text-nowrap {
    white-space: nowrap !important;
}
.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;
}
.tw-text-red-500 {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
}
.tw-px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.tw-py-2 {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.tw-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.tw-rounded {
    border-radius: 0.25rem;
}
.tw-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.tw-w-10 {
    width: 2.5rem;
}
.tw-h-10 {
    height: 2.5rem;
}
.el-select .el-input__inner {
    cursor: pointer;
    padding-right: 35px;
}
.el-input--suffix .el-input__inner {
    padding-right: 30px;
}
.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 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
}
::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}
::-webkit-scrollbar-track {
    background: #fff;
}
::-webkit-scrollbar-thumb {
    background: #ef2323;
}
::-webkit-scrollbar-thumb:hover {
    background: #dc2626;
}
#bonus {
    bottom: 15px;
    cursor: pointer;
    left: 15px;
    position: fixed;
    width: 13%;
    z-index: 1000;
}
.fa-spin-custom {
    animation: spin 2s linear infinite;
}
.md\:ws-col-span-6 {
    grid-column: span 6 / span 6;
}
.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;
}
.md\:ws-gap-4 {
    gap: 1rem;
}
.el-form-item {
    --font-size: 14px;
    display: flex;
    margin-bottom: 18px;
}
#searchButton {
    position: relative;
    z-index: 1000;
}
#navbar {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    left: 0;
    padding: 10px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1200;
}
#searchPopover {
    bottom: 60px;
    display: none;
    left: 50%;
    position: fixed;
    transform: translateX(-50%);
    width: 320px;
    z-index: 1500;
}
#searchPopover.visible {
    display: block;
}
.ws-sticky-navbar i {
    font-size: 20px;
    margin-bottom: 5px;
}
.ws-sticky-navbar span {
    font-size: 12px;
    font-weight: 700;
}
#dropdownContent {
    display: none;
    max-height: 100vh;
    overflow: hidden;
    position: fixed;
    white-space: nowrap;
    z-index: 2001;
}
.custom-swal-container {
    z-index: 2012;
}
@media (min-width: 768px) {
    .md\:tw-rounded {
        border-radius: 6rem;
    }
}
#dropdown {
    opacity: 0;
    position: absolute;
    transform: scale(0.8);
    transition: visibility 0s 0.15s, opacity 0.15s ease, transform 0.15s ease;
    visibility: hidden;
}
#dropdown.visible {
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.15s ease, transform 0.15s ease;
    visibility: visible;
}
.nav-1dq2k1l {
    display: flex;
    -webkit-box-pack: end;
    gap: var(--chakra-space-2);
    justify-content: flex-end;
    padding-inline-end: var(--chakra-space-6);
    padding-bottom: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-6);
    padding-top: var(--chakra-space-4);
}
.nav-1dq2k1l,
.nav-s9voqi11 {
    -webkit-box-align: center;
    align-items: center;
}
.nav-s9voqi11 {
    appearance: none;
    -webkit-box-pack: center;
    background: linear-gradient(45deg, var(--color-btn-1), var(--color-btn-2));
    border-radius: 9px;
    color: var(--chakra-colors-black-100);
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-bold);
    height: var(--chakra-sizes-10);
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 10px 20px;
    position: relative;
    text-transform: uppercase;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.nav-10rjlrk-noti-buy {
    margin-top: -3rem;
}
.nav-10rjlrk-noti-buy,
.nav-10rjlrk-proudct-mini {
    border-radius: 5px;
    flex: 1 1 0%;
    height: 100%;
    margin-inline: auto;
    max-width: var(--chakra-sizes-container-2xl);
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 0;
    width: 100%;
    z-index: 5;
}
.nav-10rjlrk-proudct-mini {
    margin-top: -1rem;
}
.nav-10rjlrk-flash-sale {
    border-radius: 5px;
    flex: 1 1 0%;
    height: 100%;
    margin-inline: auto;
    margin-top: 0;
    max-width: var(--chakra-sizes-container-2xl);
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 0;
    width: 100%;
    z-index: 5;
}
.border-radius-5px {
    border-radius: 5px;
}
.nav-ppqbmh {
    color: var(--chakra-colors-white-100);
    display: grid;
    gap: var(--chakra-space-5);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding: var(--chakra-space-2);
}
@media screen and (min-width: 960px) {
    .nav-ppqbmh {
        grid-template-columns: repeat(21, minmax(0, 1fr));
        padding: 0;
    }
}
.nav-1j9gssc {
    background: var(--chakra-colors-main-item);
    border-radius: 5px;
    box-shadow: var(--chakra-shadows-base);
    grid-column: span 1 / span 1;
    padding: 2.5rem 1rem;
}
@media screen and (min-width: 960px) {
    .nav-1j9gssc {
        grid-column: span 16 / span 16;
        padding: 2.5rem;
    }
}
.nav-fjlo7n {
    font-family: var(--chakra-fonts-heading);
    font-size: var(--chakra-fontSizes-3xl);
    font-weight: var(--chakra-fontWeights-bold);
    line-height: 1.33;
    margin-bottom: 2rem;
    text-align: center;
    text-transform: uppercase;
}
@media screen and (min-width: 380px) {
    .nav-fjlo7n {
        line-height: 1.2;
    }
}
.nav-1ocp9lh {
    display: flex;
    -webkit-box-pack: justify;
    flex-direction: column;
    gap: var(--chakra-space-2);
    justify-content: space-between;
}
@media screen and (min-width: 768px) {
    .nav-1ocp9lh {
        flex-direction: row;
    }
}
.nav-gkgd9q {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    gap: var(--chakra-space-2);
    width: 100%;
}
@media screen and (min-width: 768px) {
    .nav-gkgd9q {
        flex-direction: row;
    }
}
.nav-gmke16 {
    appearance: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-color: var(--chakra-colors-gold-100);
    border-image: initial;
    border-radius: 20px;
    border-style: solid;
    border-width: 1px;
    font-size: 15px;
    font-weight: 600;
    gap: var(--chakra-space-2);
    height: var(--chakra-sizes-10);
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    margin-top: 0.5rem;
    min-width: var(--chakra-sizes-10);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 15px 20px;
    position: relative;
    text-transform: uppercase;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.nav-gmke16:focus-visible,
.nav-gmke16[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-gmke16:disabled,
.nav-gmke16[aria-disabled="true"],
.nav-gmke16[data-disabled],
.nav-gmke16[disabled] {
    box-shadow: var(--chakra-shadows-none);
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-gmke16:hover,
.nav-gmke16[data-hover] {
    background: var(--chakra-colors-main-item4);
    color: var(--chakra-colors-white-100);
}
.nav-gmke16:hover:disabled,
.nav-gmke16:hover[aria-disabled="true"],
.nav-gmke16:hover[data-disabled],
.nav-gmke16:hover[disabled],
.nav-gmke16[data-hover]:disabled,
.nav-gmke16[data-hover][aria-disabled="true"],
.nav-gmke16[data-hover][data-disabled],
.nav-gmke16[data-hover][disabled] {
    background: initial;
}
.nav-bt769u {
    color: currentcolor;
    display: inline-block;
    flex-shrink: 0;
    height: 1em;
    line-height: 1em;
    width: 13px;
}
.nav-1filns3 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    flex-direction: row;
    gap: 0.5rem;
    justify-content: center;
    width: 100%;
}
@media screen and (min-width: 960px) {
    .nav-1filns3 {
        justify-content: right;
    }
}
.nav-73divl {
    appearance: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-color: var(--chakra-colors-gold-100);
    border-image: initial;
    border-radius: 20px;
    border-style: solid;
    border-width: 1px;
    font-size: 15px;
    font-weight: 600;
    height: var(--chakra-sizes-10);
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    margin-top: 0.5rem;
    min-width: var(--chakra-sizes-10);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 15px 20px;
    position: relative;
    text-transform: uppercase;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.nav-73divl:focus-visible,
.nav-73divl[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-73divl:disabled,
.nav-73divl[aria-disabled="true"],
.nav-73divl[data-disabled],
.nav-73divl[disabled] {
    box-shadow: var(--chakra-shadows-none);
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-73divl:hover,
.nav-73divl[data-hover] {
    background: var(--chakra-colors-main-item4);
    color: var(--chakra-colors-white-100);
}
.nav-73divl:hover:disabled,
.nav-73divl:hover[aria-disabled="true"],
.nav-73divl:hover[data-disabled],
.nav-73divl:hover[disabled],
.nav-73divl[data-hover]:disabled,
.nav-73divl[data-hover][aria-disabled="true"],
.nav-73divl[data-hover][data-disabled],
.nav-73divl[data-hover][disabled] {
    background: initial;
}
.nav-ojcti4 {
    display: grid;
    gap: var(--chakra-space-2);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-inline: auto;
}
@media screen and (min-width: 380px) {
    .nav-ojcti4 {
        width: 100%;
    }
}
@media screen and (min-width: 768px) {
    .nav-ojcti4 {
        width: 50%;
    }
}
.nav-xxgxbo {
    grid-column: span 1 / span 1;
}
@media screen and (min-width: 960px) {
    .nav-xxgxbo {
        grid-column: span 5 / span 5;
    }
}
.nav-rp0nqa {
    display: flex;
    margin-bottom: var(--chakra-space-10);
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    background: var(--bg-item-main-color);
    border-color: var(--chakra-colors-gold-100);
    border-image: initial;
    border-radius: var(--chakra-radii-md);
    border-style: solid;
    border-width: 1px;
    flex-direction: column;
    gap: var(--chakra-space-2);
    padding: var(--chakra-space-3);
}
@media screen and (min-width: 1200px) {
    .nav-rp0nqa {
        flex-direction: row;
    }
}
.nav-1bswagt {
    font-family: var(--chakra-fonts-heading);
    font-size: var(--chakra-fontSizes-xl);
    font-weight: var(--chakra-fontWeights-bold);
    line-height: 1.33;
    text-transform: uppercase;
}
@media screen and (min-width: 380px) {
    .nav-1bswagt {
        line-height: 1.2;
    }
}
.nav-1pe2bh4 {
    appearance: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: var(--chakra-colors-blue-500);
    border-radius: var(--chakra-radii-md);
    color: #fff;
    font-size: var(--chakra-fontSizes-sm);
    font-weight: var(--chakra-fontWeights-semibold);
    gap: var(--chakra-space-2);
    height: var(--chakra-sizes-8);
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-8);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-3);
    padding-inline-start: var(--chakra-space-3);
    position: relative;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.nav-1pe2bh4:focus-visible,
.nav-1pe2bh4[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-1pe2bh4:disabled,
.nav-1pe2bh4[aria-disabled="true"],
.nav-1pe2bh4[data-disabled],
.nav-1pe2bh4[disabled] {
    box-shadow: var(--chakra-shadows-none);
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-1pe2bh4:hover,
.nav-1pe2bh4[data-hover] {
    background: var(--chakra-colors-blue-600);
    color: var(--chakra-colors-white-100);
}
.nav-1pe2bh4:hover:disabled,
.nav-1pe2bh4:hover[aria-disabled="true"],
.nav-1pe2bh4:hover[data-disabled],
.nav-1pe2bh4:hover[disabled],
.nav-1pe2bh4[data-hover]:disabled,
.nav-1pe2bh4[data-hover][aria-disabled="true"],
.nav-1pe2bh4[data-hover][data-disabled],
.nav-1pe2bh4[data-hover][disabled] {
    background: var(--chakra-colors-blue-500);
}
.nav-1pe2bh4:active,
.nav-1pe2bh4[data-active] {
    background: var(--chakra-colors-blue-700);
}
.nav-k3jezz {
    color: currentcolor;
    display: inline-block;
    flex-shrink: 0;
    height: 1em;
    line-height: 1em;
    width: 10px;
}
.nav-qnqspt {
    font-family: var(--chakra-fonts-heading);
    font-size: var(--chakra-fontSizes-xl);
    font-weight: var(--chakra-fontWeights-bold);
    line-height: 1.33;
    margin-bottom: var(--chakra-space-5);
    margin-left: var(--chakra-space-2);
    text-transform: uppercase;
}
@media screen and (min-width: 380px) {
    .nav-qnqspt {
        line-height: 1.2;
    }
}
.nav-22ryf8 {
    display: grid;
    gap: var(--chakra-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media screen and (min-width: 960px) {
    .nav-22ryf8 {
        gap: var(--chakra-space-4);
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}
.nav-uosto4 {
    bottom: 7%;
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-2);
    position: fixed;
    right: 5%;
    z-index: 10;
}
.nav-sg2wx6 {
    appearance: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: var(--chakra-colors-messenger-500);
    border-radius: var(--chakra-radii-md);
    color: #fff;
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-semibold);
    height: var(--chakra-sizes-10);
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: var(--chakra-space-1);
    position: relative;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.nav-sg2wx6:focus-visible,
.nav-sg2wx6[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-sg2wx6:disabled,
.nav-sg2wx6[aria-disabled="true"],
.nav-sg2wx6[data-disabled],
.nav-sg2wx6[disabled] {
    box-shadow: var(--chakra-shadows-none);
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-sg2wx6:hover,
.nav-sg2wx6[data-hover] {
    background: var(--chakra-colors-messenger-600);
    color: var(--chakra-colors-white-100);
}
.nav-sg2wx6:hover:disabled,
.nav-sg2wx6:hover[aria-disabled="true"],
.nav-sg2wx6:hover[data-disabled],
.nav-sg2wx6:hover[disabled],
.nav-sg2wx6[data-hover]:disabled,
.nav-sg2wx6[data-hover][aria-disabled="true"],
.nav-sg2wx6[data-hover][data-disabled],
.nav-sg2wx6[data-hover][disabled] {
    background: var(--chakra-colors-messenger-500);
}
.nav-sg2wx6:active,
.nav-sg2wx6[data-active] {
    background: var(--chakra-colors-messenger-700);
}
.nav-3jea6f {
    appearance: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: linear-gradient(45deg, var(--color-btn-1), var(--color-btn-2));
    border-radius: 9px;
    color: var(--chakra-colors-black-100);
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-bold);
    height: var(--chakra-sizes-10);
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: var(--chakra-space-1);
    position: relative;
    text-transform: uppercase;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.nav-3jea6f:focus-visible,
.nav-3jea6f[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-3jea6f:disabled,
.nav-3jea6f[aria-disabled="true"],
.nav-3jea6f[data-disabled],
.nav-3jea6f[disabled] {
    box-shadow: var(--chakra-shadows-none);
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-3jea6f:hover,
.nav-3jea6f[data-hover] {
    background: linear-gradient(45deg, var(--color-btn-2), var(--color-btn-1));
    color: var(--chakra-colors-black-100);
}
.nav-3jea6f:hover:disabled,
.nav-3jea6f:hover[aria-disabled="true"],
.nav-3jea6f:hover[data-disabled],
.nav-3jea6f:hover[disabled],
.nav-3jea6f[data-hover]:disabled,
.nav-3jea6f[data-hover][aria-disabled="true"],
.nav-3jea6f[data-hover][data-disabled],
.nav-3jea6f[data-hover][disabled] {
    background: initial;
}
.nav-1m69jjf {
    background: var(--bg-footer);
    border-color: var(--chakra-colors-main-item4);
    color: var(--color-footer);
    margin-top: 2rem;
}
.nav-15s2hqa {
    margin-inline: auto;
    max-width: var(--chakra-sizes-container-2xl);
    padding-inline-end: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-10);
    padding-inline-start: var(--chakra-space-4);
    padding-top: var(--chakra-space-10);
    width: 100%;
}
.nav-140uz0s {
    display: flex;
    flex-direction: column;
    gap: 30px;
    grid-template-columns: repeat(12, 1fr);
}
@media screen and (min-width: 380px) {
    .nav-140uz0s {
        display: flex;
    }
}
@media screen and (min-width: 768px) {
    .nav-140uz0s {
        display: grid;
    }
}
.nav-1pip4vl {
    grid-column: span 4 / span 4;
}
.nav-r7k1xg {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border: var(--chakra-borders-2px);
    flex-direction: column;
    gap: 0.5rem;
    height: 100%;
    justify-content: center;
    padding: var(--chakra-space-3);
}
.nav-1x6rvtb {
    height: 75px;
}
.nav-1a6o2kd {
    font-family: var(--chakra-fonts-heading);
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-bold);
    line-height: 1.33;
    text-align: center;
    text-transform: uppercase;
}
@media screen and (min-width: 380px) {
    .nav-1a6o2kd {
        line-height: 1.2;
    }
}
.nav-1csxqet {
    display: flex;
    margin-top: var(--chakra-space-2);
    -webkit-box-pack: justify;
    gap: var(--chakra-space-1);
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}
.nav-vgmsfb {
    color: inherit;
    cursor: pointer;
    font-size: 14px;
    outline: 2px solid transparent;
    outline-offset: 2px;
    text-decoration: none;
    transition-duration: var(--chakra-transition-duration-fast);
    transition-property: var(--chakra-transition-property-common);
    transition-timing-function: var(--chakra-transition-easing-ease-out);
}
.nav-vgmsfb:hover,
.nav-vgmsfb[data-hover] {
    text-decoration: underline;
}
.nav-vgmsfb:focus-visible,
.nav-vgmsfb[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-14ro68w {
    grid-column: span 5 / span 5;
}
.nav-1dpbok5 {
    font-family: var(--chakra-fonts-heading);
    font-size: var(--chakra-fontSizes-2xl);
    font-weight: var(--chakra-fontWeights-bold);
    line-height: 1.33;
    margin-bottom: var(--chakra-space-5);
}
@media screen and (min-width: 380px) {
    .nav-1dpbok5 {
        line-height: 1.2;
    }
}
.nav-1kr0amd {
    margin-bottom: var(--chakra-space-5);
}
.nav-1kr0amd,
.nav-722v25 {
    font-weight: var(--chakra-fontWeights-bold);
}
.nav-rklm6r {
    grid-column: span 3 / span 3;
}
.nav-swyy5b {
    font-family: var(--chakra-fonts-heading);
    font-size: var(--chakra-fontSizes-2xl);
    font-weight: var(--chakra-fontWeights-bold);
    line-height: 1.33;
    margin-bottom: var(--chakra-space-5);
    text-transform: uppercase;
}
@media screen and (min-width: 380px) {
    .nav-swyy5b {
        line-height: 1.2;
    }
}
.nav-1domaf0 {
    width: 200px;
}
.nav-177y4ik {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: var(--bg-footer);
    color: var(--color-footer);
    justify-content: center;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.nav-cxgh20 {
    font-weight: 500;
    text-transform: capitalize;
}
.nav-16kb41 {
    height: 50px;
}
.nav-dbi8yx {
    transition: 2s;
    width: var(--chakra-sizes-lg);
}
.nav-11kntuy {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: center;
    margin-top: var(--chakra-space-4);
}
.nav-1289ota {
    height: fit-content;
    margin-inline-start: 0;
    margin-bottom: 24px;
    position: relative;
    width: 300px;
}
@media screen and (min-width: 768px) {
    .nav-1289ota {
        margin-inline-start: 0;
    }
}
.nav-1h0v09z {
    appearance: none;
    background: var(--chakra-colors-main-item);
    line-height: var(--chakra-lineHeights-normal);
    min-width: 0;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-8);
    padding-bottom: 1px;
    position: relative;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    width: 100%;
    --select-bg: colors.white;
    border-color: var(--chakra-colors-red-200);
    border-image: initial;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    color: var(--chakra-colors-white-100);
    font-size: var(--chakra-fontSizes-sm);
    font-weight: 500;
    height: var(--chakra-sizes-12);
    padding-inline-start: var(--chakra-space-4);
}
.nav-1h0v09z:disabled,
.nav-1h0v09z[aria-disabled="true"],
.nav-1h0v09z[data-disabled],
.nav-1h0v09z[disabled] {
    cursor: not-allowed;
    opacity: 0.4;
}
.chakra-ui-dark .nav-1h0v09z:not([data-theme]),
.nav-1h0v09z[data-theme="dark"],
[data-theme="dark"] .nav-1h0v09z:not([data-theme]) {
    --select-bg: var(--chakra-colors-gray-700);
}
.nav-1h0v09z > optgroup,
.nav-1h0v09z > option {
    background: var(--select-bg);
}
.nav-1h0v09z::-webkit-input-placeholder {
    color: var(--chakra-colors-white-100);
}
.nav-1h0v09z::placeholder {
    color: var(--chakra-colors-white-100);
}
.nav-1h0v09z:focus,
.nav-1h0v09z[data-focus] {
    z-index: unset;
}
.nav-6wnq9v {
    display: flex;
    flex-direction: row;
    gap: var(--chakra-space-2);
}
.nav-5ndctc,
.nav-6wnq9v {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.nav-5ndctc {
    appearance: none;
    border-color: var(--chakra-colors-ocean-100);
    border-image: initial;
    border-radius: 5px;
    border-style: solid;
    border-width: 1.5px;
    display: inline-flex;
    flex: 1 1 0%;
    font-size: 17px;
    font-weight: 600;
    height: var(--chakra-sizes-10);
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 20px;
    position: relative;
    text-transform: uppercase;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.nav-5ndctc:focus-visible,
.nav-5ndctc[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-5ndctc:disabled,
.nav-5ndctc[aria-disabled="true"],
.nav-5ndctc[data-disabled],
.nav-5ndctc[disabled] {
    box-shadow: var(--chakra-shadows-none);
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-5ndctc:hover,
.nav-5ndctc[data-hover] {
    background: var(--chakra-colors-main-item4);
    color: var(--chakra-colors-white-100);
}
.nav-5ndctc:hover:disabled,
.nav-5ndctc:hover[aria-disabled="true"],
.nav-5ndctc:hover[data-disabled],
.nav-5ndctc:hover[disabled],
.nav-5ndctc[data-hover]:disabled,
.nav-5ndctc[data-hover][aria-disabled="true"],
.nav-5ndctc[data-hover][data-disabled],
.nav-5ndctc[data-hover][disabled] {
    background: initial;
}
.nav-3dx2o7 {
    appearance: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-color: var(--chakra-colors-gold-100);
    border-image: initial;
    border-radius: 5px;
    border-style: solid;
    border-width: 1.5px;
    flex: 1 1 0%;
    font-size: 17px;
    font-weight: 600;
    height: var(--chakra-sizes-10);
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 20px;
    position: relative;
    text-transform: uppercase;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.nav-3dx2o7:focus-visible,
.nav-3dx2o7[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-3dx2o7:disabled,
.nav-3dx2o7[aria-disabled="true"],
.nav-3dx2o7[data-disabled],
.nav-3dx2o7[disabled] {
    box-shadow: var(--chakra-shadows-none);
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-3dx2o7:hover,
.nav-3dx2o7[data-hover] {
    background: var(--chakra-colors-main-item4);
    color: var(--chakra-colors-white-100);
}
.nav-3dx2o7:hover:disabled,
.nav-3dx2o7:hover[aria-disabled="true"],
.nav-3dx2o7:hover[data-disabled],
.nav-3dx2o7:hover[disabled],
.nav-3dx2o7[data-hover]:disabled,
.nav-3dx2o7[data-hover][aria-disabled="true"],
.nav-3dx2o7[data-hover][data-disabled],
.nav-3dx2o7[data-hover][disabled] {
    background: initial;
}
.nav-13otjrl {
    color: currentcolor;
    display: inline-block;
    flex-shrink: 0;
    height: 1em;
    line-height: 1em;
    width: 1em;
}
.nav-1dycfta {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    background: var(--chakra-colors-main-item);
    border-radius: var(--chakra-radii-md);
    box-shadow: var(--chakra-shadows-base);
    color: var(--chakra-colors-white-100);
    height: 275px;
    justify-content: space-between;
    overflow: hidden;
}
@media screen and (min-width: 960px) {
    .nav-1dycfta {
        height: 350px;
    }
}
.nav-m6f5b0 {
    height: 40%;
    overflow: hidden;
    position: relative;
}
@media screen and (min-width: 960px) {
    .nav-m6f5b0 {
        height: 50%;
    }
}
.nav-uwwqev {
    height: 100%;
    width: 100%;
}
.nav-1ookdhi {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-2);
    height: 60%;
    padding-inline: 1rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
@media screen and (min-width: 960px) {
    .nav-1ookdhi {
        height: 50%;
        padding-inline: 2rem;
    }
}
.nav-1v0pkbe {
    display: -webkit-box;
    font-family: var(--chakra-fonts-heading);
    font-size: 13px;
    font-weight: var(--chakra-fontWeights-bold);
    line-height: 1.33;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--chakra-line-clamp);
    --chakra-line-clamp: 2;
}
@media screen and (min-width: 380px) {
    .nav-1v0pkbe {
        line-height: 1.2;
    }
}
@media screen and (min-width: 768px) {
    .nav-1v0pkbe {
        font-size: 15px;
    }
}
.nav-ldihrc {
    margin-inline: auto;
}
.nav-1ahrp53 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: var(--chakra-colors-main-item2);
    border-radius: var(--chakra-radii-full);
    font-size: 13px;
    justify-content: center;
    line-height: var(--chakra-lineHeights-5);
    padding-inline: 0.8rem;
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;
    width: auto;
    z-index: 3;
}
.nav-ybw199 {
    font-weight: 500;
    margin-right: 0.3rem;
}
.nav-11pi7kn,
.nav-ybw199 {
    color: var(--color-text-tag);
}
.nav-11pi7kn {
    font-weight: var(--chakra-fontWeights-bold);
}
.nav-4l7qk7 {
    border-color: var(--chakra-colors-gray-600);
    border-image: initial;
    border-style: solid;
    border-width: 0 0 1px;
    margin-inline: auto;
    opacity: 0.6;
    width: 85%;
}
.nav-gg4vpm {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.nav-isgblm {
    display: flex;
    -webkit-box-align: inherit;
    align-items: inherit;
    flex-direction: column;
    gap: 0;
}
.nav-1g9zthi {
    color: var(--chakra-colors-gray-400);
    font-size: 13px;
    font-style: italic;
}
.nav-8byhq {
    font-size: 15px;
}
@media screen and (min-width: 960px) {
    .nav-8byhq {
        font-size: 17px;
    }
}
.nav-1xhgo20 {
    color: var(--chakra-colors-gray-400);
    font-size: 15px;
    text-decoration: line-through;
}
@media screen and (min-width: 960px) {
    .nav-1xhgo20 {
        font-size: 17px;
    }
}
.nav-1gvh9jv {
    appearance: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 5px;
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-bold);
    height: var(--chakra-sizes-10);
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    outline-color: var(--color-btn-1);
    outline-offset: 2px;
    outline-style: solid;
    outline-width: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 10px 15px;
    position: relative;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.nav-1gvh9jv:focus-visible,
.nav-1gvh9jv[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-1gvh9jv:disabled,
.nav-1gvh9jv[aria-disabled="true"],
.nav-1gvh9jv[data-disabled],
.nav-1gvh9jv[disabled] {
    box-shadow: var(--chakra-shadows-none);
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-1gvh9jv:hover,
.nav-1gvh9jv[data-hover] {
    background: linear-gradient(45deg, var(--color-btn-1), var(--color-btn-2));
    color: var(--chakra-colors-black-100);
}
.nav-1gvh9jv:hover:disabled,
.nav-1gvh9jv:hover[aria-disabled="true"],
.nav-1gvh9jv:hover[data-disabled],
.nav-1gvh9jv:hover[disabled],
.nav-1gvh9jv[data-hover]:disabled,
.nav-1gvh9jv[data-hover][aria-disabled="true"],
.nav-1gvh9jv[data-hover][data-disabled],
.nav-1gvh9jv[data-hover][disabled] {
    background: initial;
}
.nav-1wh2kri {
    align-self: center;
    display: inline-flex;
    flex-shrink: 0;
    margin-inline-end: 0.5rem;
}
.nav-xl71ch {
    flex: 1 1 auto;
    min-width: 0;
    pointer-events: none;
}
.nav-1hzyiq5 {
    align-self: center;
    display: inline-flex;
    flex-shrink: 0;
    margin-inline-start: 0.5rem;
}
.nav-r6z5ec {
    z-index: 1;
}
.nav-1v9el6a {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --menu-bg: #fff;
    --menu-shadow: var(--chakra-shadows-sm);
    background: var(--chakra-colors-main-item);
    border-color: var(--chakra-colors-main-item3);
    border-image: initial;
    border-radius: var(--chakra-radii-md);
    border-style: solid;
    border-width: 1px;
    box-shadow: var(--chakra-shadows-base);
    color: inherit;
    min-width: var(--chakra-sizes-3xs);
    overflow: hidden;
    padding: 1rem;
    z-index: 1;
}
.chakra-ui-dark .nav-1v9el6a:not([data-theme]),
.nav-1v9el6a[data-theme="dark"],
[data-theme="dark"] .nav-1v9el6a:not([data-theme]) {
    --menu-bg: var(--chakra-colors-gray-700);
    --menu-shadow: var(--chakra-shadows-dark-lg);
}
.nav-1m2r4bf {
    color: var(--chakra-colors-white-100);
    display: flex;
    text-decoration: none;
    user-select: none;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    background: var(--chakra-colors-main-item);
    flex: 0 0 auto;
    gap: var(--chakra-space-5);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-bottom: var(--chakra-space-1-5);
    padding-inline-end: var(--chakra-space-3);
    padding-top: var(--chakra-space-1-5);
    padding-inline-start: var(--chakra-space-3);
    text-align: start;
    transition-duration: var(--chakra-transition-duration-ultra-fast);
    transition-property: var(--chakra-transition-property-background);
    transition-timing-function: var(--chakra-transition-easing-ease-in);
}
.nav-1m2r4bf:focus,
.nav-1m2r4bf[data-focus] {
    --menu-bg: var(--chakra-colors-gray-100);
}
.chakra-ui-dark .nav-1m2r4bf:focus:not([data-theme]),
.chakra-ui-dark .nav-1m2r4bf[data-focus]:not([data-theme]),
.nav-1m2r4bf:focus[data-theme="dark"],
.nav-1m2r4bf[data-focus][data-theme="dark"],
[data-theme="dark"] .nav-1m2r4bf:focus:not([data-theme]),
[data-theme="dark"] .nav-1m2r4bf[data-focus]:not([data-theme]) {
    --menu-bg: var(--chakra-colors-whiteAlpha-100);
}
.nav-1m2r4bf:active,
.nav-1m2r4bf[data-active] {
    --menu-bg: var(--chakra-colors-gray-200);
}
.chakra-ui-dark .nav-1m2r4bf:active:not([data-theme]),
.chakra-ui-dark .nav-1m2r4bf[data-active]:not([data-theme]),
.nav-1m2r4bf:active[data-theme="dark"],
.nav-1m2r4bf[data-active][data-theme="dark"],
[data-theme="dark"] .nav-1m2r4bf:active:not([data-theme]),
[data-theme="dark"] .nav-1m2r4bf[data-active]:not([data-theme]) {
    --menu-bg: var(--chakra-colors-whiteAlpha-200);
}
.nav-1m2r4bf[aria-expanded="true"],
.nav-1m2r4bf[data-expanded] {
    --menu-bg: var(--chakra-colors-gray-100);
}
.chakra-ui-dark .nav-1m2r4bf[aria-expanded="true"]:not([data-theme]),
.chakra-ui-dark .nav-1m2r4bf[data-expanded]:not([data-theme]),
.nav-1m2r4bf[aria-expanded="true"][data-theme="dark"],
.nav-1m2r4bf[data-expanded][data-theme="dark"],
[data-theme="dark"] .nav-1m2r4bf[aria-expanded="true"]:not([data-theme]),
[data-theme="dark"] .nav-1m2r4bf[data-expanded]:not([data-theme]) {
    --menu-bg: var(--chakra-colors-whiteAlpha-100);
}
.nav-1m2r4bf:disabled,
.nav-1m2r4bf[aria-disabled="true"],
.nav-1m2r4bf[data-disabled],
.nav-1m2r4bf[disabled] {
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-1m2r4bf:hover,
.nav-1m2r4bf[data-hover] {
    background: var(--chakra-colors-main-item4);
}
.nav-1cbda7y {
    color: var(--chakra-colors-white-100);
    display: flex;
    text-decoration: none;
    user-select: none;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    background: var(--chakra-colors-main-item);
    flex: 0 0 auto;
    gap: var(--chakra-space-5);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-bottom: var(--chakra-space-1-5);
    padding-inline-end: var(--chakra-space-3);
    padding-top: var(--chakra-space-1-5);
    padding-inline-start: var(--chakra-space-3);
    text-align: start;
    transition-duration: var(--chakra-transition-duration-ultra-fast);
    transition-property: var(--chakra-transition-property-background);
    transition-timing-function: var(--chakra-transition-easing-ease-in);
}
.nav-1cbda7y:focus,
.nav-1cbda7y[data-focus] {
    --menu-bg: var(--chakra-colors-gray-100);
}
.chakra-ui-dark .nav-1cbda7y:focus:not([data-theme]),
.chakra-ui-dark .nav-1cbda7y[data-focus]:not([data-theme]),
.nav-1cbda7y:focus[data-theme="dark"],
.nav-1cbda7y[data-focus][data-theme="dark"],
[data-theme="dark"] .nav-1cbda7y:focus:not([data-theme]),
[data-theme="dark"] .nav-1cbda7y[data-focus]:not([data-theme]) {
    --menu-bg: var(--chakra-colors-whiteAlpha-100);
}
.nav-1cbda7y:active,
.nav-1cbda7y[data-active] {
    --menu-bg: var(--chakra-colors-gray-200);
}
.chakra-ui-dark .nav-1cbda7y:active:not([data-theme]),
.chakra-ui-dark .nav-1cbda7y[data-active]:not([data-theme]),
.nav-1cbda7y:active[data-theme="dark"],
.nav-1cbda7y[data-active][data-theme="dark"],
[data-theme="dark"] .nav-1cbda7y:active:not([data-theme]),
[data-theme="dark"] .nav-1cbda7y[data-active]:not([data-theme]) {
    --menu-bg: var(--chakra-colors-whiteAlpha-200);
}
.nav-1cbda7y[aria-expanded="true"],
.nav-1cbda7y[data-expanded] {
    --menu-bg: var(--chakra-colors-gray-100);
}
.chakra-ui-dark .nav-1cbda7y[aria-expanded="true"]:not([data-theme]),
.chakra-ui-dark .nav-1cbda7y[data-expanded]:not([data-theme]),
.nav-1cbda7y[aria-expanded="true"][data-theme="dark"],
.nav-1cbda7y[data-expanded][data-theme="dark"],
[data-theme="dark"] .nav-1cbda7y[aria-expanded="true"]:not([data-theme]),
[data-theme="dark"] .nav-1cbda7y[data-expanded]:not([data-theme]) {
    --menu-bg: var(--chakra-colors-whiteAlpha-100);
}
.nav-1cbda7y:disabled,
.nav-1cbda7y[aria-disabled="true"],
.nav-1cbda7y[data-disabled],
.nav-1cbda7y[disabled] {
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-1cbda7y:hover,
.nav-1cbda7y[data-hover] {
    background: var(--chakra-colors-main-item4);
}
.nav-4tzqtu {
    border-radius: var(--chakra-radii-md);
    width: 50px;
}
.nav-155za0w {
    list-style-type: none;
}
.nav-1tf4yro,
.nav-xpvkkh {
    gap: var(--chakra-space-2);
}
.nav-xpvkkh {
    display: flex;
}
.nav-9p5ngo {
    border-color: var(--chakra-colors-white-100);
    border-image: initial;
    border-style: none none dotted;
    border-width: 0 0 2px;
    margin-bottom: var(--chakra-space-4);
    margin-top: var(--chakra-space-4);
    opacity: 0.6;
}
.nav-cn0qcj {
    font-weight: var(--chakra-fontWeights-semibold);
    letter-spacing: var(--chakra-letterSpacings-wider);
    margin-inline-end: var(--chakra-space-4);
    margin-inline-start: var(--chakra-space-4);
    margin-bottom: var(--chakra-space-2);
    margin-top: var(--chakra-space-2);
    text-transform: uppercase;
}
.nav-1ym84bf,
.nav-cn0qcj {
    color: var(--chakra-colors-white-100);
    font-size: 15px;
}
.nav-1ym84bf {
    display: flex;
    text-decoration: none;
    user-select: none;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    background: var(--chakra-colors-main-item);
    flex: 0 0 auto;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-bottom: var(--chakra-space-1-5);
    padding-inline-end: var(--chakra-space-3);
    padding-top: var(--chakra-space-1-5);
    padding-inline-start: var(--chakra-space-3);
    text-align: start;
    transition-duration: var(--chakra-transition-duration-ultra-fast);
    transition-property: var(--chakra-transition-property-background);
    transition-timing-function: var(--chakra-transition-easing-ease-in);
}
.nav-1ym84bf:focus,
.nav-1ym84bf[data-focus] {
    --menu-bg: var(--chakra-colors-gray-100);
}
.chakra-ui-dark .nav-1ym84bf:focus:not([data-theme]),
.chakra-ui-dark .nav-1ym84bf[data-focus]:not([data-theme]),
.nav-1ym84bf:focus[data-theme="dark"],
.nav-1ym84bf[data-focus][data-theme="dark"],
[data-theme="dark"] .nav-1ym84bf:focus:not([data-theme]),
[data-theme="dark"] .nav-1ym84bf[data-focus]:not([data-theme]) {
    --menu-bg: var(--chakra-colors-whiteAlpha-100);
}
.nav-1ym84bf:active,
.nav-1ym84bf[data-active] {
    --menu-bg: var(--chakra-colors-gray-200);
}
.chakra-ui-dark .nav-1ym84bf:active:not([data-theme]),
.chakra-ui-dark .nav-1ym84bf[data-active]:not([data-theme]),
.nav-1ym84bf:active[data-theme="dark"],
.nav-1ym84bf[data-active][data-theme="dark"],
[data-theme="dark"] .nav-1ym84bf:active:not([data-theme]),
[data-theme="dark"] .nav-1ym84bf[data-active]:not([data-theme]) {
    --menu-bg: var(--chakra-colors-whiteAlpha-200);
}
.nav-1ym84bf[aria-expanded="true"],
.nav-1ym84bf[data-expanded] {
    --menu-bg: var(--chakra-colors-gray-100);
}
.chakra-ui-dark .nav-1ym84bf[aria-expanded="true"]:not([data-theme]),
.chakra-ui-dark .nav-1ym84bf[data-expanded]:not([data-theme]),
.nav-1ym84bf[aria-expanded="true"][data-theme="dark"],
.nav-1ym84bf[data-expanded][data-theme="dark"],
[data-theme="dark"] .nav-1ym84bf[aria-expanded="true"]:not([data-theme]),
[data-theme="dark"] .nav-1ym84bf[data-expanded]:not([data-theme]) {
    --menu-bg: var(--chakra-colors-whiteAlpha-100);
}
.nav-1ym84bf:disabled,
.nav-1ym84bf[aria-disabled="true"],
.nav-1ym84bf[data-disabled],
.nav-1ym84bf[disabled] {
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-1ym84bf:hover,
.nav-1ym84bf[data-hover] {
    background: var(--chakra-colors-main-item4);
}
.nav-7halv9 {
    display: inline-flex;
    -webkit-box-pack: center;
    flex-shrink: 0;
    font-size: 0.8em;
    justify-content: center;
    margin-inline-end: 0.75rem;
}
.nav-7halv9,
.nav-r9a2lp {
    -webkit-box-align: center;
    align-items: center;
}
.nav-r9a2lp {
    background: var(--chakra-colors-main-item3);
    color: var(--chakra-colors-white-100);
    display: flex;
    flex: 0 0 auto;
    margin-top: 1rem;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-bottom: var(--chakra-space-1-5);
    padding-inline-end: var(--chakra-space-3);
    padding-top: var(--chakra-space-1-5);
    padding-inline-start: var(--chakra-space-3);
    text-align: start;
    text-decoration: none;
    transition-duration: var(--chakra-transition-duration-ultra-fast);
    transition-property: var(--chakra-transition-property-background);
    transition-timing-function: var(--chakra-transition-easing-ease-in);
    user-select: none;
    width: 100%;
}
.nav-r9a2lp:focus,
.nav-r9a2lp[data-focus] {
    --menu-bg: var(--chakra-colors-gray-100);
}
.chakra-ui-dark .nav-r9a2lp:focus:not([data-theme]),
.chakra-ui-dark .nav-r9a2lp[data-focus]:not([data-theme]),
.nav-r9a2lp:focus[data-theme="dark"],
.nav-r9a2lp[data-focus][data-theme="dark"],
[data-theme="dark"] .nav-r9a2lp:focus:not([data-theme]),
[data-theme="dark"] .nav-r9a2lp[data-focus]:not([data-theme]) {
    --menu-bg: var(--chakra-colors-whiteAlpha-100);
}
.nav-r9a2lp:active,
.nav-r9a2lp[data-active] {
    --menu-bg: var(--chakra-colors-gray-200);
}
.chakra-ui-dark .nav-r9a2lp:active:not([data-theme]),
.chakra-ui-dark .nav-r9a2lp[data-active]:not([data-theme]),
.nav-r9a2lp:active[data-theme="dark"],
.nav-r9a2lp[data-active][data-theme="dark"],
[data-theme="dark"] .nav-r9a2lp:active:not([data-theme]),
[data-theme="dark"] .nav-r9a2lp[data-active]:not([data-theme]) {
    --menu-bg: var(--chakra-colors-whiteAlpha-200);
}
.nav-r9a2lp[aria-expanded="true"],
.nav-r9a2lp[data-expanded] {
    --menu-bg: var(--chakra-colors-gray-100);
}
.chakra-ui-dark .nav-r9a2lp[aria-expanded="true"]:not([data-theme]),
.chakra-ui-dark .nav-r9a2lp[data-expanded]:not([data-theme]),
.nav-r9a2lp[aria-expanded="true"][data-theme="dark"],
.nav-r9a2lp[data-expanded][data-theme="dark"],
[data-theme="dark"] .nav-r9a2lp[aria-expanded="true"]:not([data-theme]),
[data-theme="dark"] .nav-r9a2lp[data-expanded]:not([data-theme]) {
    --menu-bg: var(--chakra-colors-whiteAlpha-100);
}
.nav-r9a2lp:disabled,
.nav-r9a2lp[aria-disabled="true"],
.nav-r9a2lp[data-disabled],
.nav-r9a2lp[disabled] {
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-r9a2lp:hover,
.nav-r9a2lp[data-hover] {
    background: var(--chakra-colors-main-item4);
}
.nav-tbcm8 {
    appearance: none;
    -webkit-box-pack: center;
    border-radius: var(--chakra-radii-md);
    color: var(--chakra-colors-white-100);
    display: flex;
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-semibold);
    height: var(--chakra-sizes-10);
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    position: relative;
    text-decoration: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    background: var(--chakra-colors-main-item3);
    flex: 0 0 auto;
    margin-top: 1rem;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-bottom: var(--chakra-space-1-5);
    padding-inline-end: var(--chakra-space-3);
    padding-top: var(--chakra-space-1-5);
    padding-inline-start: var(--chakra-space-3);
    text-align: start;
    transition-duration: var(--chakra-transition-duration-ultra-fast);
    transition-property: var(--chakra-transition-property-background);
    transition-timing-function: var(--chakra-transition-easing-ease-in);
}
.nav-tbcm8:focus-visible,
.nav-tbcm8[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-tbcm8:disabled,
.nav-tbcm8[aria-disabled="true"],
.nav-tbcm8[data-disabled],
.nav-tbcm8[disabled] {
    box-shadow: var(--chakra-shadows-none);
}
.nav-tbcm8:hover,
.nav-tbcm8[data-hover] {
    background: var(--chakra-colors-gray-200);
    color: var(--chakra-colors-white-100);
}
.nav-tbcm8:hover:disabled,
.nav-tbcm8:hover[aria-disabled="true"],
.nav-tbcm8:hover[data-disabled],
.nav-tbcm8:hover[disabled],
.nav-tbcm8[data-hover]:disabled,
.nav-tbcm8[data-hover][aria-disabled="true"],
.nav-tbcm8[data-hover][data-disabled],
.nav-tbcm8[data-hover][disabled] {
    background: var(--chakra-colors-gray-100);
}
.nav-tbcm8:active,
.nav-tbcm8[data-active] {
    background: var(--chakra-colors-gray-300);
}
.nav-tbcm8:focus,
.nav-tbcm8[data-focus] {
    --menu-bg: var(--chakra-colors-gray-100);
}
.chakra-ui-dark .nav-tbcm8:focus:not([data-theme]),
.chakra-ui-dark .nav-tbcm8[data-focus]:not([data-theme]),
.nav-tbcm8:focus[data-theme="dark"],
.nav-tbcm8[data-focus][data-theme="dark"],
[data-theme="dark"] .nav-tbcm8:focus:not([data-theme]),
[data-theme="dark"] .nav-tbcm8[data-focus]:not([data-theme]) {
    --menu-bg: var(--chakra-colors-whiteAlpha-100);
}
.nav-tbcm8:active,
.nav-tbcm8[data-active] {
    --menu-bg: var(--chakra-colors-gray-200);
}
.chakra-ui-dark .nav-tbcm8:active:not([data-theme]),
.chakra-ui-dark .nav-tbcm8[data-active]:not([data-theme]),
.nav-tbcm8:active[data-theme="dark"],
.nav-tbcm8[data-active][data-theme="dark"],
[data-theme="dark"] .nav-tbcm8:active:not([data-theme]),
[data-theme="dark"] .nav-tbcm8[data-active]:not([data-theme]) {
    --menu-bg: var(--chakra-colors-whiteAlpha-200);
}
.nav-tbcm8[aria-expanded="true"],
.nav-tbcm8[data-expanded] {
    --menu-bg: var(--chakra-colors-gray-100);
}
.chakra-ui-dark .nav-tbcm8[aria-expanded="true"]:not([data-theme]),
.chakra-ui-dark .nav-tbcm8[data-expanded]:not([data-theme]),
.nav-tbcm8[aria-expanded="true"][data-theme="dark"],
.nav-tbcm8[data-expanded][data-theme="dark"],
[data-theme="dark"] .nav-tbcm8[aria-expanded="true"]:not([data-theme]),
[data-theme="dark"] .nav-tbcm8[data-expanded]:not([data-theme]) {
    --menu-bg: var(--chakra-colors-whiteAlpha-100);
}
.nav-tbcm8:disabled,
.nav-tbcm8[aria-disabled="true"],
.nav-tbcm8[data-disabled],
.nav-tbcm8[disabled] {
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-tbcm8:hover,
.nav-tbcm8[data-hover] {
    background: var(--chakra-colors-main-item4);
}
.nav-1b114a61 {
    background: linear-gradient(45deg, var(--color-btn-1), var(--color-btn-2));
}
.nav-1b114a61,
.nav-1b114a62 {
    appearance: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 9px;
    color: var(--chakra-colors-black-100);
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-bold);
    height: 50px;
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 10px 20px;
    position: relative;
    text-transform: uppercase;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}
.nav-1b114a62 {
    background: linear-gradient(45deg, #e6a23c, #e6a23c);
}
.nav-1b114a63 {
    appearance: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: linear-gradient(45deg, #73767a, #73767a);
    border-radius: 9px;
    color: var(--chakra-colors-black-100);
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-bold);
    height: 50px;
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 10px 20px;
    position: relative;
    text-transform: uppercase;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}
@media (max-width: 768px) {
    .nav-1b114a62 {
        margin-top: 1rem;
    }
    .nav-1b114a63 {
        margin-top: 1.5rem;
    }
}
.nav-15rfyaw {
    flex: 1 1 0%;
    height: 100%;
    margin-inline: auto;
    margin-top: 6rem;
    max-width: var(--chakra-sizes-container-2xl);
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 0;
    width: 100%;
    z-index: 5;
}
.nav-glgl3b {
    margin-top: 1rem;
    padding-inline-end: var(--chakra-space-5);
    padding-inline-start: var(--chakra-space-5);
}
@media screen and (min-width: 960px) {
    .nav-glgl3b {
        padding-inline: 0;
    }
}
.nav-1cjtwfp {
    color: var(--chakra-colors-white-100);
}
.nav-1tixyze {
    color: var(--color-text-header-account);
    font-family: var(--chakra-fonts-heading);
    font-size: 35px;
    font-weight: var(--chakra-fontWeights-bold);
    line-height: 1.33;
    margin-bottom: var(--chakra-space-5);
    text-transform: uppercase;
}
@media screen and (min-width: 380px) {
    .nav-1tixyze {
        line-height: 1.2;
    }
}
.nav-1tpumkx {
    border-radius: var(--chakra-radii-md);
    height: 40px;
    width: 40%;
}
.nav-acwcvw {
    margin-bottom: 1rem;
}
.nav-ygj5zp {
    border-radius: var(--chakra-radii-md);
    height: 20px;
    width: 30%;
}
.nav-11sac6f {
    display: grid;
    gap: var(--chakra-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 2rem;
    padding-inline-end: var(--chakra-space-2);
    padding-inline-start: var(--chakra-space-2);
}
@media screen and (min-width: 768px) {
    .nav-11sac6f {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media screen and (min-width: 960px) {
    .nav-11sac6f {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        margin-top: 0;
        padding-inline: 0;
    }
}
@media screen and (min-width: 1200px) {
    .nav-11sac6f {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
.nav-16fol5z {
    box-sizing: border-box;
    color: var(--chakra-colors-white-100);
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    background: var(--chakra-colors-main-item);
    border-color: var(--chakra-colors-main-item);
    border-image: initial;
    border-radius: 3px;
    border-style: solid;
    border-width: 0.1px;
    box-shadow: var(--chakra-shadows-base);
    justify-content: space-between;
    min-height: 400px;
    overflow: hidden;
    transition: 0.5s;
}
.nav-16fol5z:hover,
.nav-16fol5z[data-hover] {
    border-color: var(--chakra-colors-ocean-100);
    border-image: initial;
    border-style: solid;
    border-width: 0.1px;
    box-shadow: var(--chakra-shadows-md);
}
.nav-1er1s8x {
    height: 170px;
    overflow: hidden;
}
.nav-1kr6a86 {
    display: flex;
    gap: var(--chakra-space-2);
    padding-bottom: var(--chakra-space-3);
    padding-inline-end: var(--chakra-space-4);
    padding-top: var(--chakra-space-3);
    padding-inline-start: var(--chakra-space-4);
    -webkit-box-align: center;
    align-items: center;
}
.nav-rklpfo {
    height: 15px;
    width: 100%;
}
.nav-svjswr {
    border-color: inherit;
    border-image: initial;
    border-style: solid;
    border-width: 0 0 1px;
    opacity: 0.6;
    width: 100%;
}
.nav-175vl5u {
    font-size: 0.85rem;
    list-style-type: none;
    padding-inline-end: var(--chakra-space-3);
    padding-bottom: var(--chakra-space-2);
    padding-inline-start: var(--chakra-space-3);
    padding-top: var(--chakra-space-2);
}
.nav-175vl5u > :not(style) ~ :not(style) {
    margin-top: var(--chakra-space-3);
}
.nav-k008qs {
    display: flex;
}
.nav-169zzeb {
    color: var(--chakra-colors-green-500);
    display: inline;
    flex-shrink: 0;
    height: 1em;
    line-height: 1em;
    margin-inline-end: var(--chakra-space-2);
    vertical-align: text-bottom;
    width: 1em;
}
.nav-1rppye4 {
    height: 15px;
    width: 90%;
}
.nav-v1kx67 {
    border-color: var(--chakra-colors-gray-100);
    border-image: initial;
    border-style: solid;
    border-width: 0 0 1px;
    opacity: 0.6;
    width: 100%;
}
.nav-18g3eep {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-bottom: var(--chakra-space-2);
    padding-top: var(--chakra-space-2);
}
.nav-12cpvj {
    height: 30px;
    width: 50%;
}
.nav-1tjyi9w {
    height: 45px;
    width: 100%;
}
.nav-1gx6kx8 {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    background: var(--chakra-colors-main-item);
    border-radius: var(--chakra-radii-md);
    box-shadow: var(--chakra-shadows-base);
    color: var(--chakra-colors-white-100);
    height: 200px;
    justify-content: space-between;
    overflow: hidden;
}
@media screen and (min-width: 960px) {
    .nav-1gx6kx8 {
        height: 250px;
    }
}
.nav-11vcu58 {
    height: 60%;
    overflow: hidden;
    position: relative;
}
.nav-128pumv {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-2);
    height: 40%;
    padding-inline: 1rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
@media screen and (min-width: 960px) {
    .nav-128pumv {
        padding-inline: 2rem;
    }
}
.nav-nyosmc {
    display: -webkit-box;
    font-family: var(--chakra-fonts-heading);
    font-size: 13px;
    font-weight: var(--chakra-fontWeights-bold);
    line-height: 1.33;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--chakra-line-clamp);
    --chakra-line-clamp: 2;
    text-transform: uppercase;
}
@media screen and (min-width: 380px) {
    .nav-nyosmc {
        line-height: 1.2;
    }
}
@media screen and (min-width: 768px) {
    .nav-nyosmc {
        font-size: 15px;
    }
}
.nav-xi606m {
    text-align: center;
}
.nav-1c8h44w {
    color: var(--chakra-colors-red-400);
    font-size: 18px;
    font-weight: var(--chakra-fontWeights-bold);
}
.nav-1lb6n3v {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 100vh;
}
.nav-16hx2nu {
    animation: animation-b7n1on 0.45s linear 0s infinite normal none running;
    border-bottom: 2px solid var(--chakra-colors-transparent);
    border-left: 2px solid var(--chakra-colors-transparent);
    border-radius: 99999px;
    border-right: 2px solid;
    border-top: 2px solid;
    display: inline-block;
    height: var(--spinner-size);
    width: var(--spinner-size);
    --spinner-size: var(--chakra-sizes-6);
    color: var(--chakra-colors-white-100);
}
@-webkit-keyframes animation-b7n1on {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
@keyframes animation-b7n1on {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
.nav-2m820f {
    color: var(--chakra-colors-white-100);
    margin-left: 1rem;
    margin-top: 3rem;
}
.nav-1ryqi77 {
    align-content: center;
    display: flex;
    flex-direction: column;
    gap: 0;
}
@media screen and (min-width: 960px) {
    .nav-1ryqi77 {
        flex-direction: row;
        gap: var(--chakra-space-5);
    }
}
.nav-rj5r62 {
    margin-bottom: var(--chakra-space-3);
}
.nav-11p79ra,
.nav-rj5r62 {
    position: relative;
    width: 100%;
}
.nav-11p79ra {
    appearance: none;
    background: var(--chakra-colors-main-item);
    border-color: var(--chakra-colors-main-item4);
    border-image: initial;
    border-radius: var(--chakra-radii-md);
    border-style: solid;
    border-width: 1px;
    color: var(--chakra-colors-white-100);
    font-size: var(--chakra-fontSizes-sm);
    font-weight: 500;
    height: var(--chakra-sizes-12);
    min-width: 0;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
}
.nav-11p79ra:disabled,
.nav-11p79ra[aria-disabled="true"],
.nav-11p79ra[data-disabled],
.nav-11p79ra[disabled] {
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-42b2qy {
    height: fit-content;
}
.nav-42b2qy,
.nav-zkmoxo {
    position: relative;
    width: 100%;
}
.nav-zkmoxo {
    appearance: none;
    background: var(--chakra-colors-main-item);
    line-height: var(--chakra-lineHeights-normal);
    min-width: 0;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-8);
    padding-bottom: 1px;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    --select-bg: colors.white;
    border-color: var(--chakra-colors-main-item4);
    border-image: initial;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    color: var(--chakra-colors-white-100);
    font-size: var(--chakra-fontSizes-sm);
    font-weight: 500;
    height: var(--chakra-sizes-12);
    padding-inline-start: var(--chakra-space-4);
}
.nav-zkmoxo:disabled,
.nav-zkmoxo[aria-disabled="true"],
.nav-zkmoxo[data-disabled],
.nav-zkmoxo[disabled] {
    cursor: not-allowed;
    opacity: 0.4;
}
.chakra-ui-dark .nav-zkmoxo:not([data-theme]),
.nav-zkmoxo[data-theme="dark"],
[data-theme="dark"] .nav-zkmoxo:not([data-theme]) {
    --select-bg: var(--chakra-colors-gray-700);
}
.nav-zkmoxo > optgroup,
.nav-zkmoxo > option {
    background: var(--select-bg);
}
.nav-zkmoxo::-webkit-input-placeholder {
    color: var(--chakra-colors-white-100);
}
.nav-zkmoxo::placeholder {
    color: var(--chakra-colors-white-100);
}
.nav-zkmoxo:focus,
.nav-zkmoxo[data-focus] {
    z-index: unset;
}
.nav-18ixemt {
    color: var(--chakra-colors-white-100);
    display: inline-flex;
    font-size: var(--chakra-fontSizes-xl);
    height: 100%;
    position: absolute;
    right: var(--chakra-space-2);
    width: var(--chakra-sizes-6);
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    pointer-events: none;
    top: 50%;
    transform: translateY(-50%);
}
.nav-18ixemt:disabled,
.nav-18ixemt[aria-disabled="true"],
.nav-18ixemt[data-disabled],
.nav-18ixemt[disabled] {
    opacity: 0.5;
}
.nav-1b114a6 {
    appearance: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: linear-gradient(45deg, var(--color-btn-1), var(--color-btn-2));
    border-radius: 9px;
    color: var(--chakra-colors-black-100);
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-bold);
    height: 50px;
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 10px 20px;
    position: relative;
    text-transform: uppercase;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}
.nav-1b114a6:focus-visible,
.nav-1b114a6[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-1b114a6:disabled,
.nav-1b114a6[aria-disabled="true"],
.nav-1b114a6[data-disabled],
.nav-1b114a6[disabled] {
    box-shadow: var(--chakra-shadows-none);
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-1b114a6:hover,
.nav-1b114a6[data-hover] {
    background: linear-gradient(45deg, var(--color-btn-2), var(--color-btn-1));
    color: var(--chakra-colors-black-100);
}
.nav-1b114a6:hover:disabled,
.nav-1b114a6:hover[aria-disabled="true"],
.nav-1b114a6:hover[data-disabled],
.nav-1b114a6:hover[disabled],
.nav-1b114a6[data-hover]:disabled,
.nav-1b114a6[data-hover][aria-disabled="true"],
.nav-1b114a6[data-hover][data-disabled],
.nav-1b114a6[data-hover][disabled] {
    background: initial;
}
.nav-1wtty16 {
    box-sizing: border-box;
    color: var(--chakra-colors-white-100);
    display: flex;
    flex-direction: column;
    position: relative;
    -webkit-box-pack: justify;
    background: var(--chakra-colors-main-item);
    border-color: var(--chakra-colors-main-item);
    border-image: initial;
    border-radius: 3px;
    border-style: solid;
    border-width: 0.1px;
    box-shadow: var(--chakra-shadows-base);
    justify-content: space-between;
    overflow: hidden;
    transition: 0.5s;
}
.nav-1wtty16:hover,
.nav-1wtty16[data-hover] {
    border-color: var(--chakra-colors-ocean-100);
    border-image: initial;
    border-style: solid;
    border-width: 0.1px;
    box-shadow: var(--chakra-shadows-md);
}
.nav-399shr {
    display: flex;
    flex-direction: column;
    gap: 6px;
    left: 0.5rem;
    position: absolute;
    top: 0.5rem;
}
.nav-jdrea4 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: var(--chakra-colors-main-item2);
    border-radius: var(--chakra-radii-md);
    font-size: 13px;
    justify-content: center;
    line-height: var(--chakra-lineHeights-5);
    padding-inline: 0.8rem;
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;
    width: auto;
    z-index: 3;
}
.nav-i6bazn {
    overflow: hidden;
}
.nav-obupz9 {
    transition: 0.3s;
}
.nav-obupz9:hover,
.nav-obupz9[data-hover] {
    transform: scale(1.02);
}
.nav-nv68nj {
    display: flex;
    gap: var(--chakra-space-2);
    padding-bottom: var(--chakra-space-3);
    padding-inline-end: var(--chakra-space-4);
    padding-top: var(--chakra-space-3);
    padding-inline-start: var(--chakra-space-4);
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
}
.nav-et5usi {
    color: var(--chakra-colors-red-500);
    display: inline-block;
    flex-shrink: 0;
    font-size: 18px;
    height: 1em;
    line-height: 1em;
    width: 1em;
}
.nav-1lgqw7y {
    font-size: 0.85rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nav-wqhlai {
    padding-bottom: var(--chakra-space-2);
    padding-top: var(--chakra-space-2);
    text-align: center;
}
.nav-lnc18i {
    appearance: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: linear-gradient(45deg, var(--color-btn-1), var(--color-btn-2));
    border-radius: 0;
    color: var(--chakra-colors-black-100);
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-bold);
    height: var(--chakra-sizes-10);
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 1.4rem 20px;
    position: relative;
    text-transform: uppercase;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}
.nav-lnc18i:focus-visible,
.nav-lnc18i[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-lnc18i:disabled,
.nav-lnc18i[aria-disabled="true"],
.nav-lnc18i[data-disabled],
.nav-lnc18i[disabled] {
    box-shadow: var(--chakra-shadows-none);
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-lnc18i:hover,
.nav-lnc18i[data-hover] {
    background: linear-gradient(45deg, var(--color-btn-2), var(--color-btn-1));
    color: var(--chakra-colors-black-100);
}
.nav-lnc18i:hover:disabled,
.nav-lnc18i:hover[aria-disabled="true"],
.nav-lnc18i:hover[data-disabled],
.nav-lnc18i:hover[disabled],
.nav-lnc18i[data-hover]:disabled,
.nav-lnc18i[data-hover][aria-disabled="true"],
.nav-lnc18i[data-hover][data-disabled],
.nav-lnc18i[data-hover][disabled] {
    background: initial;
}
.nav-1afy11s {
    display: grid;
    gap: var(--chakra-space-3);
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media screen and (min-width: 768px) {
    .nav-1afy11s {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.nav-18mxe5n,
.nav-1skv9un {
    background: var(--chakra-colors-main-item);
    border-radius: var(--chakra-radii-md);
    padding: var(--chakra-space-5);
}
.nav-18mxe5n {
    overflow: hidden;
    position: relative;
}
.nav-1om2noh {
    background-image: url(/assets/img/bg-1.jpeg);
    background-size: cover;
    border-radius: var(--chakra-radii-md);
    color: var(--chakra-colors-white-100);
    padding-bottom: var(--chakra-space-3);
    padding-inline-end: var(--chakra-space-5);
    padding-top: var(--chakra-space-3);
    padding-inline-start: var(--chakra-space-5);
    width: 100%;
}
.nav-l8qto0 {
    font-size: 15px;
}
.nav-s1xdda {
    font-family: var(--chakra-fonts-heading);
    font-size: 25px;
    font-weight: var(--chakra-fontWeights-bold);
    line-height: 1.33;
}
@media screen and (min-width: 380px) {
    .nav-s1xdda {
        line-height: 1.2;
    }
}
.nav-1l073yi {
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    background: var(--chakra-colors-red-250);
    border-radius: var(--chakra-radii-md);
    justify-content: space-between;
    padding: var(--chakra-space-5);
    -webkit-box-align: center;
    align-items: center;
}
.nav-ozqb1i,
.nav-rg4jtt {
    color: var(--chakra-colors-red-600);
    font-size: var(--chakra-fontSizes-sm);
}
.nav-izn0co {
    height: 100px;
    width: 100%;
}
.nav-8fls3d {
    appearance: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: var(--chakra-colors-red-500);
    border-radius: var(--chakra-radii-md);
    color: #fff;
    font-size: var(--chakra-fontSizes-xl);
    font-weight: var(--chakra-fontWeights-semibold);
    height: var(--chakra-sizes-10);
    justify-content: center;
    line-height: var(--chakra-lineHeights-none);
    min-width: var(--chakra-sizes-10);
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-inline-end: var(--chakra-space-4);
    padding-bottom: 2rem;
    padding-inline-start: var(--chakra-space-4);
    padding-top: 2rem;
    position: relative;
    transition-duration: var(--chakra-transition-duration-normal);
    transition-property: var(--chakra-transition-property-common);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}
.nav-8fls3d:focus-visible,
.nav-8fls3d[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}
.nav-8fls3d:disabled,
.nav-8fls3d[aria-disabled="true"],
.nav-8fls3d[data-disabled],
.nav-8fls3d[disabled] {
    box-shadow: var(--chakra-shadows-none);
    cursor: not-allowed;
    opacity: 0.4;
}
.nav-8fls3d:hover,
.nav-8fls3d[data-hover] {
    background: var(--chakra-colors-red-600);
    color: var(--chakra-colors-white-100);
}
.nav-8fls3d:hover:disabled,
.nav-8fls3d:hover[aria-disabled="true"],
.nav-8fls3d:hover[data-disabled],
.nav-8fls3d:hover[disabled],
.nav-8fls3d[data-hover]:disabled,
.nav-8fls3d[data-hover][aria-disabled="true"],
.nav-8fls3d[data-hover][data-disabled],
.nav-8fls3d[data-hover][disabled] {
    background: var(--chakra-colors-red-500);
}
.nav-8fls3d:active,
.nav-8fls3d[data-active] {
    background: var(--chakra-colors-red-700);
}
.nav-1jke4yk {
    position: relative;
    width: 100%;
}
.nav-10lxbkf {
    overflow: hidden;
}
.nav-10lxbkf,
.nav-1lf4yp5 {
    border-radius: var(--chakra-radii-md);
}
.nav-1lf4yp5 {
    display: inline-flex;
    vertical-align: top;
    -webkit-box-align: center;
    align-items: center;
    font-weight: var(--chakra-fontWeights-medium);
    line-height: 1.2;
    max-width: 100%;
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tag-color: var(--badge-color);
    --tag-bg: var(--badge-bg);
    --tag-shadow: var(--badge-shadow);
    background: var(--tag-bg);
    box-shadow: var(--tag-shadow);
    color: var(--tag-color);
    font-size: var(--tag-font-size);
    min-height: var(--tag-min-height);
    min-width: var(--tag-min-width);
    padding-inline-end: var(--tag-padding-inline);
    padding-inline-start: var(--tag-padding-inline);
    --tag-min-height: var(--chakra-sizes-6);
    --tag-min-width: var(--chakra-sizes-6);
    --tag-font-size: var(--chakra-fontSizes-sm);
    --tag-padding-inline: var(--chakra-space-2);
    --badge-bg: var(--chakra-colors-gray-100);
    --badge-color: var(--chakra-colors-gray-800);
    left: 10px;
    opacity: 0.7;
    position: absolute;
    top: 10px;
    z-index: 99;
}
.nav-1lf4yp5:focus-visible,
.nav-1lf4yp5[data-focus-visible] {
    --tag-shadow: var(--chakra-shadows-outline);
}
.chakra-ui-dark .nav-1lf4yp5:not([data-theme]),
.nav-1lf4yp5[data-theme="dark"],
[data-theme="dark"] .nav-1lf4yp5:not([data-theme]) {
    --badge-bg: rgba(226, 232, 240, 0.16);
    --badge-color: var(--chakra-colors-gray-200);
}
.nav-1vtcoho {
    color: var(--chakra-colors-red-600);
    font-size: 25px;
    font-weight: var(--chakra-fontWeights-bold);
}
.nav-upnqmd {
    background: #efeded;
    border-radius: var(--chakra-radii-md);
    padding: var(--chakra-space-5);
    width: 100%;
}
.nav-bxak8j {
    margin-bottom: var(--chakra-space-2);
}
.nav-8tgy93 {
    border-radius: var(--chakra-radii-md);
    display: flex;
    flex-direction: column;
    margin-bottom: var(--chakra-space-16);
    margin-top: var(--chakra-space-16);
    outline: 2px solid transparent;
    outline-offset: 2px;
    position: relative;
    width: 100%;
    z-index: var(--chakra-zIndices-modal);
    --modal-bg: colors.white;
    --modal-shadow: var(--chakra-shadows-lg);
    background: var(--chakra-colors-main-item);
    box-shadow: var(--modal-shadow);
    color: var(--chakra-colors-white-100);
    max-width: var(--chakra-sizes-4xl);
}
.chakra-ui-dark .nav-8tgy93:not([data-theme]),
.nav-8tgy93[data-theme="dark"],
[data-theme="dark"] .nav-8tgy93:not([data-theme]) {
    --modal-bg: var(--chakra-colors-gray-700);
    --modal-shadow: var(--chakra-shadows-dark-lg);
}
.carousel .control-arrow,
.carousel.carousel-slider .control-arrow {
    background: none;
    border: 0;
    cursor: pointer;
    font-size: 32px;
    opacity: 0.4;
    position: absolute;
    top: 20px;
    transition: 0.25s ease-in;
    z-index: 2;
}
.carousel .control-arrow:focus,
.carousel .control-arrow:hover {
    opacity: 1;
}
.carousel .control-arrow:before,
.carousel.carousel-slider .control-arrow:before {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    content: "";
    display: inline-block;
    margin: 0 5px;
}
.carousel .control-disabled.control-arrow {
    cursor: inherit;
    display: none;
    opacity: 0;
}
.carousel .control-prev.control-arrow {
    left: 0;
}
.carousel .control-prev.control-arrow:before {
    border-right: 8px solid #fff;
}
.carousel .control-next.control-arrow {
    right: 0;
}
.carousel .control-next.control-arrow:before {
    border-left: 8px solid #fff;
}
.carousel-root {
    outline: none;
}
.carousel {
    position: relative;
    width: 100%;
}
.carousel * {
    box-sizing: border-box;
}
.carousel img {
    display: inline-block;
    pointer-events: none;
    width: 100%;
}
.carousel .carousel {
    position: relative;
}
.carousel .control-arrow {
    background: none;
    border: 0;
    font-size: 18px;
    margin-top: -13px;
    outline: 0;
    top: 50%;
}
.carousel .thumbs-wrapper {
    margin: 20px;
    overflow: hidden;
}
.carousel .thumbs {
    list-style: none;
    position: relative;
    transform: translateZ(0);
    transition: 0.15s ease-in;
    white-space: nowrap;
}
.carousel .thumb {
    border: 3px solid #fff;
    display: inline-block;
    margin-right: 6px;
    overflow: hidden;
    padding: 2px;
    transition: border 0.15s ease-in;
    white-space: nowrap;
}
.carousel .thumb:focus {
    border: 3px solid #ccc;
    outline: none;
}
.carousel .thumb.selected,
.carousel .thumb:hover {
    border: 3px solid #333;
}
.carousel .thumb img {
    vertical-align: top;
}
.carousel.carousel-slider {
    margin: 0;
    overflow: hidden;
    position: relative;
}
.carousel.carousel-slider .control-arrow {
    bottom: 0;
    color: #fff;
    font-size: 26px;
    margin-top: 0;
    padding: 5px;
    top: 0;
}
.carousel.carousel-slider .control-arrow:hover {
    background: rgba(0, 0, 0, 0.2);
}
.carousel .slider-wrapper {
    margin: auto;
    overflow: hidden;
    transition: height 0.15s ease-in;
    width: 100%;
}
.carousel .slider-wrapper.axis-horizontal .slider {
    display: flex;
}
.carousel .slider-wrapper.axis-horizontal .slider .slide {
    flex-flow: column;
}
.carousel .slider-wrapper.axis-vertical {
    display: flex;
}
.carousel .slider-wrapper.axis-vertical .slider {
    flex-direction: column;
}
.carousel .slider {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.carousel .slider.animated {
    transition: 0.35s ease-in-out;
}
.carousel .slide {
    margin: 0;
    min-width: 100%;
    position: relative;
    text-align: center;
}
.carousel .slide img {
    border: 0;
    vertical-align: top;
    width: 100%;
}
.carousel .slide iframe {
    border: 0;
    display: inline-block;
    margin: 0 40px 40px;
    width: calc(100% - 80px);
}
.carousel .slide .legend {
    background: #000;
    border-radius: 10px;
    bottom: 40px;
    color: #fff;
    font-size: 12px;
    left: 50%;
    margin-left: -45%;
    opacity: 0.25;
    padding: 10px;
    position: absolute;
    text-align: center;
    transition: opacity 0.35s ease-in-out;
    width: 90%;
}
.carousel .control-dots {
    bottom: 0;
    margin: 10px 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
}
@media (min-width: 960px) {
    .carousel .control-dots {
        bottom: 0;
    }
}
.carousel .control-dots .dot {
    background: #fff;
    border-radius: 50%;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
    cursor: pointer;
    display: inline-block;
    height: 8px;
    margin: 0 8px;
    opacity: 0.3;
    transition: opacity 0.25s ease-in;
    width: 8px;
}
.carousel .control-dots .dot.selected,
.carousel .control-dots .dot:hover {
    opacity: 1;
}
.carousel .carousel-status {
    color: #fff;
    font-size: 10px;
    padding: 5px;
    position: absolute;
    right: 0;
    text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
    top: 0;
}
.carousel:hover .slide .legend {
    opacity: 1;
}
.ws-col-span-1 {
    grid-column: span 1 / span 1;
}
.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-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}
.ws-mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}
.ws-mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
}
.ws-mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.ws-my-1 {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
}
.ws-my-10 {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
}
.ws-my-2 {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}
.ws-my-3 {
    margin-bottom: 0.75rem;
    margin-top: 0.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-0\.5 {
    margin-bottom: 0.125rem;
}
.ws-mb-1 {
    margin-bottom: 0.25rem;
}
.ws-mb-1\.5 {
    margin-bottom: 0.375rem;
}
.ws-mb-10 {
    margin-bottom: 2.5rem;
}
.ws-mb-2 {
    margin-bottom: 0.5rem;
}
.ws-mb-3 {
    margin-bottom: 0.75rem;
}
.ws-mb-4 {
    margin-bottom: 1rem;
}
.ws-mb-8 {
    margin-bottom: 2rem;
}
.ws-ml-0 {
    margin-left: 0;
}
.ws-ml-1 {
    margin-left: 0.25rem;
}
.ws-ml-1\.5 {
    margin-left: 0.375rem;
}
.ws-ml-10 {
    margin-left: 2.5rem;
}
.ws-ml-2 {
    margin-left: 0.5rem;
}
.ws-ml-3 {
    margin-left: 0.75rem;
}
.ws-ml-4 {
    margin-left: 1rem;
}
.ws-ml-5 {
    margin-left: 1.25rem;
}
.ws-ml-\[0\.5px\] {
    margin-left: 0.5px;
}
.ws-mr-1 {
    margin-right: 0.25rem;
}
.ws-mr-2 {
    margin-right: 0.5rem;
}
.ws-mr-3 {
    margin-right: 0.75rem;
}
.ws-mr-4 {
    margin-right: 1rem;
}
.ws-mr-8 {
    margin-right: 2rem;
}
.ws-mt-1 {
    margin-top: 0.25rem;
}
.ws-mt-10 {
    margin-top: 2.5rem;
}
.ws-mt-2 {
    margin-top: 0.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-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-2 {
    height: 0.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-\[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-10 {
    width: 2.5rem;
}
.ws-w-2 {
    width: 0.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-5xl {
    max-width: 64rem;
}
.ws-max-w-6xl {
    max-width: 72rem;
}
.ws-max-w-7xl {
    max-width: 80rem;
}
.ws-max-w-8xl {
    max-width: 95rem;
}
.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 {
    user-select: none;
}
.ws-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: 0.25rem;
}
.ws-gap-2 {
    gap: 0.5rem;
}
.ws-gap-3 {
    gap: 0.75rem;
}
.ws-gap-4 {
    gap: 1rem;
}
.ws-gap-5 {
    gap: 1.25rem;
}
.ws-gap-6 {
    gap: 1.5rem;
}
.ws-gap-x-2 {
    column-gap: 0.5rem;
}
.ws-gap-x-3 {
    column-gap: 0.75rem;
}
.ws-gap-x-4 {
    column-gap: 1rem;
}
.ws-gap-x-6 {
    column-gap: 1.5rem;
}
.ws-gap-y-2 {
    row-gap: 0.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: 0.5rem !important;
}
.\!ws-rounded-none {
    border-radius: 0 !important;
}
.ws-rounded {
    border-radius: 0.25rem;
}
.ws-rounded-full {
    border-radius: 9999px;
}
.ws-rounded-lg {
    border-radius: 0.5rem;
}
.ws-rounded-none {
    border-radius: 0;
}
.ws-rounded-b {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.ws-rounded-b-lg {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
.ws-rounded-r {
    border-bottom-right-radius: 0.25rem;
}
.ws-rounded-r,
.ws-rounded-t {
    border-top-right-radius: 0.25rem;
}
.ws-rounded-t {
    border-top-left-radius: 0.25rem;
}
.ws-rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}
.ws-rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.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: rgb(241 245 249 / var(--tw-border-opacity));
}
.ws-border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
.ws-border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225 / var(--tw-border-opacity));
}
.ws-border-pink-700 {
    --tw-border-opacity: 1;
    border-color: rgb(190 24 93 / var(--tw-border-opacity));
}
.ws-border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgb(252 165 165 / var(--tw-border-opacity));
}
.ws-border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity));
}
.ws-border-red-600 {
    --tw-border-opacity: 1;
    border-color: rgb(220 38 38 / var(--tw-border-opacity));
}
.ws-border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.ws-border-zinc-100 {
    --tw-border-opacity: 1;
    border-color: rgb(244 244 245 / var(--tw-border-opacity));
}
.ws-border-zinc-200 {
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231 / var(--tw-border-opacity));
}
.ws-border-zinc-600 {
    --tw-border-opacity: 1;
    border-color: rgb(82 82 91 / var(--tw-border-opacity));
}
.ws-border-zinc-800 {
    --tw-border-opacity: 1;
    border-color: rgb(39 39 42 / var(--tw-border-opacity));
}
.ws-bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.ws-bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.ws-bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.ws-bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.ws-bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.ws-bg-orange-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 115 22 / var(--tw-bg-opacity));
}
.ws-bg-pink-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(190 24 93 / var(--tw-bg-opacity));
}
.ws-bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
.ws-bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.ws-bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.ws-bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}
.ws-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.ws-bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 249 195 / var(--tw-bg-opacity));
}
.ws-bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 224 71 / var(--tw-bg-opacity));
}
.ws-bg-zinc-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245 / var(--tw-bg-opacity));
}
.ws-bg-zinc-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.ws-bg-zinc-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42 / var(--tw-bg-opacity));
}
.ws-bg-zinc-900 {
    --tw-bg-opacity: 1;
    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: #ef4444 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(239, 68, 68, 0) 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: #ef4444 var(--tw-gradient-to-position);
}
.ws-to-red-600 {
    --tw-gradient-to: #dc2626 var(--tw-gradient-to-position);
}
.ws-bg-clip-text {
    background-clip: text;
}
.ws-bg-no-repeat {
    background-repeat: no-repeat;
}
.ws-stroke-red-500 {
    stroke: #ef4444;
}
.ws-object-fill {
    object-fit: fill;
}
.ws-object-center {
    object-position: center center;
}
.ws-p-1 {
    padding: 0.25rem;
}
.ws-p-2 {
    padding: 0.5rem;
}
.ws-p-3 {
    padding: 0.75rem;
}
.ws-px-0 {
    padding-left: 0;
    padding-right: 0;
}
.ws-px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.ws-px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}
.ws-px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.ws-px-3 {
    padding-left: 0.75rem;
    padding-right: 0.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: 0.125rem;
    padding-top: 0.125rem;
}
.ws-py-1 {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
}
.ws-py-1\.5 {
    padding-bottom: 0.375rem;
    padding-top: 0.375rem;
}
.ws-py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
}
.ws-py-2 {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.ws-py-2\.5 {
    padding-bottom: 0.625rem;
    padding-top: 0.625rem;
}
.ws-py-3 {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
}
.ws-py-3\.5 {
    padding-bottom: 0.875rem;
    padding-top: 0.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: 0.125rem;
}
.ws-pb-1 {
    padding-bottom: 0.25rem;
}
.ws-pb-12 {
    padding-bottom: 3rem;
}
.ws-pb-2 {
    padding-bottom: 0.5rem;
}
.ws-pb-3 {
    padding-bottom: 0.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: 0.5rem;
}
.ws-pr-\[5rem\] {
    padding-right: 5rem;
}
.ws-pt-1 {
    padding-top: 0.25rem;
}
.ws-pt-1\.5 {
    padding-top: 0.375rem;
}
.ws-pt-14 {
    padding-top: 3.5rem;
}
.ws-pt-2 {
    padding-top: 0.5rem;
}
.ws-pt-3 {
    padding-top: 0.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: 0.875rem;
    line-height: 1.25rem;
}
.ws-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.ws-text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}
.ws-font-bold {
    font-weight: 700;
}
.ws-font-extrabold {
    font-weight: 800;
}
.ws-font-light {
    font-weight: 300;
}
.ws-font-medium {
    font-weight: 500;
}
.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: rgb(0 0 0 / var(--tw-text-opacity));
}
.ws-text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity));
}
.ws-text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity));
}
.ws-text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity));
}
.ws-text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(15 23 42 / var(--tw-text-opacity));
}
.ws-text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity));
}
.ws-text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity));
}
.ws-text-pink-700 {
    --tw-text-opacity: 1;
    color: rgb(190 24 93 / var(--tw-text-opacity));
}
.ws-text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity));
}
.ws-text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity));
}
.ws-text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity));
}
.ws-text-transparent {
    color: transparent;
}
.ws-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.ws-text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgb(250 204 21 / var(--tw-text-opacity));
}
.ws-text-zinc-300 {
    --tw-text-opacity: 1;
    color: rgb(212 212 216 / var(--tw-text-opacity));
}
.ws-text-zinc-400 {
    --tw-text-opacity: 1;
    color: rgb(161 161 170 / var(--tw-text-opacity));
}
.ws-text-zinc-500 {
    --tw-text-opacity: 1;
    color: rgb(113 113 122 / var(--tw-text-opacity));
}
.ws-text-zinc-600 {
    --tw-text-opacity: 1;
    color: rgb(82 82 91 / var(--tw-text-opacity));
}
.ws-text-zinc-700 {
    --tw-text-opacity: 1;
    color: rgb(63 63 70 / var(--tw-text-opacity));
}
.ws-text-zinc-800 {
    --tw-text-opacity: 1;
    color: rgb(39 39 42 / var(--tw-text-opacity));
}
.ws-text-zinc-900 {
    --tw-text-opacity: 1;
    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: rgb(30 41 59 / var(--tw-placeholder-opacity));
}
.ws-opacity-25 {
    opacity: 0.25;
}
.ws-shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -4px rgba(0, 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: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ws-transition {
    transition-duration: 0.15s;
    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(0.4, 0, 0.2, 1);
}
.ws-transition-all {
    transition-duration: 0.15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ws-duration-200 {
    transition-duration: 0.2s;
}
.hover\:ws-bg-pink-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(219 39 119 / var(--tw-bg-opacity));
}
.hover\:ws-bg-red-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.hover\:ws-bg-zinc-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245 / var(--tw-bg-opacity));
}
.hover\:ws-bg-zinc-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 91 / var(--tw-bg-opacity));
}
.hover\:ws-shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
        0 4px 6px -4px var(--tw-shadow-color);
}
.hover\:ws-shadow-lg:hover,
.hover\:ws-shadow-sm:hover {
    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, 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}
.focus\:ws-border-red-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity));
}
.focus\:ws-placeholder-white:focus::placeholder {
    --tw-placeholder-opacity: 1;
    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: 0.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: 0.5rem;
    }
    .md\:ws-gap-4 {
        gap: 1rem;
    }
    .md\:ws-gap-5 {
        gap: 1.25rem;
    }
    .md\:ws-rounded {
        border-radius: 0.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: 0.5rem;
        padding-right: 0.5rem;
    }
    .md\:ws-px-3 {
        padding-left: 0.75rem;
        padding-right: 0.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: 0.5rem;
        padding-top: 0.5rem;
    }
    .md\:ws-py-2\.5 {
        padding-bottom: 0.625rem;
        padding-top: 0.625rem;
    }
    .md\:ws-py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem;
    }
    .md\:ws-py-3 {
        padding-bottom: 0.75rem;
        padding-top: 0.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: 0.25rem;
    }
    .md\:ws-pl-6 {
        padding-left: 1.5rem;
    }
    .md\:ws-pr-0 {
        padding-right: 0;
    }
    .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: 0.875rem;
        line-height: 1.25rem;
    }
    .md\:ws-text-xs {
        font-size: 0.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-4 {
        grid-column: span 4 / span 4;
    }
    .lg\:ws-col-span-6 {
        grid-column: span 6 / span 6;
    }
    .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: 0.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;
    }
}
.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 {
    box-sizing: border-box;
    -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,
.slick-slider {
    display: block;
    position: relative;
}
.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0;
    transform: translateZ(0);
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.nav-0 {
    position: relative;
}
.nav-sub-menu {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    left: 0;
    padding: 10px;
    position: absolute;
    top: 100%;
    z-index: 999;

    /* phần chỉnh */
    width: max-content;
    min-width: unset;
    white-space: nowrap;

    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);
    transition: opacity 0.25s ease, transform 0.25s ease;
}
.nav-0:hover > .nav-sub-menu,
.nav-sub-menu:hover {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}
.fade {
    display: none;
}
.fade.show {
    display: flex !important;
}
.nav-1e0moo {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(20px);
    inset: 0;
    position: absolute;
    transition: background-image 0.4s ease-in-out;
    z-index: -1;
}
.tab-content {
    display: none;
}
.tab-content.active {
    display: block;
}
.tab span {
    cursor: pointer;
}
.tab.active span {
    background-color: #ef4444;
    color: #fff;
}
.loading-indicator {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 50%;
    top: 50%;
    width: 100%;
}
.spinner {
    animation: spin 0.5s linear infinite;
    border: 4px solid rgba(255, 0, 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%, 0.82);
    z-index: 2000;
}
.ws-h-\[50px\] {
    height: 50px;
}
.alert-custom {
    border-left-style: solid;
    border-left-width: 3px;
    border-radius: 5px;
    font-size: 13.5px;
    margin-bottom: 10px;
}
.alert-custom.alert-primary {
    border-left-color: #2d5683;
}
.alert-custom.alert-secondary {
    border-left-color: #88939b;
}
.alert-custom.alert-success {
    border-left-color: #1c8a35;
}
.alert-custom.alert-danger {
    border-left-color: #96212c;
}
.alert-custom.alert-warning {
    border-left-color: #9a851c;
}
.alert-custom.alert-info {
    border-left-color: #158598;
}
.alert-custom.alert-light {
    border-left-color: #5b5b5b;
    color: var(--gray-700);
}
.alert-custom.alert-dark {
    border-left-color: #3d3f42;
}
.alert {
    border: 1px solid transparent;
    border-radius: 0.25rem;
    padding: 0.75rem 1.25rem;
    position: relative;
}
.alert-heading {
    color: inherit;
}
.alert-link {
    font-weight: 700;
}
.alert-dismissible {
    padding-right: 4rem;
}
.alert-dismissible .close {
    color: inherit;
    padding: 0.75rem 1.25rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.alert-primary {
    background-color: #cce5ff;
    border-color: #b8daff;
    color: #004085;
}
.alert-primary hr {
    border-top-color: #9fcdff;
}
.alert-primary .alert-link {
    color: #002752;
}
.alert-secondary {
    background-color: #e2e3e5;
    border-color: #d6d8db;
    color: #383d41;
}
.alert-secondary hr {
    border-top-color: #c8cbcf;
}
.alert-secondary .alert-link {
    color: #202326;
}
.alert-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}
.alert-success hr {
    border-top-color: #b1dfbb;
}
.alert-success .alert-link {
    color: #0b2e13;
}
.alert-info {
    background-color: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460;
}
.alert-info hr {
    border-top-color: #abdde5;
}
.alert-info .alert-link {
    color: #062c33;
}
.alert-warning {
    background-color: #fff3cd;
    border-color: #ffeeba;
    color: #856404;
}
.alert-warning hr {
    border-top-color: #ffe8a1;
}
.alert-warning .alert-link {
    color: #533f03;
}
.alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}
.alert-danger hr {
    border-top-color: #f1b0b7;
}
.alert-danger .alert-link {
    color: #491217;
}
.alert-light {
    background-color: #fefefe;
    border-color: #fdfdfe;
    color: #818182;
}
.alert-light hr {
    border-top-color: #ececf6;
}
.alert-light .alert-link {
    color: #686868;
}
.alert-dark {
    background-color: #d6d8d9;
    border-color: #c6c8ca;
    color: #1b1e21;
}
.alert-dark hr {
    border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
    color: #040505;
}
.text-white {
    color: #fff !important;
}
.text-primary {
    color: #007bff !important;
}
a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important;
}
.text-secondary {
    color: #6c757d !important;
}
a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important;
}
.text-success {
    color: #28a745 !important;
}
a.text-success:focus,
a.text-success:hover {
    color: #19692c !important;
}
.text-info {
    color: #17a2b8 !important;
}
a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important;
}
.text-warning {
    color: #ffc107 !important;
}
a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important;
}
.text-danger {
    color: #dc3545 !important;
}
a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important;
}
.text-light {
    color: #f8f9fa !important;
}
a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important;
}
.text-dark {
    color: #343a40 !important;
}
a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important;
}
.text-body {
    color: #212529 !important;
}
.text-muted {
    color: #6c757d !important;
}
.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
    color: hsla(0, 0%, 100%, 0.5) !important;
}
.text-hide {
    background-color: transparent;
    border: 0;
    color: transparent;
    font: 0/0 a;
    text-shadow: none;
}
.text-decoration-none {
    text-decoration: none !important;
}
.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important;
}
.text-reset {
    color: inherit !important;
}
.nav-i643qf2 {
    margin-top: 5.7rem;
    position: relative;
}
.text-center {
    text-align: center !important;
}
.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}
.mt-5,
.my-5 {
    margin-top: 3rem !important;
}
.border-top {
    border-top: 1px solid #dee2e6 !important;
}
.btn {
    border-radius: 3px;
    transition: var(--transition-default);
    white-space: nowrap;
}
.btn:active,
.btn:focus {
    box-shadow: none !important;
    outline: none !important;
}
.btn:disabled {
    cursor: not-allowed;
}
.btn.btn-sm_table {
    font-size: 11px;
    height: 21px;
    line-height: 20px;
    max-height: 21px !important;
    min-height: 21px !important;
    padding-bottom: 0;
    padding-top: 0;
}
.btn.btn-small {
    font-size: 12px;
    height: 33px;
    line-height: 21px;
    max-height: 33px !important;
    min-height: 33px !important;
}
.btn.btn-default {
    font-size: 14px;
    height: 38.5px;
    line-height: 25px;
    max-height: 38.5px !important;
    min-height: 38.5px !important;
    padding-left: 12px;
    padding-right: 12px;
}
.btn.btn-large {
    font-size: 16px;
    height: 44px;
    line-height: 32px;
    max-height: 44px !important;
    min-height: 44px !important;
    padding-left: 14px;
    padding-right: 14px;
}
.btn-light,
.btn-outline-light,
.btn-white {
    border: 1px solid var(--gray-200);
}
.btn-outline-light {
    color: var(--gray-800);
}
.btn-outline-theme_primary:hover {
    background-color: #f2f2f2 !important;
    border-color: var(--primary-color);
    color: #fff;
}
.btn-theme_primary {
    background-color: var(--primary-color);
    color: var(--white);
}
.btn-theme_primary:hover,
.btn-theme_primaryDark {
    background-color: var(--primary-hover);
    color: var(--white);
}
.btn-theme_primaryDark:hover,
.btn-theme_primaryLight {
    background-color: var(--primary-color);
    color: var(--white);
}
.btn-theme_primaryLight:hover {
    color: var(--white);
    opacity: 0.9;
}
.btn-theme_secondary {
    background-color: #f0ad4e;
    color: var(--white);
}
.btn-theme_secondary:hover,
.btn-theme_secondaryDark {
    background-color: #ec971f;
    color: var(--white);
}
.btn-theme_secondaryDark:hover,
.btn-theme_secondaryLight {
    background-color: #f0ad4e;
    color: var(--white);
}
.btn-theme_secondaryLight:hover {
    color: var(--white);
    opacity: 0.9;
}
.btn-vertical-top {
    vertical-align: 2px;
}
.btn {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: #212529;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.375rem 0.75rem;
    text-align: center;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
}
@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}
.btn:hover {
    color: #212529;
    text-decoration: none;
}
.btn.focus,
.btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    outline: 0;
}
.btn.disabled,
.btn:disabled {
    opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}
.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
}
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
    background-color: #0069d9;
    border-color: #0062cc;
    color: #fff;
}
.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    background-color: #0062cc;
    border-color: #005cbf;
    color: #fff;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}
.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:hover {
    background-color: #5a6268;
    border-color: #545b62;
    color: #fff;
}
.btn-secondary.focus,
.btn-secondary:focus {
    box-shadow: 0 0 0 0.2rem hsla(208, 6%, 54%, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
    background-color: #545b62;
    border-color: #4e555b;
    color: #fff;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem hsla(208, 6%, 54%, 0.5);
}
.btn-success {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff;
}
.btn-success.focus,
.btn-success:focus,
.btn-success:hover {
    background-color: #218838;
    border-color: #1e7e34;
    color: #fff;
}
.btn-success.focus,
.btn-success:focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.btn-success.disabled,
.btn-success:disabled {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff;
}
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
    background-color: #1e7e34;
    border-color: #1c7430;
    color: #fff;
}
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.btn-info {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff;
}
.btn-info.focus,
.btn-info:focus,
.btn-info:hover {
    background-color: #138496;
    border-color: #117a8b;
    color: #fff;
}
.btn-info.focus,
.btn-info:focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-info.disabled,
.btn-info:disabled {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff;
}
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show > .btn-info.dropdown-toggle {
    background-color: #117a8b;
    border-color: #10707f;
    color: #fff;
}
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-warning {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529;
}
.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover {
    background-color: #e0a800;
    border-color: #d39e00;
    color: #212529;
}
.btn-warning.focus,
.btn-warning:focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529;
}
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn-warning.dropdown-toggle {
    background-color: #d39e00;
    border-color: #c69500;
    color: #212529;
}
.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff;
}
.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover {
    background-color: #c82333;
    border-color: #bd2130;
    color: #fff;
}
.btn-danger.focus,
.btn-danger:focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff;
}
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger.dropdown-toggle {
    background-color: #bd2130;
    border-color: #b21f2d;
    color: #fff;
}
.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-light {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #212529;
}
.btn-light.focus,
.btn-light:focus,
.btn-light:hover {
    background-color: #e2e6ea;
    border-color: #dae0e5;
    color: #212529;
}
.btn-light.focus,
.btn-light:focus {
    box-shadow: 0 0 0 0.2rem hsla(220, 4%, 85%, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #212529;
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle {
    background-color: #dae0e5;
    border-color: #d3d9df;
    color: #212529;
}
.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem hsla(220, 4%, 85%, 0.5);
}
.btn-dark {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff;
}
.btn-dark.focus,
.btn-dark:focus,
.btn-dark:hover {
    background-color: #23272b;
    border-color: #1d2124;
    color: #fff;
}
.btn-dark.focus,
.btn-dark:focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-dark.disabled,
.btn-dark:disabled {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff;
}
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show > .btn-dark.dropdown-toggle {
    background-color: #1d2124;
    border-color: #171a1d;
    color: #fff;
}
.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-outline-primary {
    border-color: #007bff;
    color: #007bff;
}
.btn-outline-primary:hover {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
}
.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    background-color: transparent;
    color: #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-secondary {
    border-color: #6c757d;
    color: #6c757d;
}
.btn-outline-secondary:hover {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}
.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 0.2rem hsla(208, 7%, 46%, 0.5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    background-color: transparent;
    color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show > .btn-outline-secondary.dropdown-toggle {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem hsla(208, 7%, 46%, 0.5);
}
.btn-outline-success {
    border-color: #28a745;
    color: #28a745;
}
.btn-outline-success:hover {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff;
}
.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
    background-color: transparent;
    color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show > .btn-outline-success.dropdown-toggle {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff;
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-info {
    border-color: #17a2b8;
    color: #17a2b8;
}
.btn-outline-info:hover {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff;
}
.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
    background-color: transparent;
    color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show > .btn-outline-info.dropdown-toggle {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff;
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-warning {
    border-color: #ffc107;
    color: #ffc107;
}
.btn-outline-warning:hover {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529;
}
.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    background-color: transparent;
    color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show > .btn-outline-warning.dropdown-toggle {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529;
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-danger {
    border-color: #dc3545;
    color: #dc3545;
}
.btn-outline-danger:hover {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff;
}
.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    background-color: transparent;
    color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show > .btn-outline-danger.dropdown-toggle {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff;
}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-light {
    border-color: #f8f9fa;
    color: #f8f9fa;
}
.btn-outline-light:hover {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #212529;
}
.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
    background-color: transparent;
    color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show > .btn-outline-light.dropdown-toggle {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #212529;
}
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
    border-color: #343a40;
    color: #343a40;
}
.btn-outline-dark:hover {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff;
}
.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    background-color: transparent;
    color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show > .btn-outline-dark.dropdown-toggle {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff;
}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link {
    color: #007bff;
    font-weight: 400;
    text-decoration: none;
}
.btn-link:hover {
    color: #0056b3;
}
.btn-link.focus,
.btn-link:focus,
.btn-link:hover {
    text-decoration: underline;
}
.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none;
}
.btn-group-lg > .btn,
.btn-lg {
    border-radius: 0.3rem;
    font-size: 1.25rem;
    line-height: 1.5;
    padding: 0.5rem 1rem;
}
.btn-group-sm > .btn,
.btn-sm {
    border-radius: 0.2rem;
    font-size: 0.875rem;
    line-height: 1.5;
    padding: 0.25rem 0.5rem;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-block + .btn-block {
    margin-top: 0.5rem;
}
input[type="button"].btn-block,
input[type="reset"].btn-block,
input[type="submit"].btn-block {
    width: 100%;
}
@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }
    .text-md-right {
        text-align: right !important;
    }
    .text-md-center {
        text-align: center !important;
    }
}
.tw-font-bold {
    font-weight: 700;
}
.tw-px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.tw-rounded-r-full {
    border-bottom-right-radius: 9999px;
    border-top-right-radius: 9999px;
}
.tw-h-11 {
    height: 2.75rem;
}
.tw-text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}
.tw-inline-block {
    display: inline-block;
}
.tw-bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 245, 245, var(--tw-bg-opacity));
}
.tw-border-r-2 {
    border-right-width: 2px;
}
.tw-w-72 {
    width: 18rem;
}
.tw-bottom-0 {
    bottom: 0;
}
.tw-top-0 {
    top: 0;
}
.tw-fixed {
    position: fixed;
}
.tw-p-2 {
    padding: 0.5rem;
}
.tw-top-20 {
    top: 5rem;
}
.tw-sticky {
    position: -webkit-sticky;
    position: sticky;
}
.tw-pb-2 {
    padding-bottom: 0.5rem;
}
.tw-pr-2 {
    padding-right: 0.5rem;
}
.tw-gap-2 {
    gap: 0.5rem;
}
.tw-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
.tw-grid {
    display: grid;
}
.tw-col-span-3 {
    grid-column: span 3 / span 3;
}
.tw-border {
    border-width: 1px;
}
.tw-w-full {
    width: 100%;
}
.tw-col-span-9 {
    grid-column: span 9 / span 9;
}
.tw-text-gray-600 {
    --tw-text-opacity: 1;
    color: rgba(82, 82, 82, var(--tw-text-opacity));
}
.tw-cursor-pointer {
    cursor: pointer;
}
.tw-w-4 {
    width: 1rem;
}
.tw-h-4 {
    height: 1rem;
}
.tw-flex {
    display: flex;
}
.tw-ml-2 {
    margin-left: 0.5rem;
}
.tw-border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgba(229, 229, 229, var(--tw-border-opacity));
}
.tw-border-b {
    border-bottom-width: 1px;
}
.tw-w-3\/4 {
    width: 75%;
}
.tw-mb-4 {
    margin-bottom: 1rem;
}
.tw-mb-3 {
    margin-bottom: 0.75rem;
}
.tw-text-gray-800 {
    --tw-text-opacity: 1;
    color: rgba(38, 38, 38, var(--tw-text-opacity));
}
.tw-relative {
    position: relative;
}
.tw-text-white {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.tw-bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
}
.tw-rounded-full {
    border-radius: 9999px;
}
.tw-justify-center {
    justify-content: center;
}
.tw-items-center {
    align-items: center;
}
.tw-w-7 {
    width: 1.75rem;
}
.tw-h-7 {
    height: 1.75rem;
}
.tw-inline-flex {
    display: inline-flex;
}
.tw-absolute {
    position: absolute;
}
.tw-ml-10 {
    margin-left: 2.5rem;
}
.tw-text-gray-700 {
    --tw-text-opacity: 1;
    color: rgba(64, 64, 64, var(--tw-text-opacity));
}
.tw-font-semibold {
    font-weight: 600;
}
.tw-text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.tw-ml-11 {
    margin-left: 2.75rem;
}
.tw-mt-1 {
    margin-top: 0.25rem;
}
.tw-text-red-600 {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
}
.tw-py-1 {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
}
.tw-block {
    display: block;
}
.tw-hidden{
    display:none
}
.tw-bg-black {
    --tw-bg-opacity: 1;
    background-color: rgba(0,0,0,var(--tw-bg-opacity))
}
.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-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: rgba(254,226,226,var(--tw-bg-opacity))
}

.tw-bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(239,68,68,var(--tw-bg-opacity))
}

.tw-bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(220,38,38,var(--tw-bg-opacity))
}

.tw-bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(185,28,28,var(--tw-bg-opacity))
}

.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-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--tw-bg-opacity))
}

.tw-bg-pink-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(190,24,93,var(--tw-bg-opacity))
}
.tw-bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 229, 229, var(--tw-bg-opacity));
}
.tw-pl-4 {
    padding-left: 1rem;
}

.tw-pt-4 {
    padding-top: 1rem;
}
@media (min-width: 768px) {
    .md\:tw-hidden {
        display: none
    }
}
/* INIT trạng thái ban đầu */
.modal.fade .chakra-modal__content-container {
    transform: translateY(-16px) scale(0.96);
    opacity: 0;
    transition:
        transform .35s cubic-bezier(.22,.61,.36,1),
        opacity .25s ease;
}

/* Khi modal show */
.modal.fade.show .chakra-modal__content-container {
    transform: translateY(0) scale(1);
    opacity: 1;
}
.nav-tintuc {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    background: var(--chakra-colors-main-item);
    border-radius: var(--chakra-radii-md);
    box-shadow: var(--chakra-shadows-base);
    color: var(--chakra-colors-white-100);
    height: 225px; /* PC */
    overflow: hidden;
}

/* Mobile */
@media (max-width: 575px) {
    .nav-tintuc {
        height: 180px;
    }
}

.nav-1ookdhi-tintuc {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-2);
    /* height: 60%; */
    /* padding-inline: 1rem; */
    /* padding-bottom: 1rem; */
    /* padding-top: 1rem; */
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.nav-tintuc-cont {
    flex: 1 1 0%;
    height: 100%;
    margin-inline: auto;
    margin-top: 6rem;
    max-width: var(--chakra-sizes-container-2xl);
    padding-inline-end: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding: 0;
    width: 100%;
    z-index: 5;
}
.nav-text-tintuc {
    display: -webkit-box;
    font-family: var(--chakra-fonts-heading);
    font-size: 13px;
    font-weight: var(--chakra-fontWeights-bold);
    line-height: 1.33;
    overflow: hidden;
    /* text-align: center; */
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--chakra-line-clamp);
    --chakra-line-clamp: 2;
}
.nav-1ookdhi-tintuc2 {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-2);
    height: 60%;
    padding-inline: 0.5rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
/***** Custom Page Article *****/
.page-article_detail .article-inner_title h1 {
    margin-bottom: 5px;
    font-size: 22px;
    color: var(--gray-900);
    font-weight: 700;
    line-height: 40px;
}

.page-article_detail .article-inner_desc {
    color: var(--gray-700);
}

.page-article_detail .article-inner_desc img {
    max-width: 100%;
    margin: 10px 0;
}

.page-article_detail .article-inner_meta {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e9e9e9;
    color: var(--gray);
}

.page-article_detail .article-inner_meta .meta-post {
    font-size: 14px;
}

.page-article_detail .article-inner_meta .meta-post span {
    position: relative;
}

.page-article_detail .article-inner_meta .meta-post span + span {
    margin-left: 10px;
    padding-left: 10px;
}

.page-article_detail .article-inner_meta .meta-post span + span:before {
    position: absolute;
    content: "";
    display: block;
    height: 10px;
    width: 1px;
    background: #e9e9e9;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 991px) {
    .page-article_detail .article-inner_title h1 {
        font-size: 20px;
        line-height: 28px;
    }
}

@media screen and (max-width: 575px) {
    .page-article_detail .article-inner_meta ul {
        justify-content: flex-start;
    }
}

/***** End Custom Page Article *****/
/* Grid 5 item / 1 dòng */
.ws-grid-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.5rem;
}

/* Responsive (khuyến nghị) */
@media (max-width: 1024px) {
    .ws-grid-5 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 640px) {
    .ws-grid-5 {
        grid-template-columns: repeat(2, 1fr);
    }
}
.nav-spacing {
    margin-top: 5rem;
}
.ws-grid-padding {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
@media (min-width: 1024px) {
    #list_account {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 16px;
    }

    #list_account > div {
        grid-column: span 1 !important;
    }
}