.container-cc {
    margin: 10px 80px
}

.block-header svg {
    width: 24px;
    height: 24px;
    fill: var(--c-danger)
}

.breadcrumb-cc {
    padding: 10px;
    direction: rtl
}

    .breadcrumb-cc .item {
        color: var(--c-gray);
        font-size: 14px;
        text-decoration: none;
        padding: 5px
    }

.card {
    padding: 15px
}

.product-card.product-card-md {
    max-width: 300px;
    text-align: right
}

    .product-card.product-card-md .image {
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        aspect-ratio: 1/1;
        background-color: #f8f8f8
    }

.product-card.product-card-sm {
    text-align: right;
    margin: 10px 0
}

    .product-card.product-card-sm .image {
        height: 140px;
        width: 100%;
        background-repeat: no-repeat;
        object-fit: contain;
        background-size: contain;
        background-position: center
    }

.product-columns {
    flex-wrap: wrap;
    width: 100%;
    position: relative
}

    .product-columns .overlay {
        position: absolute;
        left: 0;
        top: -9px;
        width: 100%;
        height: 102%;
        background-color: transparent;
        z-index: 8;
        border: 10px solid #fff
    }

.card-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 0
}

.product-columns .card {
    max-width: none !important;
    background-color: #fff;
    border: 1px solid #ccc;
    border-left: none;
    border-top: none;
    height: 230px;
    border-radius: 0
}

.cart .product-image img {
    width: 100px;
    height: 100px
}

.cart .product-options svg {
    width: 18px;
    height: 18px;
    fill: var(--c-gray)
}

.cart .product-options .variation-color {
    width: 18px;
    height: 18px;
    fill: #212121
}

.cart .price-details {
    max-width: 300px
}

@media print {
    body {
        margin: 0 !important
    }
}

:root {
    --ck-content-font-family: 'Lato';
    --c-primary: #4F46E5;
    --c-primary-100: #0900b8;
    --c-primary-200: #0900b8;
    --c-primary-300: #0900b8;
    --c-primary-400: #0900b8;
    --c-primary-500: #0900b8;
    --c-primary-600: #0900b8;
    --c-primary-700: #0900b8;
    --c-primary-800: #0900b8;
    --c-primary-900: #0900b8;
    --c-secondary: #5a6f82;
    --c-secondary-100: #6c757d;
    --c-secondary-200: #6c757d;
    --c-secondary-300: #6c757d;
    --c-secondary-400: #6c757d;
    --c-secondary-500: #6c757d;
    --c-secondary-600: #6c757d;
    --c-secondary-700: #6c757d;
    --c-secondary-800: #6c757d;
    --c-secondary-900: #6c757d;
    --c-danger: #dc3545;
    --c-danger-100: #be0013;
    --c-danger-200: #be0013;
    --c-danger-300: #be0013;
    --c-danger-400: #be0013;
    --c-danger-500: #be0013;
    --c-danger-600: #be0013;
    --c-danger-700: #be0013;
    --c-danger-800: #be0013;
    --c-danger-900: #be0013;
    --c-dark: #000000;
    --c-dark-100: #080808;
    --c-dark-200: #171717;
    --c-dark-300: #212121;
    --c-dark-400: #313131;
    --c-dark-500: #515151;
    --c-dark-600: #616161;
    --c-dark-700: #717171;
    --c-dark-800: #818181;
    --c-dark-900: #919191;
    --c-info: #0dcaf0;
    --c-info-100: #05a2c1;
    --c-info-200: #05a2c1;
    --c-info-300: #05a2c1;
    --c-info-400: #05a2c1;
    --c-info-500: #05a2c1;
    --c-info-600: #05a2c1;
    --c-info-700: #05a2c1;
    --c-info-800: #05a2c1;
    --c-info-900: #05a2c1;
    --c-light: #F7F7F7;
    --c-light-100: #e1e1e1;
    --c-light-200: #e1e1e1;
    --c-light-300: #e1e1e1;
    --c-light-400: #e1e1e1;
    --c-light-500: #e1e1e1;
    --c-light-600: #e1e1e1;
    --c-light-700: #e1e1e1;
    --c-light-800: #e1e1e1;
    --c-light-900: #e1e1e1;
    --c-success: #4ade80;
    --c-success-100: #3eab66;
    --c-success-200: #3eab66;
    --c-success-300: #3eab66;
    --c-success-400: #3eab66;
    --c-success-500: #3eab66;
    --c-success-600: #3eab66;
    --c-success-700: #3eab66;
    --c-success-800: #3eab66;
    --c-success-900: #3eab66;
    --c-warning: #ffc107;
    --c-warning-100: #d19e04;
    --c-warning-200: #d19e04;
    --c-warning-300: #d19e04;
    --c-warning-400: #d19e04;
    --c-warning-500: #d19e04;
    --c-warning-600: #d19e04;
    --c-warning-700: #d19e04;
    --c-warning-800: #d19e04;
    --c-warning-900: #d19e04;
    --c-white: #fff;
    --c-white-100: #ffffff0d;
    --c-white-200: #ffffff0d;
    --c-white-300: #ffffff0d;
    --c-white-400: #ffffff0d;
    --c-white-500: #ffffff0d;
    --c-white-600: #ffffff0d;
    --c-white-700: #ffffff0d;
    --c-white-800: #ffffff0d;
    --c-white-900: #ffffff0d;
    --c-blue: #0d6efd;
    --c-blue-100: #0d6efd;
    --c-blue-200: #0d6efd;
    --c-blue-300: #0d6efd;
    --c-blue-400: #0d6efd;
    --c-blue-500: #0d6efd;
    --c-blue-600: #0d6efd;
    --c-blue-700: #0d6efd;
    --c-blue-800: #0d6efd;
    --c-blue-900: #0d6efd;
    --c-cyan: #0dcaf0;
    --c-cyan-100: #0dcaf0;
    --c-cyan-200: #0dcaf0;
    --c-cyan-300: #0dcaf0;
    --c-cyan-400: #0dcaf0;
    --c-cyan-500: #0dcaf0;
    --c-cyan-600: #0dcaf0;
    --c-cyan-700: #0dcaf0;
    --c-cyan-800: #0dcaf0;
    --c-cyan-900: #0dcaf0;
    --c-gray: #9ca3af;
    --c-gray-100: #9ca3af;
    --c-gray-200: #898f98;
    --c-gray-300: #888e99;
    --c-gray-400: #828892;
    --c-gray-500: #7e838c;
    --c-gray-600: #6b7078;
    --c-gray-700: #646970;
    --c-gray-800: #585c62;
    --c-gray-900: #727d90;
    --c-green: #198754;
    --c-green-100: #198754;
    --c-green-200: #198754;
    --c-green-300: #198754;
    --c-green-400: #4ade80;
    --c-green-500: #198754;
    --c-green-600: #198754;
    --c-green-700: #198754;
    --c-green-800: #198754;
    --c-green-900: #198754;
    --c-indigo: #6610f2;
    --c-indigo-100: #6610f2;
    --c-indigo-200: #6610f2;
    --c-indigo-300: #6610f2;
    --c-indigo-400: #6610f2;
    --c-indigo-500: #6610f2;
    --c-indigo-600: #6610f2;
    --c-indigo-700: #6610f2;
    --c-indigo-800: #6610f2;
    --c-indigo-900: #6610f2;
    --c-orange: #fd7e14;
    --c-orange-100: #fd7e14;
    --c-orange-200: #fd7e14;
    --c-orange-300: #fd7e14;
    --c-orange-400: #fd7e14;
    --c-orange-500: #fd7e14;
    --c-orange-600: #fd7e14;
    --c-orange-700: #fd7e14;
    --c-orange-800: #fd7e14;
    --c-orange-900: #fd7e14;
    --c-muted: #999;
    --c-muted-100: #999;
    --c-muted-200: #999;
    --c-muted-300: #999;
    --c-muted-400: #999;
    --c-muted-500: #999;
    --c-muted-600: #999;
    --c-muted-700: #999;
    --c-muted-800: #999;
    --c-muted-900: #999;
    --c-red: #dc3545;
    --c-red-100: #dc3545;
    --c-red-200: #dc3545;
    --c-red-300: #dc3545;
    --c-red-400: #dc3545;
    --c-red-500: #dc3545;
    --c-red-600: #dc3545;
    --c-red-700: #dc3545;
    --c-red-800: #dc3545;
    --c-red-900: #dc3545;
    --c-purple: #6f42c1;
    --c-purple-100: #6f42c1;
    --c-purple-200: #6f42c1;
    --c-purple-300: #6f42c1;
    --c-purple-400: #6f42c1;
    --c-purple-500: #6f42c1;
    --c-purple-600: #6f42c1;
    --c-purple-700: #6f42c1;
    --c-purple-800: #6f42c1;
    --c-purple-900: #6f42c1;
    --c-pink: #d63384;
    --c-pink-100: #d63384;
    --c-pink-200: #d63384;
    --c-pink-300: #d63384;
    --c-pink-400: #d63384;
    --c-pink-500: #d63384;
    --c-pink-600: #d63384;
    --c-pink-700: #d63384;
    --c-pink-800: #d63384;
    --c-pink-900: #d63384;
    --c-teal: #20c997;
    --c-teal-100: #20c997;
    --c-teal-200: #20c997;
    --c-teal-300: #20c997;
    --c-teal-400: #20c997;
    --c-teal-500: #20c997;
    --c-teal-600: #20c997;
    --c-teal-700: #20c997;
    --c-teal-800: #20c997;
    --c-teal-900: #20c997;
    --c-yellow: #ffc107;
    --c-yellow-100: #ffc107;
    --c-yellow-200: #ffc107;
    --c-yellow-300: #ffc107;
    --c-yellow-400: #ffc107;
    --c-yellow-500: #ffc107;
    --c-yellow-600: #ffc107;
    --c-yellow-700: #ffc107;
    --c-yellow-800: #ffc107;
    --c-yellow-900: #ffc107;
    --c-shadow-xs: 0 0 5px;
    --c-shadow-sm: 0 0 10px;
    --c-shadow-md: 0 0 15px;
    --c-shadow-lg: 0 0 20px;
    --c-shadow-xl: 0 0 25px;
    --c-radius-xs: 5px;
    --c-radius-sm: 10px;
    --c-radius-md: 15px;
    --c-radius-lg: 20px;
    --c-radius-xl: 25px;
    --c-font-primary: iranyekan-regular;
    --c-font-secondary: montserrat;
    --c-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --c-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --c-fs-xs: 5px;
    --c-fs-sm: 10px;
    --c-fs-md: 15px;
    --c-fs-lg: 20px;
    --c-fs-xl: 25px;
    --c-fw-100: 100;
    --c-fw-200: 200;
    --c-fw-300: 300;
    --c-fw-400: 400;
    --c-fw-500: 500;
    --c-fw-600: 600;
    --c-fw-700: 700;
    --c-fw-800: 800;
    --c-fw-900: 900;
    --c-fs-10: 10px;
    --c-fs-11: 11px;
    --c-fs-12: 12px;
    --c-fs-13: 13px;
    --c-fs-14: 14px;
    --c-fs-15: 15px;
    --c-fs-16: 16px;
    --c-fs-17: 17px;
    --c-fs-18: 18px;
    --c-fs-19: 19px;
    --c-fs-20: 20px;
    --c-fs-21: 21px;
    --c-fs-22: 22px;
    --c-fs-23: 23px;
    --c-fs-24: 24px;
    --c-fs-25: 25px;
    --c-fs-26: 26px;
    --c-fs-27: 27px;
    --c-fs-28: 28px;
    --c-fs-29: 29px;
    --c-fs-30: 30px;
    --c-fs-31: 31px;
    --c-fs-32: 32px;
    --c-fs-33: 33px;
    --c-fs-34: 34px;
    --c-fs-35: 35px;
    --c-fs-36: 36px;
    --c-fs-37: 37px;
    --c-fs-38: 38px;
    --c-fs-39: 39px;
    --c-fs-40: 40px;
    --c-fs-41: 41px;
    --c-fs-42: 42px;
    --c-fs-43: 43px;
    --c-fs-44: 44px;
    --c-fs-45: 45px;
    --c-fs-46: 46px;
    --c-fs-47: 47px;
    --c-fs-48: 48px;
    --c-fs-49: 49px;
    --c-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))
}

.main-container {
    font-family: var(--ck-content-font-family);
    width: fit-content;
    margin-left: auto;
    margin-right: auto
}

.editor-container_classic-editor .editor-container__editor {
    min-width: 795px;
    max-width: 795px
}

.page-footer {
    direction: rtl
}

    .page-footer .logo svg {
        width: 286px;
        height: 44px
    }

    .page-footer .slogan-boxes .icon {
        height: 50px;
        width: 50px;
        margin-bottom: 10px
    }

    .page-footer .social {
        width: 340px
    }

    .page-footer .links a {
        color: var(--c-gray);
        font-size: 15px
    }

    .page-footer .permission-logo a {
        height: 107px;
        width: 107px
    }

    .page-footer .permission .permission-logo {
        min-width: 400px;
        flex-shrink: 0
    }

    .page-footer .brands-logo .item {
        background-color: #f0f0f1;
        max-width: 300px;
        height: 80px;
        border: 1px solid var(--c-light-100);
        flex-grow: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 190px
    }

        .page-footer .brands-logo .item svg {
            width: 100px
        }

@media(max-width:600px) {
    .card-grid {
        grid-template-columns: repeat(2,1fr)
    }

    .page-footer .permission {
        flex-wrap: wrap
    }
}

.hero-cc img {
    max-height: 100%;
    max-width: 100%
}

.hero-cc .slide-item-cc {
    width: 100%;
    height: 50vh;
    overflow: hidden
}

    .hero-cc .slide-item-cc img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.hero-cc .selected-categories {
    align-items: flex-start
}

    .hero-cc .selected-categories .item {
        width: 120px
    }

        .hero-cc .selected-categories .item img {
            max-width: 50px
        }

        .hero-cc .selected-categories .item p {
            font-family: var(--c-font-primary);
            font-size: 13px;
            color: var(--c-dark)
        }

.hero-cc .dots {
    height: 50px;
    width: 50px
}

    .hero-cc .dots .dot {
        height: 5px;
        width: 5px;
        background-color: #919191;
        border-radius: 50%
    }

@font-face {
    font-family: iranyekan-regular;
    src: url(../fonts/iran-yekan/iranyekan-regular.woff2);
    font-weight: 400;
    font-style: normal
}

div, h1, h2, h3, h4, h5, h6, p, span {
    font-family: iranyekan-regular
}

.navbar-c {
    position: relative;
    padding: 10px 20px;
    direction: rtl
}

.dropdown-c {
    position: relative
}

.dropdown-menu-c {
    display: none;
    position: absolute;
    right: 0;
    min-width: 300px;
    background-color: #fff;
    border-radius: 0 0 0 9px;
    overflow: hidden;
    box-shadow: 0 1px 1px rgba(0,0,0,.14),0 4px 8px rgb(228 228 228 / 30%)
}

.dropdown-submenu-c {
    position: relative
}

.dropdown-item-c .dropdown-toggle-c::after {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400
}

.dropdown-submenu-c .dropdown-menu-c {
    position: absolute;
    top: 0;
    right: 100%;
    display: none;
    direction: rtl
}

.dropdown-toggle-c {
    display: block;
    padding: 10px
}

.dropdown-item-c {
    display: block;
    padding: 10px;
    color: #000
}

.navbar-collapse-c {
    display: flex;
    z-index: 1
}

.dropdown-toggle-first-level-c {
    background-color: #eee;
    min-width: 230px
}

.sidebar-menu {
    background-color: #eee
}

.sidebar-menu-content {
    width: 900px;
    max-width: 100%
}

    .sidebar-menu-content .dropdown-submenu-c .dropdown-toggle-first-level-c > dropdown-menu-c, .sidebar-menu-content .dropdown-submenu-c > dropdown-menu-c {
        display: flex !important
    }

    .sidebar-menu-content .dropdown-submenu-c .dropdown-toggle-first-level-c dropdown-menu-c {
        display: block !important
    }

    .sidebar-menu-content .dropdown-submenu-c .dropdown-menu-c {
        position: static;
        display: block
    }

    .sidebar-menu-content .dropdown-menu-c {
        display: block;
        position: static;
        box-shadow: none
    }

    .sidebar-menu-content .category-name {
        font-size: .9rem !important;
        color: #303030 !important;
        font-weight: 700;
        font-family: iranyekan-regular
    }

    .sidebar-menu-content .category-title {
        font-size: .7rem !important;
        color: #303030 !important;
        font-weight: 700;
        font-family: iranyekan-regular
    }

    .sidebar-menu-content .dropdown-item-c {
        color: #8e8e8e;
        font-family: iranyekan-regular;
        font-size: .7rem
    }

    .sidebar-menu-content .dropdown-menu-col-c {
        display: flex;
        flex-wrap: wrap
    }

@media(max-width:600px) {
    .dropdown-submenu-c:hover > .dropdown-menu-c {
        display: block !important
    }

    .navbar-collapse-c {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        height: 500px;
        overflow: auto;
        flex-direction: column;
        gap: 1px !important;
        display: none
    }

        .navbar-collapse-c .dropdown-submenu-c {
            overflow: hidden
        }

            .navbar-collapse-c .dropdown-c > .dropdown-menu-c, .navbar-collapse-c .dropdown-submenu-c .dropdown-menu-c {
                position: static
            }

        .navbar-collapse-c .dropdown-menu-c {
            box-shadow: none;
            position: static
        }

    .navbar-c .navbar-brand-c {
        flex-grow: 1
    }

    .navbar-c .navbar-toggler-c {
        display: block;
        position: absolute;
        right: 10px;
        top: 10px;
        background-color: transparent;
        border: none
    }

    .sidebar-menu {
        width: 100%
    }

    .dropdown-toggle-first-level-c {
        background-color: transparent
    }

    .sidebar-menu-content {
        display: none
    }

    .dropdown-menu-col-c {
        flex-direction: column
    }
}

.navbar-collapse-c > .nav-item {
    font-size: 13px;
    font-weight: 100;
    color: #000
}

.navbar-top-c {
    padding: 10px
}

.search-box {
    background-color: #f0f0f1;
    border-radius: 5px;
    text-align: right;
    direction: rtl;
    max-width: 370px
}

.txt-search {
    border: none;
    outline: 0;
    height: 40px;
    background-color: transparent;
    width: 370px
}

.icon {
    font-size: 20px;
    color: #b4b4b4;
    margin: 0 16px
}

.navbar-links-c {
    display: flex;
    gap: 14px;
    align-items: center
}

    .navbar-links-c a {
        color: #000
    }

        .navbar-links-c a i {
            font-size: 18px
        }

.navbar-logo .logo svg {
    height: 39px;
    width: 191px;
    margin: 0 15px
}

.nav-item-svg {
    fill: #a1a3a8;
    height: 25px;
    width: 25px
}

.overlay-show {
    position: absolute;
    left: 0;
    top: 42px;
    height: 100vh;
    width: 100%;
    opacity: .5
}

.mobile-size, .navbar-links-mobile-c {
    display: none
}

@media(max-width:910px) {
    .navbar-logo .logo svg {
        height: 20px;
        width: 120px
    }

    .txt-search {
        width: auto
    }
}

@media(max-width:640px) {
    .navbar-links-c {
        display: flex;
        gap: 14px;
        align-items: center;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        border-top: 1px solid #e8e8e8;
        padding: 15px 20px;
        text-align: center;
        z-index: 9999
    }

        .navbar-links-c a {
            display: flex;
            flex-direction: column;
            gap: 10px;
            font-size: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: none !important;
            flex-grow: 1
        }

    .mobile-size, .navbar-links-mobile-c {
        display: block
    }
}

@media(max-width:400px) {
    .navbar-logo .logo {
        display: none
    }
}

.block-order .gallery img {
    width: 100px;
    height: 100px
}

.product-sell-info {
    background-color: var(--c-light);
    border: 2px solid #eee;
    width: 340px
}

    .product-sell-info .available-count img {
        height: 20px
    }

.product-pictures {
    width: 400px;
    height: 485px
}

.product-name-en .line {
    height: 1px;
    background-color: var(--c-light-200);
    width: 100%;
    margin-left: 20px
}

.sidebar {
    width: 330px;
    flex-shrink: 0
}

.toggler {
    display: none
}

@media(max-width:600px) {
    .sidebar {
        border: none !important;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        display: none
    }

    .toggler {
        display: block
    }
}

.sign {
    padding: 130px 80px;
    text-align: center
}

    .sign .sign-box {
        padding: 30px;
        border: 1px solid var(--c-light-400);
        display: inline-block;
        width: 400px;
        text-align: right;
        direction: rtl
    }

    .sign .logo {
        text-align: center;
        position: relative
    }

        .sign .logo .svg-logo {
            height: 70px
        }

        .sign .logo .svg-back {
            height: 24px
        }

        .sign .logo a {
            position: absolute;
            top: 10px;
            right: 0
        }

    .sign .body input {
        padding: 10px;
        border: 1px solid #444
    }

.owl-carousel {
    direction: ltr;
    position: relative
}

.owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    pointer-events: none
}

    .owl-nav button.owl-next, .owl-nav button.owl-prev {
        background-color: #fff !important;
        border: none;
        border-radius: 50%;
        width: 45px;
        height: 45px;
        font-size: 20px;
        color: #333;
        transition: .3s;
        box-shadow: 0 2px 5px rgba(0,0,0,.15);
        pointer-events: all
    }

        .owl-nav button.owl-next:hover, .owl-nav button.owl-prev:hover {
            background-color: #007bff;
            color: #fff;
            transform: scale(1.1)
        }

    .owl-nav button span {
        display: none
    }

.theme-light:root {
    --c-primary: #747474;
    --c-primary-100: #0900b8;
    --c-primary-200: #0900b8;
    --c-primary-300: #0900b8;
    --c-primary-400: #0900b8;
    --c-primary-500: #0900b8;
    --c-primary-600: #0900b8;
    --c-primary-700: #0900b8;
    --c-primary-800: #0900b8;
    --c-primary-900: #0900b8;
    --c-secondary: #5a6f82;
    --c-secondary-100: #6c757d;
    --c-secondary-200: #6c757d;
    --c-secondary-300: #6c757d;
    --c-secondary-400: #6c757d;
    --c-secondary-500: #6c757d;
    --c-secondary-600: #6c757d;
    --c-secondary-700: #6c757d;
    --c-secondary-800: #6c757d;
    --c-secondary-900: #6c757d;
    --c-danger: #dc3545;
    --c-danger-100: #be0013;
    --c-danger-200: #be0013;
    --c-danger-300: #be0013;
    --c-danger-400: #be0013;
    --c-danger-500: #be0013;
    --c-danger-600: #be0013;
    --c-danger-700: #be0013;
    --c-danger-800: #be0013;
    --c-danger-900: #be0013;
    --c-dark: #000000;
    --c-dark-100: #080808;
    --c-dark-200: #212121;
    --c-dark-300: #212121cc;
    --c-dark-400: #111111;
    --c-dark-500: #212121;
    --c-dark-600: #212121;
    --c-dark-700: #212121;
    --c-dark-800: #212121;
    --c-dark-900: #212121;
    --c-info: #0dcaf0;
    --c-info-100: #05a2c1;
    --c-info-200: #05a2c1;
    --c-info-300: #05a2c1;
    --c-info-400: #05a2c1;
    --c-info-500: #05a2c1;
    --c-info-600: #05a2c1;
    --c-info-700: #05a2c1;
    --c-info-800: #05a2c1;
    --c-info-900: #05a2c1;
    --c-light: #D4D8DD;
    --c-light-100: #e1e1e1;
    --c-light-200: #e1e1e1;
    --c-light-300: #e1e1e1;
    --c-light-400: #e1e1e1;
    --c-light-500: #e1e1e1;
    --c-light-600: #e1e1e1;
    --c-light-700: #e1e1e1;
    --c-light-800: #e1e1e1;
    --c-light-900: #e1e1e1;
    --c-success: #4ade80;
    --c-success-100: #3eab66;
    --c-success-200: #3eab66;
    --c-success-300: #3eab66;
    --c-success-400: #3eab66;
    --c-success-500: #3eab66;
    --c-success-600: #3eab66;
    --c-success-700: #3eab66;
    --c-success-800: #3eab66;
    --c-success-900: #3eab66;
    --c-warning: #ffc107;
    --c-warning-100: #d19e04;
    --c-warning-200: #d19e04;
    --c-warning-300: #d19e04;
    --c-warning-400: #d19e04;
    --c-warning-500: #d19e04;
    --c-warning-600: #d19e04;
    --c-warning-700: #d19e04;
    --c-warning-800: #d19e04;
    --c-warning-900: #d19e04;
    --c-white: #fff;
    --c-blue: #0d6efd;
    --c-cyan: #0dcaf0;
    --c-gray: #9ca3af;
    --c-gray-400: #9ca3af;
    --c-gray-900: #727d90;
    --c-green: #198754;
    --c-green-400: #4ade80;
    --c-indigo: #6610f2;
    --c-orange: #fd7e14;
    --c-muted: #999;
    --c-red: #dc3545;
    --c-purple: #6f42c1;
    --c-pink: #d63384;
    --c-teal: #20c997;
    --c-yellow: #ffc107;
    --c-shadow-xs: 0 0 5px;
    --c-shadow-sm: 0 0 10px;
    --c-shadow-md: 0 0 15px;
    --c-shadow-lg: 0 0 20px;
    --c-shadow-xl: 0 0 25px;
    --c-radius-xs: 5px;
    --c-radius-sm: 10px;
    --c-radius-md: 15px;
    --c-radius-lg: 20px;
    --c-radius-xl: 25px;
    --c-font-primary: iranyekan-regular;
    --c-font-secondary: montserrat;
    --c-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --c-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --c-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))
}

@font-face {
    font-family: iranyekan-regular;
    src: url(../fonts/iran-yekan/iranyekan-regular.woff2)
}

@font-face {
    font-family: montserrat;
    src: url(../fonts/iran-yekan/iranyekan-regular.woff2)
}

div, h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0
}

a {
    text-decoration: none
}

.theme-dark {
    background-color: var(--c-dark-100)
}

button, select {
    text-transform: none
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

    [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
        cursor: pointer
    }

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

.btn-cc {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem
}

    .btn-cc:hover {
        color: #212529
    }

.btn-primary-cc {
    color: var(--c-white) !important;
    background-color: var(--c-primary) !important;
    border-color: var(--c-primary) !important
}

    .btn-primary-cc:hover {
        color: var(--c-white) !important;
        background-color: var(--c-primary-900) !important;
        border-color: var(--c-primary-900)
    }

.btn-outline-primary-cc {
    color: var(--c-primary) !important;
    border-color: var(--c-primary) !important
}

    .btn-outline-primary-cc:hover {
        color: var(--c-white) !important;
        background-color: var(--c-primary) !important;
        border-color: var(--c-primary) !important
    }

.btn-secondary-cc {
    color: var(--c-white) !important;
    background-color: var(--c-secondary) !important;
    border-color: var(--c-secondary) !important
}

    .btn-secondary-cc:hover {
        color: var(--c-white) !important;
        background-color: var(--c-secondary-900) !important;
        border-color: var(--c-secondary-900) !important
    }

.btn-outline-secondary-cc {
    color: var(--c-white) !important;
    border-color: var(--c-secondary) !important
}

    .btn-outline-secondary-cc:hover {
        color: var(--c-white) !important;
        background-color: var(--c-secondary) !important;
        border-color: var(--c-secondary) !important
    }

.btn-danger-cc {
    color: var(--c-white) !important;
    background-color: var(--c-danger) !important;
    border-color: var(--c-danger) !important
}

    .btn-danger-cc:hover {
        color: var(--c-white) !important;
        background-color: var(--c-danger-900) !important;
        border-color: var(--c-danger-900) !important
    }

.btn-outline-danger-cc {
    color: var(--c-danger) !important;
    border-color: var(--c-danger) !important
}

    .btn-outline-danger-cc:hover {
        color: var(--c-white) !important;
        background-color: var(--c-danger) !important;
        border-color: var(--c-danger) !important
    }

.btn-dark-cc {
    color: var(--c-white) !important;
    background-color: var(--c-dark) !important;
    border-color: var(--c-dark) !important
}

.btn-dark-300-cc {
    color: var(--c-white) !important;
    background-color: var(--c-dark-300) !important;
    border-color: var(--c-dark-300) !important
}

.btn-dark-cc:hover {
    color: var(--c-white) !important;
    background-color: var(--c-dark-900) !important;
    border-color: var(--c-dark-900) !important
}

.btn-outline-dark-cc {
    color: var(--c-dark) !important;
    border-color: var(--c-dark) !important
}

    .btn-outline-dark-cc:hover {
        color: var(--c-white) !important;
        background-color: var(--c-dark) !important;
        border-color: var(--c-dark) !important
    }

.btn-info-cc {
    color: var(--c-dark) !important;
    background-color: var(--c-info) !important;
    border-color: var(--c-info) !important
}

    .btn-info-cc:hover {
        color: var(--c-dark) !important;
        background-color: var(--c-info-900) !important;
        border-color: var(--c-info-900) !important
    }

.btn-outline-info-cc {
    color: var(--c-dark) !important;
    border-color: var(--c-info) !important
}

    .btn-outline-info-cc:hover {
        color: var(--c-dark) !important;
        background-color: var(--c-info) !important;
        border-color: var(--c-info) !important
    }

.btn-light-cc {
    color: var(--c-light) !important;
    background-color: var(--c-light) !important;
    border-color: var(--c-light) !important
}

    .btn-light-cc:hover {
        color: var(--c-light) !important;
        background-color: var(--c-light-900) !important;
        border-color: var(--c-light-900) !important
    }

.btn-outline-light-cc {
    color: var(--c-light) !important;
    border-color: var(--c-light) !important
}

    .btn-outline-light-cc:hover {
        color: var(--c-light) !important;
        background-color: var(--c-light) !important;
        border-color: var(--c-light) !important
    }

.btn-success-cc {
    color: var(--c-white) !important;
    background-color: var(--c-success) !important;
    border-color: var(--c-success) !important
}

    .btn-success-cc:hover {
        color: var(--c-white) !important;
        background-color: var(--c-success-900) !important;
        border-color: var(--c-success-900) !important
    }

.btn-outline-success-cc {
    color: var(--c-white) !important;
    border-color: var(--c-success) !important
}

    .btn-outline-success-cc:hover {
        color: var(--c-success) !important;
        background-color: var(--c-success) !important;
        border-color: var(--c-success) !important
    }

.btn-warning-cc {
    color: var(--c-dark) !important;
    background-color: var(--c-warning) !important;
    border-color: var(--c-warning) !important
}

    .btn-warning-cc:hover {
        color: var(--c-dark) !important;
        background-color: var(--c-warning-900) !important;
        border-color: var(--c-warning-900) !important
    }

.btn-outline-warning-cc {
    color: var(--c-dark) !important;
    border-color: var(--c-warning) !important
}

    .btn-outline-warning-cc:hover {
        color: var(--c-dark) !important;
        background-color: var(--c-warning) !important;
        border-color: var(--c-warning) !important
    }

.btn-link-cc {
    font-weight: 400;
    color: var(--c-primary);
    text-decoration: underline
}

    .btn-link-cc:hover {
        color: var(--c-primary-900)
    }

.btn-group-sm-c > .btn-c, .btn-sm-cc {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.btn-group-lg-c > .btn-c, .btn-lg-cc {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.btn-c.disabled, .btn-c:disabled, fieldset-c:disabled .btn-cc {
    pointer-events: none;
    opacity: .65
}

.bg-primary-cc {
    background-color: var(--c-primary) !important
}

.bg-primary-100-cc {
    background-color: var(--c-primary-100) !important
}

.bg-primary-200-cc {
    background-color: var(--c-primary-200) !important
}

.bg-primary-300-cc {
    background-color: var(--c-primary-300) !important
}

.bg-primary-400-cc {
    background-color: var(--c-primary-400) !important
}

.bg-primary-500-cc {
    background-color: var(--c-primary-500) !important
}

.bg-primary-600-cc {
    background-color: var(--c-primary-600) !important
}

.bg-primary-700-cc {
    background-color: var(--c-primary-700) !important
}

.bg-primary-800-cc {
    background-color: var(--c-primary-800) !important
}

.bg-primary-900-cc {
    background-color: var(--c-primary-900) !important
}

.bg-secondary-cc {
    background-color: var(--c-secondary) !important
}

.bg-secondary-100-cc {
    background-color: var(--c-secondary-100) !important
}

.bg-secondary-200-cc {
    background-color: var(--c-secondary-200) !important
}

.bg-secondary-300-cc {
    background-color: var(--c-secondary-300) !important
}

.bg-secondary-400-cc {
    background-color: var(--c-secondary-400) !important
}

.bg-secondary-500-cc {
    background-color: var(--c-secondary-500) !important
}

.bg-secondary-600-cc {
    background-color: var(--c-secondary-600) !important
}

.bg-secondary-700-cc {
    background-color: var(--c-secondary-700) !important
}

.bg-secondary-800-cc {
    background-color: var(--c-secondary-800) !important
}

.bg-secondary-900-cc {
    background-color: var(--c-secondary-900) !important
}

.bg-danger-cc {
    background-color: var(--c-danger) !important
}

.bg-danger-100-cc {
    background-color: var(--c-danger-100) !important
}

.bg-danger-200-cc {
    background-color: var(--c-danger-200) !important
}

.bg-danger-300-cc {
    background-color: var(--c-danger-300) !important
}

.bg-danger-400-cc {
    background-color: var(--c-danger-400) !important
}

.bg-danger-500-cc {
    background-color: var(--c-danger-500) !important
}

.bg-danger-600-cc {
    background-color: var(--c-danger-600) !important
}

.bg-danger-700-cc {
    background-color: var(--c-danger-700) !important
}

.bg-danger-800-cc {
    background-color: var(--c-danger-800) !important
}

.bg-danger-900-cc {
    background-color: var(--c-danger-900) !important
}

.bg-dark-cc {
    background-color: var(--c-dark) !important
}

.bg-dark-100-cc {
    background-color: var(--c-dark-100) !important
}

.bg-dark-200-cc {
    background-color: var(--c-dark-200) !important
}

.bg-dark-300-cc {
    background-color: var(--c-dark-300) !important
}

.bg-dark-400-cc {
    background-color: var(--c-dark-400) !important
}

.bg-dark-500-cc {
    background-color: var(--c-dark-500) !important
}

.bg-dark-600-cc {
    background-color: var(--c-dark-600) !important
}

.bg-dark-700-cc {
    background-color: var(--c-dark-700) !important
}

.bg-dark-800-cc {
    background-color: var(--c-dark-800) !important
}

.bg-dark-900-cc {
    background-color: var(--c-dark-900) !important
}

.bg-info-cc {
    background-color: var(--c-info) !important
}

.bg-info-100-cc {
    background-color: var(--c-info-100) !important
}

.bg-info-200-cc {
    background-color: var(--c-info-200) !important
}

.bg-info-300-cc {
    background-color: var(--c-info-300) !important
}

.bg-info-400-cc {
    background-color: var(--c-info-400) !important
}

.bg-info-500-cc {
    background-color: var(--c-info-500) !important
}

.bg-info-600-cc {
    background-color: var(--c-info-600) !important
}

.bg-info-700-cc {
    background-color: var(--c-info-700) !important
}

.bg-info-800-cc {
    background-color: var(--c-info-800) !important
}

.bg-info-900-cc {
    background-color: var(--c-info-900) !important
}

.bg-light-cc {
    background-color: var(--c-light) !important
}

.bg-light-100-cc {
    background-color: var(--c-light-100) !important
}

.bg-light-200-cc {
    background-color: var(--c-light-200) !important
}

.bg-light-300-cc {
    background-color: var(--c-light-300) !important
}

.bg-light-400-cc {
    background-color: var(--c-light-400) !important
}

.bg-light-500-cc {
    background-color: var(--c-light-500) !important
}

.bg-light-600-cc {
    background-color: var(--c-light-600) !important
}

.bg-light-700-cc {
    background-color: var(--c-light-700) !important
}

.bg-light-800-cc {
    background-color: var(--c-light-800) !important
}

.bg-light-900-cc {
    background-color: var(--c-light-900) !important
}

.bg-success-cc {
    background-color: var(--c-success) !important
}

.bg-success-100-cc {
    background-color: var(--c-success-100) !important
}

.bg-success-200-cc {
    background-color: var(--c-success-200) !important
}

.bg-success-300-cc {
    background-color: var(--c-success-300) !important
}

.bg-success-400-cc {
    background-color: var(--c-success-400) !important
}

.bg-success-500-cc {
    background-color: var(--c-success-500) !important
}

.bg-success-600-cc {
    background-color: var(--c-success-600) !important
}

.bg-success-700-cc {
    background-color: var(--c-success-700) !important
}

.bg-success-800-cc {
    background-color: var(--c-success-800) !important
}

.bg-success-900-cc {
    background-color: var(--c-success-900) !important
}

.bg-warning-cc {
    background-color: var(--c-warning) !important
}

.bg-warning-100-cc {
    background-color: var(--c-warning-100) !important
}

.bg-warning-200-cc {
    background-color: var(--c-warning-200) !important
}

.bg-warning-300-cc {
    background-color: var(--c-warning-300) !important
}

.bg-warning-400-cc {
    background-color: var(--c-warning-400) !important
}

.bg-warning-500-cc {
    background-color: var(--c-warning-500) !important
}

.bg-warning-600-cc {
    background-color: var(--c-warning-600) !important
}

.bg-warning-700-cc {
    background-color: var(--c-warning-700) !important
}

.bg-warning-800-cc {
    background-color: var(--c-warning-800) !important
}

.bg-warning-900-cc {
    background-color: var(--c-warning-900) !important
}

.bg-white-cc {
    background-color: var(--c-white) !important
}

.bg-white-100-cc {
    background-color: var(--c-white-100) !important
}

.bg-white-200-cc {
    background-color: var(--c-white-200) !important
}

.bg-white-300-cc {
    background-color: var(--c-white-300) !important
}

.bg-white-400-cc {
    background-color: var(--c-white-400) !important
}

.bg-white-500-cc {
    background-color: var(--c-white-500) !important
}

.bg-white-600-cc {
    background-color: var(--c-white-600) !important
}

.bg-white-700-cc {
    background-color: var(--c-white-700) !important
}

.bg-white-800-cc {
    background-color: var(--c-white-800) !important
}

.bg-white-900-cc {
    background-color: var(--c-white-900) !important
}

.bg-blue-cc {
    background-color: var(--c-blue) !important
}

.bg-blue-100-cc {
    background-color: var(--c-blue-100) !important
}

.bg-blue-200-cc {
    background-color: var(--c-blue-200) !important
}

.bg-blue-300-cc {
    background-color: var(--c-blue-300) !important
}

.bg-blue-400-cc {
    background-color: var(--c-blue-400) !important
}

.bg-blue-500-cc {
    background-color: var(--c-blue-500) !important
}

.bg-blue-600-cc {
    background-color: var(--c-blue-600) !important
}

.bg-blue-700-cc {
    background-color: var(--c-blue-700) !important
}

.bg-blue-800-cc {
    background-color: var(--c-blue-800) !important
}

.bg-blue-900-cc {
    background-color: var(--c-blue-900) !important
}

.bg-cyan-cc {
    background-color: var(--c-cyan) !important
}

.bg-cyan-100-cc {
    background-color: var(--c-cyan-100) !important
}

.bg-cyan-200-cc {
    background-color: var(--c-cyan-200) !important
}

.bg-cyan-300-cc {
    background-color: var(--c-cyan-300) !important
}

.bg-cyan-400-cc {
    background-color: var(--c-cyan-400) !important
}

.bg-cyan-500-cc {
    background-color: var(--c-cyan-500) !important
}

.bg-cyan-600-cc {
    background-color: var(--c-cyan-600) !important
}

.bg-cyan-700-cc {
    background-color: var(--c-cyan-700) !important
}

.bg-cyan-800-cc {
    background-color: var(--c-cyan-800) !important
}

.bg-cyan-900-cc {
    background-color: var(--c-cyan-900) !important
}

.bg-gray-cc {
    background-color: var(--c-gray) !important
}

.bg-gray-100-cc {
    background-color: var(--c-gray-100) !important
}

.bg-gray-200-cc {
    background-color: var(--c-gray-200) !important
}

.bg-gray-300-cc {
    background-color: var(--c-gray-300) !important
}

.bg-gray-400-cc {
    background-color: var(--c-gray-400) !important
}

.bg-gray-500-cc {
    background-color: var(--c-gray-500) !important
}

.bg-gray-600-cc {
    background-color: var(--c-gray-600) !important
}

.bg-gray-700-cc {
    background-color: var(--c-gray-700) !important
}

.bg-gray-800-cc {
    background-color: var(--c-gray-800) !important
}

.bg-gray-900-cc {
    background-color: var(--c-gray-900) !important
}

.bg-green-cc {
    background-color: var(--c-green) !important
}

.bg-green-100-cc {
    background-color: var(--c-green-100) !important
}

.bg-green-200-cc {
    background-color: var(--c-green-200) !important
}

.bg-green-300-cc {
    background-color: var(--c-green-300) !important
}

.bg-green-400-cc {
    background-color: var(--c-green-400) !important
}

.bg-green-500-cc {
    background-color: var(--c-green-500) !important
}

.bg-green-600-cc {
    background-color: var(--c-green-600) !important
}

.bg-green-700-cc {
    background-color: var(--c-green-700) !important
}

.bg-green-800-cc {
    background-color: var(--c-green-800) !important
}

.bg-green-900-cc {
    background-color: var(--c-green-900) !important
}

.bg-indigo-cc {
    background-color: var(--c-indigo) !important
}

.bg-indigo-100-cc {
    background-color: var(--c-indigo-100) !important
}

.bg-indigo-200-cc {
    background-color: var(--c-indigo-200) !important
}

.bg-indigo-300-cc {
    background-color: var(--c-indigo-300) !important
}

.bg-indigo-400-cc {
    background-color: var(--c-indigo-400) !important
}

.bg-indigo-500-cc {
    background-color: var(--c-indigo-500) !important
}

.bg-indigo-600-cc {
    background-color: var(--c-indigo-600) !important
}

.bg-indigo-700-cc {
    background-color: var(--c-indigo-700) !important
}

.bg-indigo-800-cc {
    background-color: var(--c-indigo-800) !important
}

.bg-indigo-900-cc {
    background-color: var(--c-indigo-900) !important
}

.bg-orange-cc {
    background-color: var(--c-orange) !important
}

.bg-orange-100-cc {
    background-color: var(--c-orange-100) !important
}

.bg-orange-200-cc {
    background-color: var(--c-orange-200) !important
}

.bg-orange-300-cc {
    background-color: var(--c-orange-300) !important
}

.bg-orange-400-cc {
    background-color: var(--c-orange-400) !important
}

.bg-orange-500-cc {
    background-color: var(--c-orange-500) !important
}

.bg-orange-600-cc {
    background-color: var(--c-orange-600) !important
}

.bg-orange-700-cc {
    background-color: var(--c-orange-700) !important
}

.bg-orange-800-cc {
    background-color: var(--c-orange-800) !important
}

.bg-orange-900-cc {
    background-color: var(--c-orange-900) !important
}

.bg-muted-cc {
    background-color: var(--c-muted) !important
}

.bg-muted-100-cc {
    background-color: var(--c-muted-100) !important
}

.bg-muted-200-cc {
    background-color: var(--c-muted-200) !important
}

.bg-muted-300-cc {
    background-color: var(--c-muted-300) !important
}

.bg-muted-400-cc {
    background-color: var(--c-muted-400) !important
}

.bg-muted-500-cc {
    background-color: var(--c-muted-500) !important
}

.bg-muted-600-cc {
    background-color: var(--c-muted-600) !important
}

.bg-muted-700-cc {
    background-color: var(--c-muted-700) !important
}

.bg-muted-800-cc {
    background-color: var(--c-muted-800) !important
}

.bg-muted-900-cc {
    background-color: var(--c-muted-900) !important
}

.bg-red-cc {
    background-color: var(--c-red) !important
}

.bg-red-100-cc {
    background-color: var(--c-red-100) !important
}

.bg-red-200-cc {
    background-color: var(--c-red-200) !important
}

.bg-red-300-cc {
    background-color: var(--c-red-300) !important
}

.bg-red-400-cc {
    background-color: var(--c-red-400) !important
}

.bg-red-500-cc {
    background-color: var(--c-red-500) !important
}

.bg-red-600-cc {
    background-color: var(--c-red-600) !important
}

.bg-red-700-cc {
    background-color: var(--c-red-700) !important
}

.bg-red-800-cc {
    background-color: var(--c-red-800) !important
}

.bg-red-900-cc {
    background-color: var(--c-red-900) !important
}

.bg-purple-cc {
    background-color: var(--c-purple) !important
}

.bg-purple-100-cc {
    background-color: var(--c-purple-100) !important
}

.bg-purple-200-cc {
    background-color: var(--c-purple-200) !important
}

.bg-purple-300-cc {
    background-color: var(--c-purple-300) !important
}

.bg-purple-400-cc {
    background-color: var(--c-purple-400) !important
}

.bg-purple-500-cc {
    background-color: var(--c-purple-500) !important
}

.bg-purple-600-cc {
    background-color: var(--c-purple-600) !important
}

.bg-purple-700-cc {
    background-color: var(--c-purple-700) !important
}

.bg-purple-800-cc {
    background-color: var(--c-purple-800) !important
}

.bg-purple-900-cc {
    background-color: var(--c-purple-900) !important
}

.bg-pink-cc {
    background-color: var(--c-pink) !important
}

.bg-pink-100-cc {
    background-color: var(--c-pink-100) !important
}

.bg-pink-200-cc {
    background-color: var(--c-pink-200) !important
}

.bg-pink-300-cc {
    background-color: var(--c-pink-300) !important
}

.bg-pink-400-cc {
    background-color: var(--c-pink-400) !important
}

.bg-pink-500-cc {
    background-color: var(--c-pink-500) !important
}

.bg-pink-600-cc {
    background-color: var(--c-pink-600) !important
}

.bg-pink-700-cc {
    background-color: var(--c-pink-700) !important
}

.bg-pink-800-cc {
    background-color: var(--c-pink-800) !important
}

.bg-pink-900-cc {
    background-color: var(--c-pink-900) !important
}

.bg-teal-cc {
    background-color: var(--c-teal) !important
}

.bg-teal-100-cc {
    background-color: var(--c-teal-100) !important
}

.bg-teal-200-cc {
    background-color: var(--c-teal-200) !important
}

.bg-teal-300-cc {
    background-color: var(--c-teal-300) !important
}

.bg-teal-400-cc {
    background-color: var(--c-teal-400) !important
}

.bg-teal-500-cc {
    background-color: var(--c-teal-500) !important
}

.bg-teal-600-cc {
    background-color: var(--c-teal-600) !important
}

.bg-teal-700-cc {
    background-color: var(--c-teal-700) !important
}

.bg-teal-800-cc {
    background-color: var(--c-teal-800) !important
}

.bg-teal-900-cc {
    background-color: var(--c-teal-900) !important
}

.bg-yellow-cc {
    background-color: var(--c-yellow) !important
}

.bg-yellow-100-cc {
    background-color: var(--c-yellow-100) !important
}

.bg-yellow-200-cc {
    background-color: var(--c-yellow-200) !important
}

.bg-yellow-300-cc {
    background-color: var(--c-yellow-300) !important
}

.bg-yellow-400-cc {
    background-color: var(--c-yellow-400) !important
}

.bg-yellow-500-cc {
    background-color: var(--c-yellow-500) !important
}

.bg-yellow-600-cc {
    background-color: var(--c-yellow-600) !important
}

.bg-yellow-700-cc {
    background-color: var(--c-yellow-700) !important
}

.bg-yellow-800-cc {
    background-color: var(--c-yellow-800) !important
}

.bg-yellow-900-cc {
    background-color: var(--c-yellow-900) !important
}

.bg-primary-hover-cc:hover {
    background-color: var(--c-primary-900) !important
}

.bg-primary-100-hover-cc:hover {
    background-color: var(--c-primary-200) !important
}

.bg-primary-200-hover-cc:hover {
    background-color: var(--c-primary-300) !important
}

.bg-primary-300-hover-cc:hover {
    background-color: var(--c-primary-400) !important
}

.bg-primary-400-hover-cc:hover {
    background-color: var(--c-primary-500) !important
}

.bg-primary-500-hover-cc:hover {
    background-color: var(--c-primary-600) !important
}

.bg-primary-600-hover-cc:hover {
    background-color: var(--c-primary-700) !important
}

.bg-primary-700-hover-cc:hover {
    background-color: var(--c-primary-800) !important
}

.bg-primary-800-hover-cc:hover, .bg-primary-900-hover-cc:hover {
    background-color: var(--c-primary-900) !important
}

.bg-danger-hover-cc:hover {
    background-color: var(--c-danger-900) !important
}

.bg-danger-100-hover-cc:hover {
    background-color: var(--c-danger-200) !important
}

.bg-danger-200-hover-cc:hover {
    background-color: var(--c-danger-300) !important
}

.bg-danger-300-hover-cc:hover {
    background-color: var(--c-danger-400) !important
}

.bg-danger-400-hover-cc:hover {
    background-color: var(--c-danger-500) !important
}

.bg-danger-500-hover-cc:hover {
    background-color: var(--c-danger-600) !important
}

.bg-danger-600-hover-cc:hover {
    background-color: var(--c-danger-700) !important
}

.bg-danger-700-hover-cc:hover {
    background-color: var(--c-danger-800) !important
}

.bg-danger-800-hover-cc:hover, .bg-danger-900-hover-cc:hover {
    background-color: var(--c-danger-900) !important
}

.bg-info-hover-cc:hover {
    background-color: var(--c-info-900) !important
}

.bg-info-100-hover-cc:hover {
    background-color: var(--c-info-200) !important
}

.bg-info-200-hover-cc:hover {
    background-color: var(--c-info-300) !important
}

.bg-info-300-hover-cc:hover {
    background-color: var(--c-info-400) !important
}

.bg-info-400-hover-cc:hover {
    background-color: var(--c-info-500) !important
}

.bg-info-500-hover-cc:hover {
    background-color: var(--c-info-600) !important
}

.bg-info-600-hover-cc:hover {
    background-color: var(--c-info-700) !important
}

.bg-info-700-hover-cc:hover {
    background-color: var(--c-info-800) !important
}

.bg-info-800-hover-cc:hover, .bg-info-900-hover-cc:hover {
    background-color: var(--c-info-900) !important
}

.bg-light-hover-cc:hover {
    background-color: var(--c-light-900) !important
}

.bg-light-100-hover-cc:hover {
    background-color: var(--c-light-200) !important
}

.bg-light-200-hover-cc:hover {
    background-color: var(--c-light-300) !important
}

.bg-light-300-hover-cc:hover {
    background-color: var(--c-light-400) !important
}

.bg-light-400-hover-cc:hover {
    background-color: var(--c-light-500) !important
}

.bg-light-500-hover-cc:hover {
    background-color: var(--c-light-600) !important
}

.bg-light-600-hover-cc:hover {
    background-color: var(--c-light-700) !important
}

.bg-light-700-hover-cc:hover {
    background-color: var(--c-light-800) !important
}

.bg-light-800-hover-cc:hover, .bg-light-900-hover-cc:hover {
    background-color: var(--c-light-900) !important
}

.bg-success-hover-cc:hover {
    background-color: var(--c-success-900) !important
}

.bg-success-100-hover-cc:hover {
    background-color: var(--c-success-200) !important
}

.bg-success-200-hover-cc:hover {
    background-color: var(--c-success-300) !important
}

.bg-success-300-hover-cc:hover {
    background-color: var(--c-success-400) !important
}

.bg-success-400-hover-cc:hover {
    background-color: var(--c-success-500) !important
}

.bg-success-500-hover-cc:hover {
    background-color: var(--c-success-600) !important
}

.bg-success-600-hover-cc:hover {
    background-color: var(--c-success-700) !important
}

.bg-success-700-hover-cc:hover {
    background-color: var(--c-success-800) !important
}

.bg-success-800-hover-cc:hover, .bg-success-900-hover-cc:hover {
    background-color: var(--c-success-900) !important
}

.bg-warning-hover-cc:hover {
    background-color: var(--c-warning-900) !important
}

.bg-warning-100-hover-cc:hover {
    background-color: var(--c-warning-200) !important
}

.bg-warning-200-hover-cc:hover {
    background-color: var(--c-warning-300) !important
}

.bg-warning-300-hover-cc:hover {
    background-color: var(--c-warning-400) !important
}

.bg-warning-400-hover-cc:hover {
    background-color: var(--c-warning-500) !important
}

.bg-warning-500-hover-cc:hover {
    background-color: var(--c-warning-600) !important
}

.bg-warning-600-hover-cc:hover {
    background-color: var(--c-warning-700) !important
}

.bg-warning-700-hover-cc:hover {
    background-color: var(--c-warning-800) !important
}

.bg-warning-800-hover-cc:hover, .bg-warning-900-hover-cc:hover {
    background-color: var(--c-warning-900) !important
}

.bg-white-hover-cc:hover {
    background-color: var(--c-white-900) !important
}

.bg-white-100-hover-cc:hover {
    background-color: var(--c-white-200) !important
}

.bg-white-200-hover-cc:hover {
    background-color: var(--c-white-300) !important
}

.bg-white-300-hover-cc:hover {
    background-color: var(--c-white-400) !important
}

.bg-white-400-hover-cc:hover {
    background-color: var(--c-white-500) !important
}

.bg-white-500-hover-cc:hover {
    background-color: var(--c-white-600) !important
}

.bg-white-600-hover-cc:hover {
    background-color: var(--c-white-700) !important
}

.bg-white-700-hover-cc:hover {
    background-color: var(--c-white-800) !important
}

.bg-white-800-hover-cc:hover, .bg-white-900-hover-cc:hover {
    background-color: var(--c-white-900) !important
}

.bg-blue-hover-cc:hover {
    background-color: var(--c-blue-900) !important
}

.bg-blue-100-hover-cc:hover {
    background-color: var(--c-blue-200) !important
}

.bg-blue-200-hover-cc:hover {
    background-color: var(--c-blue-300) !important
}

.bg-blue-300-hover-cc:hover {
    background-color: var(--c-blue-400) !important
}

.bg-blue-400-hover-cc:hover {
    background-color: var(--c-blue-500) !important
}

.bg-blue-500-hover-cc:hover {
    background-color: var(--c-blue-600) !important
}

.bg-blue-600-hover-cc:hover {
    background-color: var(--c-blue-700) !important
}

.bg-blue-700-hover-cc:hover {
    background-color: var(--c-blue-800) !important
}

.bg-blue-800-hover-cc:hover, .bg-blue-900-hover-cc:hover {
    background-color: var(--c-blue-900) !important
}

.bg-cyan-hover-cc:hover {
    background-color: var(--c-cyan-900) !important
}

.bg-cyan-100-hover-cc:hover {
    background-color: var(--c-cyan-200) !important
}

.bg-cyan-200-hover-cc:hover {
    background-color: var(--c-cyan-300) !important
}

.bg-cyan-300-hover-cc:hover {
    background-color: var(--c-cyan-400) !important
}

.bg-cyan-400-hover-cc:hover {
    background-color: var(--c-cyan-500) !important
}

.bg-cyan-500-hover-cc:hover {
    background-color: var(--c-cyan-600) !important
}

.bg-cyan-600-hover-cc:hover {
    background-color: var(--c-cyan-700) !important
}

.bg-cyan-700-hover-cc:hover {
    background-color: var(--c-cyan-800) !important
}

.bg-cyan-800-hover-cc:hover, .bg-cyan-900-hover-cc:hover {
    background-color: var(--c-cyan-900) !important
}

.bg-gray-hover-cc:hover {
    background-color: var(--c-gray-900) !important
}

.bg-gray-100-hover-cc:hover {
    background-color: var(--c-gray-200) !important
}

.bg-gray-200-hover-cc:hover {
    background-color: var(--c-gray-300) !important
}

.bg-gray-300-hover-cc:hover {
    background-color: var(--c-gray-400) !important
}

.bg-gray-400-hover-cc:hover {
    background-color: var(--c-gray-500) !important
}

.bg-gray-500-hover-cc:hover {
    background-color: var(--c-gray-600) !important
}

.bg-gray-600-hover-cc:hover {
    background-color: var(--c-gray-700) !important
}

.bg-gray-700-hover-cc:hover {
    background-color: var(--c-gray-800) !important
}

.bg-gray-800-hover-cc:hover, .bg-gray-900-hover-cc:hover {
    background-color: var(--c-gray-900) !important
}

.bg-green-hover-cc:hover {
    background-color: var(--c-green-900) !important
}

.bg-green-100-hover-cc:hover {
    background-color: var(--c-green-200) !important
}

.bg-green-200-hover-cc:hover {
    background-color: var(--c-green-300) !important
}

.bg-green-300-hover-cc:hover {
    background-color: var(--c-green-400) !important
}

.bg-green-400-hover-cc:hover {
    background-color: var(--c-green-500) !important
}

.bg-green-500-hover-cc:hover {
    background-color: var(--c-green-600) !important
}

.bg-green-600-hover-cc:hover {
    background-color: var(--c-green-700) !important
}

.bg-green-700-hover-cc:hover {
    background-color: var(--c-green-800) !important
}

.bg-green-800-hover-cc:hover, .bg-green-900-hover-cc:hover {
    background-color: var(--c-green-900) !important
}

.bg-indigo-hover-cc:hover {
    background-color: var(--c-indigo-900) !important
}

.bg-indigo-100-hover-cc:hover {
    background-color: var(--c-indigo-200) !important
}

.bg-indigo-200-hover-cc:hover {
    background-color: var(--c-indigo-300) !important
}

.bg-indigo-300-hover-cc:hover {
    background-color: var(--c-indigo-400) !important
}

.bg-indigo-400-hover-cc:hover {
    background-color: var(--c-indigo-500) !important
}

.bg-indigo-500-hover-cc:hover {
    background-color: var(--c-indigo-600) !important
}

.bg-indigo-600-hover-cc:hover {
    background-color: var(--c-indigo-700) !important
}

.bg-indigo-700-hover-cc:hover {
    background-color: var(--c-indigo-800) !important
}

.bg-indigo-800-hover-cc:hover, .bg-indigo-900-hover-cc:hover {
    background-color: var(--c-indigo-900) !important
}

.bg-orange-hover-cc:hover {
    background-color: var(--c-orange-900) !important
}

.bg-orange-100-hover-cc:hover {
    background-color: var(--c-orange-200) !important
}

.bg-orange-200-hover-cc:hover {
    background-color: var(--c-orange-300) !important
}

.bg-orange-300-hover-cc:hover {
    background-color: var(--c-orange-400) !important
}

.bg-orange-400-hover-cc:hover {
    background-color: var(--c-orange-500) !important
}

.bg-orange-500-hover-cc:hover {
    background-color: var(--c-orange-600) !important
}

.bg-orange-600-hover-cc:hover {
    background-color: var(--c-orange-700) !important
}

.bg-orange-700-hover-cc:hover {
    background-color: var(--c-orange-800) !important
}

.bg-orange-800-hover-cc:hover, .bg-orange-900-hover-cc:hover {
    background-color: var(--c-orange-900) !important
}

.bg-muted-hover-cc:hover {
    background-color: var(--c-muted-900) !important
}

.bg-muted-100-hover-cc:hover {
    background-color: var(--c-muted-200) !important
}

.bg-muted-200-hover-cc:hover {
    background-color: var(--c-muted-300) !important
}

.bg-muted-300-hover-cc:hover {
    background-color: var(--c-muted-400) !important
}

.bg-muted-400-hover-cc:hover {
    background-color: var(--c-muted-500) !important
}

.bg-muted-500-hover-cc:hover {
    background-color: var(--c-muted-600) !important
}

.bg-muted-600-hover-cc:hover {
    background-color: var(--c-muted-700) !important
}

.bg-muted-700-hover-cc:hover {
    background-color: var(--c-muted-800) !important
}

.bg-muted-800-hover-cc:hover, .bg-muted-900-hover-cc:hover {
    background-color: var(--c-muted-900) !important
}

.bg-red-hover-cc:hover {
    background-color: var(--c-red-900) !important
}

.bg-red-100-hover-cc:hover {
    background-color: var(--c-red-200) !important
}

.bg-red-200-hover-cc:hover {
    background-color: var(--c-red-300) !important
}

.bg-red-300-hover-cc:hover {
    background-color: var(--c-red-400) !important
}

.bg-red-400-hover-cc:hover {
    background-color: var(--c-red-500) !important
}

.bg-red-500-hover-cc:hover {
    background-color: var(--c-red-600) !important
}

.bg-red-600-hover-cc:hover {
    background-color: var(--c-red-700) !important
}

.bg-red-700-hover-cc:hover {
    background-color: var(--c-red-800) !important
}

.bg-red-800-hover-cc:hover, .bg-red-900-hover-cc:hover {
    background-color: var(--c-red-900) !important
}

.bg-purple-hover-cc:hover {
    background-color: var(--c-purple-900) !important
}

.bg-purple-100-hover-cc:hover {
    background-color: var(--c-purple-200) !important
}

.bg-purple-200-hover-cc:hover {
    background-color: var(--c-purple-300) !important
}

.bg-purple-300-hover-cc:hover {
    background-color: var(--c-purple-400) !important
}

.bg-purple-400-hover-cc:hover {
    background-color: var(--c-purple-500) !important
}

.bg-purple-500-hover-cc:hover {
    background-color: var(--c-purple-600) !important
}

.bg-purple-600-hover-cc:hover {
    background-color: var(--c-purple-700) !important
}

.bg-purple-700-hover-cc:hover {
    background-color: var(--c-purple-800) !important
}

.bg-purple-800-hover-cc:hover, .bg-purple-900-hover-cc:hover {
    background-color: var(--c-purple-900) !important
}

.bg-pink-hover-cc:hover {
    background-color: var(--c-pink-900) !important
}

.bg-pink-100-hover-cc:hover {
    background-color: var(--c-pink-200) !important
}

.bg-pink-200-hover-cc:hover {
    background-color: var(--c-pink-300) !important
}

.bg-pink-300-hover-cc:hover {
    background-color: var(--c-pink-400) !important
}

.bg-pink-400-hover-cc:hover {
    background-color: var(--c-pink-500) !important
}

.bg-pink-500-hover-cc:hover {
    background-color: var(--c-pink-600) !important
}

.bg-pink-600-hover-cc:hover {
    background-color: var(--c-pink-700) !important
}

.bg-pink-700-hover-cc:hover {
    background-color: var(--c-pink-800) !important
}

.bg-pink-800-hover-cc:hover, .bg-pink-900-hover-cc:hover {
    background-color: var(--c-pink-900) !important
}

.bg-teal-hover-cc:hover {
    background-color: var(--c-teal-900) !important
}

.bg-teal-100-hover-cc:hover {
    background-color: var(--c-teal-200) !important
}

.bg-teal-200-hover-cc:hover {
    background-color: var(--c-teal-300) !important
}

.bg-teal-300-hover-cc:hover {
    background-color: var(--c-teal-400) !important
}

.bg-teal-400-hover-cc:hover {
    background-color: var(--c-teal-500) !important
}

.bg-teal-500-hover-cc:hover {
    background-color: var(--c-teal-600) !important
}

.bg-teal-600-hover-cc:hover {
    background-color: var(--c-teal-700) !important
}

.bg-teal-700-hover-cc:hover {
    background-color: var(--c-teal-800) !important
}

.bg-teal-800-hover-cc:hover, .bg-teal-900-hover-cc:hover {
    background-color: var(--c-teal-900) !important
}

.bg-yellow-hover-cc:hover {
    background-color: var(--c-yellow-900) !important
}

.bg-yellow-100-hover-cc:hover {
    background-color: var(--c-yellow-200) !important
}

.bg-yellow-200-hover-cc:hover {
    background-color: var(--c-yellow-300) !important
}

.bg-yellow-300-hover-cc:hover {
    background-color: var(--c-yellow-400) !important
}

.bg-yellow-400-hover-cc:hover {
    background-color: var(--c-yellow-500) !important
}

.bg-yellow-500-hover-cc:hover {
    background-color: var(--c-yellow-600) !important
}

.bg-yellow-600-hover-cc:hover {
    background-color: var(--c-yellow-700) !important
}

.bg-yellow-700-hover-cc:hover {
    background-color: var(--c-yellow-800) !important
}

.bg-yellow-800-hover-cc:hover, .bg-yellow-900-hover-cc:hover {
    background-color: var(--c-yellow-900) !important
}

.fill-primary-cc {
    fill: var(--c-primary) !important
}

.fill-primary-100-cc {
    fill: var(--c-primary-100) !important
}

.fill-primary-200-cc {
    fill: var(--c-primary-200) !important
}

.fill-primary-300-cc {
    fill: var(--c-primary-300) !important
}

.fill-primary-400-cc {
    fill: var(--c-primary-400) !important
}

.fill-primary-500-cc {
    fill: var(--c-primary-500) !important
}

.fill-primary-600-cc {
    fill: var(--c-primary-600) !important
}

.fill-primary-700-cc {
    fill: var(--c-primary-700) !important
}

.fill-primary-800-cc {
    fill: var(--c-primary-800) !important
}

.fill-primary-900-cc {
    fill: var(--c-primary-900) !important
}

.fill-secondary-cc {
    fill: var(--c-secondary) !important
}

.fill-secondary-100-cc {
    fill: var(--c-secondary-100) !important
}

.fill-secondary-200-cc {
    fill: var(--c-secondary-200) !important
}

.fill-secondary-300-cc {
    fill: var(--c-secondary-300) !important
}

.fill-secondary-400-cc {
    fill: var(--c-secondary-400) !important
}

.fill-secondary-500-cc {
    fill: var(--c-secondary-500) !important
}

.fill-secondary-600-cc {
    fill: var(--c-secondary-600) !important
}

.fill-secondary-700-cc {
    fill: var(--c-secondary-700) !important
}

.fill-secondary-800-cc {
    fill: var(--c-secondary-800) !important
}

.fill-secondary-900-cc {
    fill: var(--c-secondary-900) !important
}

.fill-danger-cc {
    fill: var(--c-danger) !important
}

.fill-danger-100-cc {
    fill: var(--c-danger-100) !important
}

.fill-danger-200-cc {
    fill: var(--c-danger-200) !important
}

.fill-danger-300-cc {
    fill: var(--c-danger-300) !important
}

.fill-danger-400-cc {
    fill: var(--c-danger-400) !important
}

.fill-danger-500-cc {
    fill: var(--c-danger-500) !important
}

.fill-danger-600-cc {
    fill: var(--c-danger-600) !important
}

.fill-danger-700-cc {
    fill: var(--c-danger-700) !important
}

.fill-danger-800-cc {
    fill: var(--c-danger-800) !important
}

.fill-danger-900-cc {
    fill: var(--c-danger-900) !important
}

.fill-dark-cc {
    fill: var(--c-dark) !important
}

.fill-dark-100-cc {
    fill: var(--c-dark-100) !important
}

.fill-dark-200-cc {
    fill: var(--c-dark-200) !important
}

.fill-dark-300-cc {
    fill: var(--c-dark-300) !important
}

.fill-dark-400-cc {
    fill: var(--c-dark-400) !important
}

.fill-dark-500-cc {
    fill: var(--c-dark-500) !important
}

.fill-dark-600-cc {
    fill: var(--c-dark-600) !important
}

.fill-dark-700-cc {
    fill: var(--c-dark-700) !important
}

.fill-dark-800-cc {
    fill: var(--c-dark-800) !important
}

.fill-dark-900-cc {
    fill: var(--c-dark-900) !important
}

.fill-info-cc {
    fill: var(--c-info) !important
}

.fill-info-100-cc {
    fill: var(--c-info-100) !important
}

.fill-info-200-cc {
    fill: var(--c-info-200) !important
}

.fill-info-300-cc {
    fill: var(--c-info-300) !important
}

.fill-info-400-cc {
    fill: var(--c-info-400) !important
}

.fill-info-500-cc {
    fill: var(--c-info-500) !important
}

.fill-info-600-cc {
    fill: var(--c-info-600) !important
}

.fill-info-700-cc {
    fill: var(--c-info-700) !important
}

.fill-info-800-cc {
    fill: var(--c-info-800) !important
}

.fill-info-900-cc {
    fill: var(--c-info-900) !important
}

.fill-light-cc {
    fill: var(--c-light) !important
}

.fill-light-100-cc {
    fill: var(--c-light-100) !important
}

.fill-light-200-cc {
    fill: var(--c-light-200) !important
}

.fill-light-300-cc {
    fill: var(--c-light-300) !important
}

.fill-light-400-cc {
    fill: var(--c-light-400) !important
}

.fill-light-500-cc {
    fill: var(--c-light-500) !important
}

.fill-light-600-cc {
    fill: var(--c-light-600) !important
}

.fill-light-700-cc {
    fill: var(--c-light-700) !important
}

.fill-light-800-cc {
    fill: var(--c-light-800) !important
}

.fill-light-900-cc {
    fill: var(--c-light-900) !important
}

.fill-success-cc {
    fill: var(--c-success) !important
}

.fill-success-100-cc {
    fill: var(--c-success-100) !important
}

.fill-success-200-cc {
    fill: var(--c-success-200) !important
}

.fill-success-300-cc {
    fill: var(--c-success-300) !important
}

.fill-success-400-cc {
    fill: var(--c-success-400) !important
}

.fill-success-500-cc {
    fill: var(--c-success-500) !important
}

.fill-success-600-cc {
    fill: var(--c-success-600) !important
}

.fill-success-700-cc {
    fill: var(--c-success-700) !important
}

.fill-success-800-cc {
    fill: var(--c-success-800) !important
}

.fill-success-900-cc {
    fill: var(--c-success-900) !important
}

.fill-warning-cc {
    fill: var(--c-warning) !important
}

.fill-warning-100-cc {
    fill: var(--c-warning-100) !important
}

.fill-warning-200-cc {
    fill: var(--c-warning-200) !important
}

.fill-warning-300-cc {
    fill: var(--c-warning-300) !important
}

.fill-warning-400-cc {
    fill: var(--c-warning-400) !important
}

.fill-warning-500-cc {
    fill: var(--c-warning-500) !important
}

.fill-warning-600-cc {
    fill: var(--c-warning-600) !important
}

.fill-warning-700-cc {
    fill: var(--c-warning-700) !important
}

.fill-warning-800-cc {
    fill: var(--c-warning-800) !important
}

.fill-warning-900-cc {
    fill: var(--c-warning-900) !important
}

.fill-white-cc {
    fill: var(--c-white) !important
}

.fill-white-100-cc {
    fill: var(--c-white-100) !important
}

.fill-white-200-cc {
    fill: var(--c-white-200) !important
}

.fill-white-300-cc {
    fill: var(--c-white-300) !important
}

.fill-white-400-cc {
    fill: var(--c-white-400) !important
}

.fill-white-500-cc {
    fill: var(--c-white-500) !important
}

.fill-white-600-cc {
    fill: var(--c-white-600) !important
}

.fill-white-700-cc {
    fill: var(--c-white-700) !important
}

.fill-white-800-cc {
    fill: var(--c-white-800) !important
}

.fill-white-900-cc {
    fill: var(--c-white-900) !important
}

.fill-blue-cc {
    fill: var(--c-blue) !important
}

.fill-blue-100-cc {
    fill: var(--c-blue-100) !important
}

.fill-blue-200-cc {
    fill: var(--c-blue-200) !important
}

.fill-blue-300-cc {
    fill: var(--c-blue-300) !important
}

.fill-blue-400-cc {
    fill: var(--c-blue-400) !important
}

.fill-blue-500-cc {
    fill: var(--c-blue-500) !important
}

.fill-blue-600-cc {
    fill: var(--c-blue-600) !important
}

.fill-blue-700-cc {
    fill: var(--c-blue-700) !important
}

.fill-blue-800-cc {
    fill: var(--c-blue-800) !important
}

.fill-blue-900-cc {
    fill: var(--c-blue-900) !important
}

.fill-cyan-cc {
    fill: var(--c-cyan) !important
}

.fill-cyan-100-cc {
    fill: var(--c-cyan-100) !important
}

.fill-cyan-200-cc {
    fill: var(--c-cyan-200) !important
}

.fill-cyan-300-cc {
    fill: var(--c-cyan-300) !important
}

.fill-cyan-400-cc {
    fill: var(--c-cyan-400) !important
}

.fill-cyan-500-cc {
    fill: var(--c-cyan-500) !important
}

.fill-cyan-600-cc {
    fill: var(--c-cyan-600) !important
}

.fill-cyan-700-cc {
    fill: var(--c-cyan-700) !important
}

.fill-cyan-800-cc {
    fill: var(--c-cyan-800) !important
}

.fill-cyan-900-cc {
    fill: var(--c-cyan-900) !important
}

.fill-gray-cc {
    fill: var(--c-gray) !important
}

.fill-gray-100-cc {
    fill: var(--c-gray-100) !important
}

.fill-gray-200-cc {
    fill: var(--c-gray-200) !important
}

.fill-gray-300-cc {
    fill: var(--c-gray-300) !important
}

.fill-gray-400-cc {
    fill: var(--c-gray-400) !important
}

.fill-gray-500-cc {
    fill: var(--c-gray-500) !important
}

.fill-gray-600-cc {
    fill: var(--c-gray-600) !important
}

.fill-gray-700-cc {
    fill: var(--c-gray-700) !important
}

.fill-gray-800-cc {
    fill: var(--c-gray-800) !important
}

.fill-gray-900-cc {
    fill: var(--c-gray-900) !important
}

.fill-green-cc {
    fill: var(--c-green) !important
}

.fill-green-100-cc {
    fill: var(--c-green-100) !important
}

.fill-green-200-cc {
    fill: var(--c-green-200) !important
}

.fill-green-300-cc {
    fill: var(--c-green-300) !important
}

.fill-green-400-cc {
    fill: var(--c-green-400) !important
}

.fill-green-500-cc {
    fill: var(--c-green-500) !important
}

.fill-green-600-cc {
    fill: var(--c-green-600) !important
}

.fill-green-700-cc {
    fill: var(--c-green-700) !important
}

.fill-green-800-cc {
    fill: var(--c-green-800) !important
}

.fill-green-900-cc {
    fill: var(--c-green-900) !important
}

.fill-indigo-cc {
    fill: var(--c-indigo) !important
}

.fill-indigo-100-cc {
    fill: var(--c-indigo-100) !important
}

.fill-indigo-200-cc {
    fill: var(--c-indigo-200) !important
}

.fill-indigo-300-cc {
    fill: var(--c-indigo-300) !important
}

.fill-indigo-400-cc {
    fill: var(--c-indigo-400) !important
}

.fill-indigo-500-cc {
    fill: var(--c-indigo-500) !important
}

.fill-indigo-600-cc {
    fill: var(--c-indigo-600) !important
}

.fill-indigo-700-cc {
    fill: var(--c-indigo-700) !important
}

.fill-indigo-800-cc {
    fill: var(--c-indigo-800) !important
}

.fill-indigo-900-cc {
    fill: var(--c-indigo-900) !important
}

.fill-orange-cc {
    fill: var(--c-orange) !important
}

.fill-orange-100-cc {
    fill: var(--c-orange-100) !important
}

.fill-orange-200-cc {
    fill: var(--c-orange-200) !important
}

.fill-orange-300-cc {
    fill: var(--c-orange-300) !important
}

.fill-orange-400-cc {
    fill: var(--c-orange-400) !important
}

.fill-orange-500-cc {
    fill: var(--c-orange-500) !important
}

.fill-orange-600-cc {
    fill: var(--c-orange-600) !important
}

.fill-orange-700-cc {
    fill: var(--c-orange-700) !important
}

.fill-orange-800-cc {
    fill: var(--c-orange-800) !important
}

.fill-orange-900-cc {
    fill: var(--c-orange-900) !important
}

.fill-muted-cc {
    fill: var(--c-muted) !important
}

.fill-muted-100-cc {
    fill: var(--c-muted-100) !important
}

.fill-muted-200-cc {
    fill: var(--c-muted-200) !important
}

.fill-muted-300-cc {
    fill: var(--c-muted-300) !important
}

.fill-muted-400-cc {
    fill: var(--c-muted-400) !important
}

.fill-muted-500-cc {
    fill: var(--c-muted-500) !important
}

.fill-muted-600-cc {
    fill: var(--c-muted-600) !important
}

.fill-muted-700-cc {
    fill: var(--c-muted-700) !important
}

.fill-muted-800-cc {
    fill: var(--c-muted-800) !important
}

.fill-muted-900-cc {
    fill: var(--c-muted-900) !important
}

.fill-red-cc {
    fill: var(--c-red) !important
}

.fill-red-100-cc {
    fill: var(--c-red-100) !important
}

.fill-red-200-cc {
    fill: var(--c-red-200) !important
}

.fill-red-300-cc {
    fill: var(--c-red-300) !important
}

.fill-red-400-cc {
    fill: var(--c-red-400) !important
}

.fill-red-500-cc {
    fill: var(--c-red-500) !important
}

.fill-red-600-cc {
    fill: var(--c-red-600) !important
}

.fill-red-700-cc {
    fill: var(--c-red-700) !important
}

.fill-red-800-cc {
    fill: var(--c-red-800) !important
}

.fill-red-900-cc {
    fill: var(--c-red-900) !important
}

.fill-purple-cc {
    fill: var(--c-purple) !important
}

.fill-purple-100-cc {
    fill: var(--c-purple-100) !important
}

.fill-purple-200-cc {
    fill: var(--c-purple-200) !important
}

.fill-purple-300-cc {
    fill: var(--c-purple-300) !important
}

.fill-purple-400-cc {
    fill: var(--c-purple-400) !important
}

.fill-purple-500-cc {
    fill: var(--c-purple-500) !important
}

.fill-purple-600-cc {
    fill: var(--c-purple-600) !important
}

.fill-purple-700-cc {
    fill: var(--c-purple-700) !important
}

.fill-purple-800-cc {
    fill: var(--c-purple-800) !important
}

.fill-purple-900-cc {
    fill: var(--c-purple-900) !important
}

.fill-pink-cc {
    fill: var(--c-pink) !important
}

.fill-pink-100-cc {
    fill: var(--c-pink-100) !important
}

.fill-pink-200-cc {
    fill: var(--c-pink-200) !important
}

.fill-pink-300-cc {
    fill: var(--c-pink-300) !important
}

.fill-pink-400-cc {
    fill: var(--c-pink-400) !important
}

.fill-pink-500-cc {
    fill: var(--c-pink-500) !important
}

.fill-pink-600-cc {
    fill: var(--c-pink-600) !important
}

.fill-pink-700-cc {
    fill: var(--c-pink-700) !important
}

.fill-pink-800-cc {
    fill: var(--c-pink-800) !important
}

.fill-pink-900-cc {
    fill: var(--c-pink-900) !important
}

.fill-teal-cc {
    fill: var(--c-teal) !important
}

.fill-teal-100-cc {
    fill: var(--c-teal-100) !important
}

.fill-teal-200-cc {
    fill: var(--c-teal-200) !important
}

.fill-teal-300-cc {
    fill: var(--c-teal-300) !important
}

.fill-teal-400-cc {
    fill: var(--c-teal-400) !important
}

.fill-teal-500-cc {
    fill: var(--c-teal-500) !important
}

.fill-teal-600-cc {
    fill: var(--c-teal-600) !important
}

.fill-teal-700-cc {
    fill: var(--c-teal-700) !important
}

.fill-teal-800-cc {
    fill: var(--c-teal-800) !important
}

.fill-teal-900-cc {
    fill: var(--c-teal-900) !important
}

.fill-yellow-cc {
    fill: var(--c-yellow) !important
}

.fill-yellow-100-cc {
    fill: var(--c-yellow-100) !important
}

.fill-yellow-200-cc {
    fill: var(--c-yellow-200) !important
}

.fill-yellow-300-cc {
    fill: var(--c-yellow-300) !important
}

.fill-yellow-400-cc {
    fill: var(--c-yellow-400) !important
}

.fill-yellow-500-cc {
    fill: var(--c-yellow-500) !important
}

.fill-yellow-600-cc {
    fill: var(--c-yellow-600) !important
}

.fill-yellow-700-cc {
    fill: var(--c-yellow-700) !important
}

.fill-yellow-800-cc {
    fill: var(--c-yellow-800) !important
}

.fill-yellow-900-cc {
    fill: var(--c-yellow-900) !important
}

.fill-primary-hover-cc {
    fill: var(--c-primary) !important
}

.fill-primary-100-hover-cc {
    fill: var(--c-primary-100) !important
}

.fill-primary-200-hover-cc {
    fill: var(--c-primary-200) !important
}

.fill-primary-300-hover-cc {
    fill: var(--c-primary-300) !important
}

.fill-primary-400-hover-cc {
    fill: var(--c-primary-400) !important
}

.fill-primary-500-hover-cc {
    fill: var(--c-primary-500) !important
}

.fill-primary-600-hover-cc {
    fill: var(--c-primary-600) !important
}

.fill-primary-700-hover-cc {
    fill: var(--c-primary-700) !important
}

.fill-primary-800-hover-cc {
    fill: var(--c-primary-800) !important
}

.fill-primary-900-hover-cc {
    fill: var(--c-primary-900) !important
}

.fill-secondary-hover-cc {
    fill: var(--c-secondary) !important
}

.fill-secondary-100-hover-cc {
    fill: var(--c-secondary-100) !important
}

.fill-secondary-200-hover-cc {
    fill: var(--c-secondary-200) !important
}

.fill-secondary-300-hover-cc {
    fill: var(--c-secondary-300) !important
}

.fill-secondary-400-hover-cc {
    fill: var(--c-secondary-400) !important
}

.fill-secondary-500-hover-cc {
    fill: var(--c-secondary-500) !important
}

.fill-secondary-600-hover-cc {
    fill: var(--c-secondary-600) !important
}

.fill-secondary-700-hover-cc {
    fill: var(--c-secondary-700) !important
}

.fill-secondary-800-hover-cc {
    fill: var(--c-secondary-800) !important
}

.fill-secondary-900-hover-cc {
    fill: var(--c-secondary-900) !important
}

.fill-danger-hover-cc {
    fill: var(--c-danger) !important
}

.fill-danger-100-hover-cc {
    fill: var(--c-danger-100) !important
}

.fill-danger-200-hover-cc {
    fill: var(--c-danger-200) !important
}

.fill-danger-300-hover-cc {
    fill: var(--c-danger-300) !important
}

.fill-danger-400-hover-cc {
    fill: var(--c-danger-400) !important
}

.fill-danger-500-hover-cc {
    fill: var(--c-danger-500) !important
}

.fill-danger-600-hover-cc {
    fill: var(--c-danger-600) !important
}

.fill-danger-700-hover-cc {
    fill: var(--c-danger-700) !important
}

.fill-danger-800-hover-cc {
    fill: var(--c-danger-800) !important
}

.fill-danger-900-hover-cc {
    fill: var(--c-danger-900) !important
}

.fill-dark-hover-cc {
    fill: var(--c-dark) !important
}

.fill-dark-100-hover-cc {
    fill: var(--c-dark-100) !important
}

.fill-dark-200-hover-cc {
    fill: var(--c-dark-200) !important
}

.fill-dark-300-hover-cc {
    fill: var(--c-dark-300) !important
}

.fill-dark-400-hover-cc {
    fill: var(--c-dark-400) !important
}

.fill-dark-500-hover-cc {
    fill: var(--c-dark-500) !important
}

.fill-dark-600-hover-cc {
    fill: var(--c-dark-600) !important
}

.fill-dark-700-hover-cc {
    fill: var(--c-dark-700) !important
}

.fill-dark-800-hover-cc {
    fill: var(--c-dark-800) !important
}

.fill-dark-900-hover-cc {
    fill: var(--c-dark-900) !important
}

.fill-info-hover-cc {
    fill: var(--c-info) !important
}

.fill-info-100-hover-cc {
    fill: var(--c-info-100) !important
}

.fill-info-200-hover-cc {
    fill: var(--c-info-200) !important
}

.fill-info-300-hover-cc {
    fill: var(--c-info-300) !important
}

.fill-info-400-hover-cc {
    fill: var(--c-info-400) !important
}

.fill-info-500-hover-cc {
    fill: var(--c-info-500) !important
}

.fill-info-600-hover-cc {
    fill: var(--c-info-600) !important
}

.fill-info-700-hover-cc {
    fill: var(--c-info-700) !important
}

.fill-info-800-hover-cc {
    fill: var(--c-info-800) !important
}

.fill-info-900-hover-cc {
    fill: var(--c-info-900) !important
}

.fill-light-hover-cc {
    fill: var(--c-light) !important
}

.fill-light-100-hover-cc {
    fill: var(--c-light-100) !important
}

.fill-light-200-hover-cc {
    fill: var(--c-light-200) !important
}

.fill-light-300-hover-cc {
    fill: var(--c-light-300) !important
}

.fill-light-400-hover-cc {
    fill: var(--c-light-400) !important
}

.fill-light-500-hover-cc {
    fill: var(--c-light-500) !important
}

.fill-light-600-hover-cc {
    fill: var(--c-light-600) !important
}

.fill-light-700-hover-cc {
    fill: var(--c-light-700) !important
}

.fill-light-800-hover-cc {
    fill: var(--c-light-800) !important
}

.fill-light-900-hover-cc {
    fill: var(--c-light-900) !important
}

.fill-success-hover-cc {
    fill: var(--c-success) !important
}

.fill-success-100-hover-cc {
    fill: var(--c-success-100) !important
}

.fill-success-200-hover-cc {
    fill: var(--c-success-200) !important
}

.fill-success-300-hover-cc {
    fill: var(--c-success-300) !important
}

.fill-success-400-hover-cc {
    fill: var(--c-success-400) !important
}

.fill-success-500-hover-cc {
    fill: var(--c-success-500) !important
}

.fill-success-600-hover-cc {
    fill: var(--c-success-600) !important
}

.fill-success-700-hover-cc {
    fill: var(--c-success-700) !important
}

.fill-success-800-hover-cc {
    fill: var(--c-success-800) !important
}

.fill-success-900-hover-cc {
    fill: var(--c-success-900) !important
}

.fill-warning-hover-cc {
    fill: var(--c-warning) !important
}

.fill-warning-100-hover-cc {
    fill: var(--c-warning-100) !important
}

.fill-warning-200-hover-cc {
    fill: var(--c-warning-200) !important
}

.fill-warning-300-hover-cc {
    fill: var(--c-warning-300) !important
}

.fill-warning-400-hover-cc {
    fill: var(--c-warning-400) !important
}

.fill-warning-500-hover-cc {
    fill: var(--c-warning-500) !important
}

.fill-warning-600-hover-cc {
    fill: var(--c-warning-600) !important
}

.fill-warning-700-hover-cc {
    fill: var(--c-warning-700) !important
}

.fill-warning-800-hover-cc {
    fill: var(--c-warning-800) !important
}

.fill-warning-900-hover-cc {
    fill: var(--c-warning-900) !important
}

.fill-white-hover-cc {
    fill: var(--c-white) !important
}

.fill-white-100-hover-cc {
    fill: var(--c-white-100) !important
}

.fill-white-200-hover-cc {
    fill: var(--c-white-200) !important
}

.fill-white-300-hover-cc {
    fill: var(--c-white-300) !important
}

.fill-white-400-hover-cc {
    fill: var(--c-white-400) !important
}

.fill-white-500-hover-cc {
    fill: var(--c-white-500) !important
}

.fill-white-600-hover-cc {
    fill: var(--c-white-600) !important
}

.fill-white-700-hover-cc {
    fill: var(--c-white-700) !important
}

.fill-white-800-hover-cc {
    fill: var(--c-white-800) !important
}

.fill-white-900-hover-cc {
    fill: var(--c-white-900) !important
}

.fill-blue-hover-cc {
    fill: var(--c-blue) !important
}

.fill-blue-100-hover-cc {
    fill: var(--c-blue-100) !important
}

.fill-blue-200-hover-cc {
    fill: var(--c-blue-200) !important
}

.fill-blue-300-hover-cc {
    fill: var(--c-blue-300) !important
}

.fill-blue-400-hover-cc {
    fill: var(--c-blue-400) !important
}

.fill-blue-500-hover-cc {
    fill: var(--c-blue-500) !important
}

.fill-blue-600-hover-cc {
    fill: var(--c-blue-600) !important
}

.fill-blue-700-hover-cc {
    fill: var(--c-blue-700) !important
}

.fill-blue-800-hover-cc {
    fill: var(--c-blue-800) !important
}

.fill-blue-900-hover-cc {
    fill: var(--c-blue-900) !important
}

.fill-cyan-hover-cc {
    fill: var(--c-cyan) !important
}

.fill-cyan-100-hover-cc {
    fill: var(--c-cyan-100) !important
}

.fill-cyan-200-hover-cc {
    fill: var(--c-cyan-200) !important
}

.fill-cyan-300-hover-cc {
    fill: var(--c-cyan-300) !important
}

.fill-cyan-400-hover-cc {
    fill: var(--c-cyan-400) !important
}

.fill-cyan-500-hover-cc {
    fill: var(--c-cyan-500) !important
}

.fill-cyan-600-hover-cc {
    fill: var(--c-cyan-600) !important
}

.fill-cyan-700-hover-cc {
    fill: var(--c-cyan-700) !important
}

.fill-cyan-800-hover-cc {
    fill: var(--c-cyan-800) !important
}

.fill-cyan-900-hover-cc {
    fill: var(--c-cyan-900) !important
}

.fill-gray-hover-cc {
    fill: var(--c-gray) !important
}

.fill-gray-100-hover-cc {
    fill: var(--c-gray-100) !important
}

.fill-gray-200-hover-cc {
    fill: var(--c-gray-200) !important
}

.fill-gray-300-hover-cc {
    fill: var(--c-gray-300) !important
}

.fill-gray-400-hover-cc {
    fill: var(--c-gray-400) !important
}

.fill-gray-500-hover-cc {
    fill: var(--c-gray-500) !important
}

.fill-gray-600-hover-cc {
    fill: var(--c-gray-600) !important
}

.fill-gray-700-hover-cc {
    fill: var(--c-gray-700) !important
}

.fill-gray-800-hover-cc {
    fill: var(--c-gray-800) !important
}

.fill-gray-900-hover-cc {
    fill: var(--c-gray-900) !important
}

.fill-green-hover-cc {
    fill: var(--c-green) !important
}

.fill-green-100-hover-cc {
    fill: var(--c-green-100) !important
}

.fill-green-200-hover-cc {
    fill: var(--c-green-200) !important
}

.fill-green-300-hover-cc {
    fill: var(--c-green-300) !important
}

.fill-green-400-hover-cc {
    fill: var(--c-green-400) !important
}

.fill-green-500-hover-cc {
    fill: var(--c-green-500) !important
}

.fill-green-600-hover-cc {
    fill: var(--c-green-600) !important
}

.fill-green-700-hover-cc {
    fill: var(--c-green-700) !important
}

.fill-green-800-hover-cc {
    fill: var(--c-green-800) !important
}

.fill-green-900-hover-cc {
    fill: var(--c-green-900) !important
}

.fill-indigo-hover-cc {
    fill: var(--c-indigo) !important
}

.fill-indigo-100-hover-cc {
    fill: var(--c-indigo-100) !important
}

.fill-indigo-200-hover-cc {
    fill: var(--c-indigo-200) !important
}

.fill-indigo-300-hover-cc {
    fill: var(--c-indigo-300) !important
}

.fill-indigo-400-hover-cc {
    fill: var(--c-indigo-400) !important
}

.fill-indigo-500-hover-cc {
    fill: var(--c-indigo-500) !important
}

.fill-indigo-600-hover-cc {
    fill: var(--c-indigo-600) !important
}

.fill-indigo-700-hover-cc {
    fill: var(--c-indigo-700) !important
}

.fill-indigo-800-hover-cc {
    fill: var(--c-indigo-800) !important
}

.fill-indigo-900-hover-cc {
    fill: var(--c-indigo-900) !important
}

.fill-orange-hover-cc {
    fill: var(--c-orange) !important
}

.fill-orange-100-hover-cc {
    fill: var(--c-orange-100) !important
}

.fill-orange-200-hover-cc {
    fill: var(--c-orange-200) !important
}

.fill-orange-300-hover-cc {
    fill: var(--c-orange-300) !important
}

.fill-orange-400-hover-cc {
    fill: var(--c-orange-400) !important
}

.fill-orange-500-hover-cc {
    fill: var(--c-orange-500) !important
}

.fill-orange-600-hover-cc {
    fill: var(--c-orange-600) !important
}

.fill-orange-700-hover-cc {
    fill: var(--c-orange-700) !important
}

.fill-orange-800-hover-cc {
    fill: var(--c-orange-800) !important
}

.fill-orange-900-hover-cc {
    fill: var(--c-orange-900) !important
}

.fill-muted-hover-cc {
    fill: var(--c-muted) !important
}

.fill-muted-100-hover-cc {
    fill: var(--c-muted-100) !important
}

.fill-muted-200-hover-cc {
    fill: var(--c-muted-200) !important
}

.fill-muted-300-hover-cc {
    fill: var(--c-muted-300) !important
}

.fill-muted-400-hover-cc {
    fill: var(--c-muted-400) !important
}

.fill-muted-500-hover-cc {
    fill: var(--c-muted-500) !important
}

.fill-muted-600-hover-cc {
    fill: var(--c-muted-600) !important
}

.fill-muted-700-hover-cc {
    fill: var(--c-muted-700) !important
}

.fill-muted-800-hover-cc {
    fill: var(--c-muted-800) !important
}

.fill-muted-900-hover-cc {
    fill: var(--c-muted-900) !important
}

.fill-red-hover-cc {
    fill: var(--c-red) !important
}

.fill-red-100-hover-cc {
    fill: var(--c-red-100) !important
}

.fill-red-200-hover-cc {
    fill: var(--c-red-200) !important
}

.fill-red-300-hover-cc {
    fill: var(--c-red-300) !important
}

.fill-red-400-hover-cc {
    fill: var(--c-red-400) !important
}

.fill-red-500-hover-cc {
    fill: var(--c-red-500) !important
}

.fill-red-600-hover-cc {
    fill: var(--c-red-600) !important
}

.fill-red-700-hover-cc {
    fill: var(--c-red-700) !important
}

.fill-red-800-hover-cc {
    fill: var(--c-red-800) !important
}

.fill-red-900-hover-cc {
    fill: var(--c-red-900) !important
}

.fill-purple-hover-cc {
    fill: var(--c-purple) !important
}

.fill-purple-100-hover-cc {
    fill: var(--c-purple-100) !important
}

.fill-purple-200-hover-cc {
    fill: var(--c-purple-200) !important
}

.fill-purple-300-hover-cc {
    fill: var(--c-purple-300) !important
}

.fill-purple-400-hover-cc {
    fill: var(--c-purple-400) !important
}

.fill-purple-500-hover-cc {
    fill: var(--c-purple-500) !important
}

.fill-purple-600-hover-cc {
    fill: var(--c-purple-600) !important
}

.fill-purple-700-hover-cc {
    fill: var(--c-purple-700) !important
}

.fill-purple-800-hover-cc {
    fill: var(--c-purple-800) !important
}

.fill-purple-900-hover-cc {
    fill: var(--c-purple-900) !important
}

.fill-pink-hover-cc {
    fill: var(--c-pink) !important
}

.fill-pink-100-hover-cc {
    fill: var(--c-pink-100) !important
}

.fill-pink-200-hover-cc {
    fill: var(--c-pink-200) !important
}

.fill-pink-300-hover-cc {
    fill: var(--c-pink-300) !important
}

.fill-pink-400-hover-cc {
    fill: var(--c-pink-400) !important
}

.fill-pink-500-hover-cc {
    fill: var(--c-pink-500) !important
}

.fill-pink-600-hover-cc {
    fill: var(--c-pink-600) !important
}

.fill-pink-700-hover-cc {
    fill: var(--c-pink-700) !important
}

.fill-pink-800-hover-cc {
    fill: var(--c-pink-800) !important
}

.fill-pink-900-hover-cc {
    fill: var(--c-pink-900) !important
}

.fill-teal-hover-cc {
    fill: var(--c-teal) !important
}

.fill-teal-100-hover-cc {
    fill: var(--c-teal-100) !important
}

.fill-teal-200-hover-cc {
    fill: var(--c-teal-200) !important
}

.fill-teal-300-hover-cc {
    fill: var(--c-teal-300) !important
}

.fill-teal-400-hover-cc {
    fill: var(--c-teal-400) !important
}

.fill-teal-500-hover-cc {
    fill: var(--c-teal-500) !important
}

.fill-teal-600-hover-cc {
    fill: var(--c-teal-600) !important
}

.fill-teal-700-hover-cc {
    fill: var(--c-teal-700) !important
}

.fill-teal-800-hover-cc {
    fill: var(--c-teal-800) !important
}

.fill-teal-900-hover-cc {
    fill: var(--c-teal-900) !important
}

.fill-yellow-hover-cc {
    fill: var(--c-yellow) !important
}

.fill-yellow-100-hover-cc {
    fill: var(--c-yellow-100) !important
}

.fill-yellow-200-hover-cc {
    fill: var(--c-yellow-200) !important
}

.fill-yellow-300-hover-cc {
    fill: var(--c-yellow-300) !important
}

.fill-yellow-400-hover-cc {
    fill: var(--c-yellow-400) !important
}

.fill-yellow-500-hover-cc {
    fill: var(--c-yellow-500) !important
}

.fill-yellow-600-hover-cc {
    fill: var(--c-yellow-600) !important
}

.fill-yellow-700-hover-cc {
    fill: var(--c-yellow-700) !important
}

.fill-yellow-800-hover-cc {
    fill: var(--c-yellow-800) !important
}

.fill-yellow-900-hover-cc {
    fill: var(--c-yellow-900) !important
}

.stroke-primary-cc {
    stroke: var(--c-primary) !important
}

.stroke-primary-100-cc {
    stroke: var(--c-primary-100) !important
}

.stroke-primary-200-cc {
    stroke: var(--c-primary-200) !important
}

.stroke-primary-300-cc {
    stroke: var(--c-primary-300) !important
}

.stroke-primary-400-cc {
    stroke: var(--c-primary-400) !important
}

.stroke-primary-500-cc {
    stroke: var(--c-primary-500) !important
}

.stroke-primary-600-cc {
    stroke: var(--c-primary-600) !important
}

.stroke-primary-700-cc {
    stroke: var(--c-primary-700) !important
}

.stroke-primary-800-cc {
    stroke: var(--c-primary-800) !important
}

.stroke-primary-900-cc {
    stroke: var(--c-primary-900) !important
}

.stroke-secondary-cc {
    stroke: var(--c-secondary) !important
}

.stroke-secondary-100-cc {
    stroke: var(--c-secondary-100) !important
}

.stroke-secondary-200-cc {
    stroke: var(--c-secondary-200) !important
}

.stroke-secondary-300-cc {
    stroke: var(--c-secondary-300) !important
}

.stroke-secondary-400-cc {
    stroke: var(--c-secondary-400) !important
}

.stroke-secondary-500-cc {
    stroke: var(--c-secondary-500) !important
}

.stroke-secondary-600-cc {
    stroke: var(--c-secondary-600) !important
}

.stroke-secondary-700-cc {
    stroke: var(--c-secondary-700) !important
}

.stroke-secondary-800-cc {
    stroke: var(--c-secondary-800) !important
}

.stroke-secondary-900-cc {
    stroke: var(--c-secondary-900) !important
}

.stroke-danger-cc {
    stroke: var(--c-danger) !important
}

.stroke-danger-100-cc {
    stroke: var(--c-danger-100) !important
}

.stroke-danger-200-cc {
    stroke: var(--c-danger-200) !important
}

.stroke-danger-300-cc {
    stroke: var(--c-danger-300) !important
}

.stroke-danger-400-cc {
    stroke: var(--c-danger-400) !important
}

.stroke-danger-500-cc {
    stroke: var(--c-danger-500) !important
}

.stroke-danger-600-cc {
    stroke: var(--c-danger-600) !important
}

.stroke-danger-700-cc {
    stroke: var(--c-danger-700) !important
}

.stroke-danger-800-cc {
    stroke: var(--c-danger-800) !important
}

.stroke-danger-900-cc {
    stroke: var(--c-danger-900) !important
}

.stroke-dark-cc {
    stroke: var(--c-dark) !important
}

.stroke-dark-100-cc {
    stroke: var(--c-dark-100) !important
}

.stroke-dark-200-cc {
    stroke: var(--c-dark-200) !important
}

.stroke-dark-300-cc {
    stroke: var(--c-dark-300) !important
}

.stroke-dark-400-cc {
    stroke: var(--c-dark-400) !important
}

.stroke-dark-500-cc {
    stroke: var(--c-dark-500) !important
}

.stroke-dark-600-cc {
    stroke: var(--c-dark-600) !important
}

.stroke-dark-700-cc {
    stroke: var(--c-dark-700) !important
}

.stroke-dark-800-cc {
    stroke: var(--c-dark-800) !important
}

.stroke-dark-900-cc {
    stroke: var(--c-dark-900) !important
}

.stroke-info-cc {
    stroke: var(--c-info) !important
}

.stroke-info-100-cc {
    stroke: var(--c-info-100) !important
}

.stroke-info-200-cc {
    stroke: var(--c-info-200) !important
}

.stroke-info-300-cc {
    stroke: var(--c-info-300) !important
}

.stroke-info-400-cc {
    stroke: var(--c-info-400) !important
}

.stroke-info-500-cc {
    stroke: var(--c-info-500) !important
}

.stroke-info-600-cc {
    stroke: var(--c-info-600) !important
}

.stroke-info-700-cc {
    stroke: var(--c-info-700) !important
}

.stroke-info-800-cc {
    stroke: var(--c-info-800) !important
}

.stroke-info-900-cc {
    stroke: var(--c-info-900) !important
}

.stroke-light-cc {
    stroke: var(--c-light) !important
}

.stroke-light-100-cc {
    stroke: var(--c-light-100) !important
}

.stroke-light-200-cc {
    stroke: var(--c-light-200) !important
}

.stroke-light-300-cc {
    stroke: var(--c-light-300) !important
}

.stroke-light-400-cc {
    stroke: var(--c-light-400) !important
}

.stroke-light-500-cc {
    stroke: var(--c-light-500) !important
}

.stroke-light-600-cc {
    stroke: var(--c-light-600) !important
}

.stroke-light-700-cc {
    stroke: var(--c-light-700) !important
}

.stroke-light-800-cc {
    stroke: var(--c-light-800) !important
}

.stroke-light-900-cc {
    stroke: var(--c-light-900) !important
}

.stroke-success-cc {
    stroke: var(--c-success) !important
}

.stroke-success-100-cc {
    stroke: var(--c-success-100) !important
}

.stroke-success-200-cc {
    stroke: var(--c-success-200) !important
}

.stroke-success-300-cc {
    stroke: var(--c-success-300) !important
}

.stroke-success-400-cc {
    stroke: var(--c-success-400) !important
}

.stroke-success-500-cc {
    stroke: var(--c-success-500) !important
}

.stroke-success-600-cc {
    stroke: var(--c-success-600) !important
}

.stroke-success-700-cc {
    stroke: var(--c-success-700) !important
}

.stroke-success-800-cc {
    stroke: var(--c-success-800) !important
}

.stroke-success-900-cc {
    stroke: var(--c-success-900) !important
}

.stroke-warning-cc {
    stroke: var(--c-warning) !important
}

.stroke-warning-100-cc {
    stroke: var(--c-warning-100) !important
}

.stroke-warning-200-cc {
    stroke: var(--c-warning-200) !important
}

.stroke-warning-300-cc {
    stroke: var(--c-warning-300) !important
}

.stroke-warning-400-cc {
    stroke: var(--c-warning-400) !important
}

.stroke-warning-500-cc {
    stroke: var(--c-warning-500) !important
}

.stroke-warning-600-cc {
    stroke: var(--c-warning-600) !important
}

.stroke-warning-700-cc {
    stroke: var(--c-warning-700) !important
}

.stroke-warning-800-cc {
    stroke: var(--c-warning-800) !important
}

.stroke-warning-900-cc {
    stroke: var(--c-warning-900) !important
}

.stroke-white-cc {
    stroke: var(--c-white) !important
}

.stroke-white-100-cc {
    stroke: var(--c-white-100) !important
}

.stroke-white-200-cc {
    stroke: var(--c-white-200) !important
}

.stroke-white-300-cc {
    stroke: var(--c-white-300) !important
}

.stroke-white-400-cc {
    stroke: var(--c-white-400) !important
}

.stroke-white-500-cc {
    stroke: var(--c-white-500) !important
}

.stroke-white-600-cc {
    stroke: var(--c-white-600) !important
}

.stroke-white-700-cc {
    stroke: var(--c-white-700) !important
}

.stroke-white-800-cc {
    stroke: var(--c-white-800) !important
}

.stroke-white-900-cc {
    stroke: var(--c-white-900) !important
}

.stroke-blue-cc {
    stroke: var(--c-blue) !important
}

.stroke-blue-100-cc {
    stroke: var(--c-blue-100) !important
}

.stroke-blue-200-cc {
    stroke: var(--c-blue-200) !important
}

.stroke-blue-300-cc {
    stroke: var(--c-blue-300) !important
}

.stroke-blue-400-cc {
    stroke: var(--c-blue-400) !important
}

.stroke-blue-500-cc {
    stroke: var(--c-blue-500) !important
}

.stroke-blue-600-cc {
    stroke: var(--c-blue-600) !important
}

.stroke-blue-700-cc {
    stroke: var(--c-blue-700) !important
}

.stroke-blue-800-cc {
    stroke: var(--c-blue-800) !important
}

.stroke-blue-900-cc {
    stroke: var(--c-blue-900) !important
}

.stroke-cyan-cc {
    stroke: var(--c-cyan) !important
}

.stroke-cyan-100-cc {
    stroke: var(--c-cyan-100) !important
}

.stroke-cyan-200-cc {
    stroke: var(--c-cyan-200) !important
}

.stroke-cyan-300-cc {
    stroke: var(--c-cyan-300) !important
}

.stroke-cyan-400-cc {
    stroke: var(--c-cyan-400) !important
}

.stroke-cyan-500-cc {
    stroke: var(--c-cyan-500) !important
}

.stroke-cyan-600-cc {
    stroke: var(--c-cyan-600) !important
}

.stroke-cyan-700-cc {
    stroke: var(--c-cyan-700) !important
}

.stroke-cyan-800-cc {
    stroke: var(--c-cyan-800) !important
}

.stroke-cyan-900-cc {
    stroke: var(--c-cyan-900) !important
}

.stroke-gray-cc {
    stroke: var(--c-gray) !important
}

.stroke-gray-100-cc {
    stroke: var(--c-gray-100) !important
}

.stroke-gray-200-cc {
    stroke: var(--c-gray-200) !important
}

.stroke-gray-300-cc {
    stroke: var(--c-gray-300) !important
}

.stroke-gray-400-cc {
    stroke: var(--c-gray-400) !important
}

.stroke-gray-500-cc {
    stroke: var(--c-gray-500) !important
}

.stroke-gray-600-cc {
    stroke: var(--c-gray-600) !important
}

.stroke-gray-700-cc {
    stroke: var(--c-gray-700) !important
}

.stroke-gray-800-cc {
    stroke: var(--c-gray-800) !important
}

.stroke-gray-900-cc {
    stroke: var(--c-gray-900) !important
}

.stroke-green-cc {
    stroke: var(--c-green) !important
}

.stroke-green-100-cc {
    stroke: var(--c-green-100) !important
}

.stroke-green-200-cc {
    stroke: var(--c-green-200) !important
}

.stroke-green-300-cc {
    stroke: var(--c-green-300) !important
}

.stroke-green-400-cc {
    stroke: var(--c-green-400) !important
}

.stroke-green-500-cc {
    stroke: var(--c-green-500) !important
}

.stroke-green-600-cc {
    stroke: var(--c-green-600) !important
}

.stroke-green-700-cc {
    stroke: var(--c-green-700) !important
}

.stroke-green-800-cc {
    stroke: var(--c-green-800) !important
}

.stroke-green-900-cc {
    stroke: var(--c-green-900) !important
}

.stroke-indigo-cc {
    stroke: var(--c-indigo) !important
}

.stroke-indigo-100-cc {
    stroke: var(--c-indigo-100) !important
}

.stroke-indigo-200-cc {
    stroke: var(--c-indigo-200) !important
}

.stroke-indigo-300-cc {
    stroke: var(--c-indigo-300) !important
}

.stroke-indigo-400-cc {
    stroke: var(--c-indigo-400) !important
}

.stroke-indigo-500-cc {
    stroke: var(--c-indigo-500) !important
}

.stroke-indigo-600-cc {
    stroke: var(--c-indigo-600) !important
}

.stroke-indigo-700-cc {
    stroke: var(--c-indigo-700) !important
}

.stroke-indigo-800-cc {
    stroke: var(--c-indigo-800) !important
}

.stroke-indigo-900-cc {
    stroke: var(--c-indigo-900) !important
}

.stroke-orange-cc {
    stroke: var(--c-orange) !important
}

.stroke-orange-100-cc {
    stroke: var(--c-orange-100) !important
}

.stroke-orange-200-cc {
    stroke: var(--c-orange-200) !important
}

.stroke-orange-300-cc {
    stroke: var(--c-orange-300) !important
}

.stroke-orange-400-cc {
    stroke: var(--c-orange-400) !important
}

.stroke-orange-500-cc {
    stroke: var(--c-orange-500) !important
}

.stroke-orange-600-cc {
    stroke: var(--c-orange-600) !important
}

.stroke-orange-700-cc {
    stroke: var(--c-orange-700) !important
}

.stroke-orange-800-cc {
    stroke: var(--c-orange-800) !important
}

.stroke-orange-900-cc {
    stroke: var(--c-orange-900) !important
}

.stroke-muted-cc {
    stroke: var(--c-muted) !important
}

.stroke-muted-100-cc {
    stroke: var(--c-muted-100) !important
}

.stroke-muted-200-cc {
    stroke: var(--c-muted-200) !important
}

.stroke-muted-300-cc {
    stroke: var(--c-muted-300) !important
}

.stroke-muted-400-cc {
    stroke: var(--c-muted-400) !important
}

.stroke-muted-500-cc {
    stroke: var(--c-muted-500) !important
}

.stroke-muted-600-cc {
    stroke: var(--c-muted-600) !important
}

.stroke-muted-700-cc {
    stroke: var(--c-muted-700) !important
}

.stroke-muted-800-cc {
    stroke: var(--c-muted-800) !important
}

.stroke-muted-900-cc {
    stroke: var(--c-muted-900) !important
}

.stroke-red-cc {
    stroke: var(--c-red) !important
}

.stroke-red-100-cc {
    stroke: var(--c-red-100) !important
}

.stroke-red-200-cc {
    stroke: var(--c-red-200) !important
}

.stroke-red-300-cc {
    stroke: var(--c-red-300) !important
}

.stroke-red-400-cc {
    stroke: var(--c-red-400) !important
}

.stroke-red-500-cc {
    stroke: var(--c-red-500) !important
}

.stroke-red-600-cc {
    stroke: var(--c-red-600) !important
}

.stroke-red-700-cc {
    stroke: var(--c-red-700) !important
}

.stroke-red-800-cc {
    stroke: var(--c-red-800) !important
}

.stroke-red-900-cc {
    stroke: var(--c-red-900) !important
}

.stroke-purple-cc {
    stroke: var(--c-purple) !important
}

.stroke-purple-100-cc {
    stroke: var(--c-purple-100) !important
}

.stroke-purple-200-cc {
    stroke: var(--c-purple-200) !important
}

.stroke-purple-300-cc {
    stroke: var(--c-purple-300) !important
}

.stroke-purple-400-cc {
    stroke: var(--c-purple-400) !important
}

.stroke-purple-500-cc {
    stroke: var(--c-purple-500) !important
}

.stroke-purple-600-cc {
    stroke: var(--c-purple-600) !important
}

.stroke-purple-700-cc {
    stroke: var(--c-purple-700) !important
}

.stroke-purple-800-cc {
    stroke: var(--c-purple-800) !important
}

.stroke-purple-900-cc {
    stroke: var(--c-purple-900) !important
}

.stroke-pink-cc {
    stroke: var(--c-pink) !important
}

.stroke-pink-100-cc {
    stroke: var(--c-pink-100) !important
}

.stroke-pink-200-cc {
    stroke: var(--c-pink-200) !important
}

.stroke-pink-300-cc {
    stroke: var(--c-pink-300) !important
}

.stroke-pink-400-cc {
    stroke: var(--c-pink-400) !important
}

.stroke-pink-500-cc {
    stroke: var(--c-pink-500) !important
}

.stroke-pink-600-cc {
    stroke: var(--c-pink-600) !important
}

.stroke-pink-700-cc {
    stroke: var(--c-pink-700) !important
}

.stroke-pink-800-cc {
    stroke: var(--c-pink-800) !important
}

.stroke-pink-900-cc {
    stroke: var(--c-pink-900) !important
}

.stroke-teal-cc {
    stroke: var(--c-teal) !important
}

.stroke-teal-100-cc {
    stroke: var(--c-teal-100) !important
}

.stroke-teal-200-cc {
    stroke: var(--c-teal-200) !important
}

.stroke-teal-300-cc {
    stroke: var(--c-teal-300) !important
}

.stroke-teal-400-cc {
    stroke: var(--c-teal-400) !important
}

.stroke-teal-500-cc {
    stroke: var(--c-teal-500) !important
}

.stroke-teal-600-cc {
    stroke: var(--c-teal-600) !important
}

.stroke-teal-700-cc {
    stroke: var(--c-teal-700) !important
}

.stroke-teal-800-cc {
    stroke: var(--c-teal-800) !important
}

.stroke-teal-900-cc {
    stroke: var(--c-teal-900) !important
}

.stroke-yellow-cc {
    stroke: var(--c-yellow) !important
}

.stroke-yellow-100-cc {
    stroke: var(--c-yellow-100) !important
}

.stroke-yellow-200-cc {
    stroke: var(--c-yellow-200) !important
}

.stroke-yellow-300-cc {
    stroke: var(--c-yellow-300) !important
}

.stroke-yellow-400-cc {
    stroke: var(--c-yellow-400) !important
}

.stroke-yellow-500-cc {
    stroke: var(--c-yellow-500) !important
}

.stroke-yellow-600-cc {
    stroke: var(--c-yellow-600) !important
}

.stroke-yellow-700-cc {
    stroke: var(--c-yellow-700) !important
}

.stroke-yellow-800-cc {
    stroke: var(--c-yellow-800) !important
}

.stroke-yellow-900-cc {
    stroke: var(--c-yellow-900) !important
}

.stroke-primary-hover-cc {
    stroke: var(--c-primary) !important
}

.stroke-primary-100-hover-cc {
    stroke: var(--c-primary-100) !important
}

.stroke-primary-200-hover-cc {
    stroke: var(--c-primary-200) !important
}

.stroke-primary-300-hover-cc {
    stroke: var(--c-primary-300) !important
}

.stroke-primary-400-hover-cc {
    stroke: var(--c-primary-400) !important
}

.stroke-primary-500-hover-cc {
    stroke: var(--c-primary-500) !important
}

.stroke-primary-600-hover-cc {
    stroke: var(--c-primary-600) !important
}

.stroke-primary-700-hover-cc {
    stroke: var(--c-primary-700) !important
}

.stroke-primary-800-hover-cc {
    stroke: var(--c-primary-800) !important
}

.stroke-primary-900-hover-cc {
    stroke: var(--c-primary-900) !important
}

.stroke-secondary-hover-cc {
    stroke: var(--c-secondary) !important
}

.stroke-secondary-100-hover-cc {
    stroke: var(--c-secondary-100) !important
}

.stroke-secondary-200-hover-cc {
    stroke: var(--c-secondary-200) !important
}

.stroke-secondary-300-hover-cc {
    stroke: var(--c-secondary-300) !important
}

.stroke-secondary-400-hover-cc {
    stroke: var(--c-secondary-400) !important
}

.stroke-secondary-500-hover-cc {
    stroke: var(--c-secondary-500) !important
}

.stroke-secondary-600-hover-cc {
    stroke: var(--c-secondary-600) !important
}

.stroke-secondary-700-hover-cc {
    stroke: var(--c-secondary-700) !important
}

.stroke-secondary-800-hover-cc {
    stroke: var(--c-secondary-800) !important
}

.stroke-secondary-900-hover-cc {
    stroke: var(--c-secondary-900) !important
}

.stroke-danger-hover-cc {
    stroke: var(--c-danger) !important
}

.stroke-danger-100-hover-cc {
    stroke: var(--c-danger-100) !important
}

.stroke-danger-200-hover-cc {
    stroke: var(--c-danger-200) !important
}

.stroke-danger-300-hover-cc {
    stroke: var(--c-danger-300) !important
}

.stroke-danger-400-hover-cc {
    stroke: var(--c-danger-400) !important
}

.stroke-danger-500-hover-cc {
    stroke: var(--c-danger-500) !important
}

.stroke-danger-600-hover-cc {
    stroke: var(--c-danger-600) !important
}

.stroke-danger-700-hover-cc {
    stroke: var(--c-danger-700) !important
}

.stroke-danger-800-hover-cc {
    stroke: var(--c-danger-800) !important
}

.stroke-danger-900-hover-cc {
    stroke: var(--c-danger-900) !important
}

.stroke-dark-hover-cc {
    stroke: var(--c-dark) !important
}

.stroke-dark-100-hover-cc {
    stroke: var(--c-dark-100) !important
}

.stroke-dark-200-hover-cc {
    stroke: var(--c-dark-200) !important
}

.stroke-dark-300-hover-cc {
    stroke: var(--c-dark-300) !important
}

.stroke-dark-400-hover-cc {
    stroke: var(--c-dark-400) !important
}

.stroke-dark-500-hover-cc {
    stroke: var(--c-dark-500) !important
}

.stroke-dark-600-hover-cc {
    stroke: var(--c-dark-600) !important
}

.stroke-dark-700-hover-cc {
    stroke: var(--c-dark-700) !important
}

.stroke-dark-800-hover-cc {
    stroke: var(--c-dark-800) !important
}

.stroke-dark-900-hover-cc {
    stroke: var(--c-dark-900) !important
}

.stroke-info-hover-cc {
    stroke: var(--c-info) !important
}

.stroke-info-100-hover-cc {
    stroke: var(--c-info-100) !important
}

.stroke-info-200-hover-cc {
    stroke: var(--c-info-200) !important
}

.stroke-info-300-hover-cc {
    stroke: var(--c-info-300) !important
}

.stroke-info-400-hover-cc {
    stroke: var(--c-info-400) !important
}

.stroke-info-500-hover-cc {
    stroke: var(--c-info-500) !important
}

.stroke-info-600-hover-cc {
    stroke: var(--c-info-600) !important
}

.stroke-info-700-hover-cc {
    stroke: var(--c-info-700) !important
}

.stroke-info-800-hover-cc {
    stroke: var(--c-info-800) !important
}

.stroke-info-900-hover-cc {
    stroke: var(--c-info-900) !important
}

.stroke-light-hover-cc {
    stroke: var(--c-light) !important
}

.stroke-light-100-hover-cc {
    stroke: var(--c-light-100) !important
}

.stroke-light-200-hover-cc {
    stroke: var(--c-light-200) !important
}

.stroke-light-300-hover-cc {
    stroke: var(--c-light-300) !important
}

.stroke-light-400-hover-cc {
    stroke: var(--c-light-400) !important
}

.stroke-light-500-hover-cc {
    stroke: var(--c-light-500) !important
}

.stroke-light-600-hover-cc {
    stroke: var(--c-light-600) !important
}

.stroke-light-700-hover-cc {
    stroke: var(--c-light-700) !important
}

.stroke-light-800-hover-cc {
    stroke: var(--c-light-800) !important
}

.stroke-light-900-hover-cc {
    stroke: var(--c-light-900) !important
}

.stroke-success-hover-cc {
    stroke: var(--c-success) !important
}

.stroke-success-100-hover-cc {
    stroke: var(--c-success-100) !important
}

.stroke-success-200-hover-cc {
    stroke: var(--c-success-200) !important
}

.stroke-success-300-hover-cc {
    stroke: var(--c-success-300) !important
}

.stroke-success-400-hover-cc {
    stroke: var(--c-success-400) !important
}

.stroke-success-500-hover-cc {
    stroke: var(--c-success-500) !important
}

.stroke-success-600-hover-cc {
    stroke: var(--c-success-600) !important
}

.stroke-success-700-hover-cc {
    stroke: var(--c-success-700) !important
}

.stroke-success-800-hover-cc {
    stroke: var(--c-success-800) !important
}

.stroke-success-900-hover-cc {
    stroke: var(--c-success-900) !important
}

.stroke-warning-hover-cc {
    stroke: var(--c-warning) !important
}

.stroke-warning-100-hover-cc {
    stroke: var(--c-warning-100) !important
}

.stroke-warning-200-hover-cc {
    stroke: var(--c-warning-200) !important
}

.stroke-warning-300-hover-cc {
    stroke: var(--c-warning-300) !important
}

.stroke-warning-400-hover-cc {
    stroke: var(--c-warning-400) !important
}

.stroke-warning-500-hover-cc {
    stroke: var(--c-warning-500) !important
}

.stroke-warning-600-hover-cc {
    stroke: var(--c-warning-600) !important
}

.stroke-warning-700-hover-cc {
    stroke: var(--c-warning-700) !important
}

.stroke-warning-800-hover-cc {
    stroke: var(--c-warning-800) !important
}

.stroke-warning-900-hover-cc {
    stroke: var(--c-warning-900) !important
}

.stroke-white-hover-cc {
    stroke: var(--c-white) !important
}

.stroke-white-100-hover-cc {
    stroke: var(--c-white-100) !important
}

.stroke-white-200-hover-cc {
    stroke: var(--c-white-200) !important
}

.stroke-white-300-hover-cc {
    stroke: var(--c-white-300) !important
}

.stroke-white-400-hover-cc {
    stroke: var(--c-white-400) !important
}

.stroke-white-500-hover-cc {
    stroke: var(--c-white-500) !important
}

.stroke-white-600-hover-cc {
    stroke: var(--c-white-600) !important
}

.stroke-white-700-hover-cc {
    stroke: var(--c-white-700) !important
}

.stroke-white-800-hover-cc {
    stroke: var(--c-white-800) !important
}

.stroke-white-900-hover-cc {
    stroke: var(--c-white-900) !important
}

.stroke-blue-hover-cc {
    stroke: var(--c-blue) !important
}

.stroke-blue-100-hover-cc {
    stroke: var(--c-blue-100) !important
}

.stroke-blue-200-hover-cc {
    stroke: var(--c-blue-200) !important
}

.stroke-blue-300-hover-cc {
    stroke: var(--c-blue-300) !important
}

.stroke-blue-400-hover-cc {
    stroke: var(--c-blue-400) !important
}

.stroke-blue-500-hover-cc {
    stroke: var(--c-blue-500) !important
}

.stroke-blue-600-hover-cc {
    stroke: var(--c-blue-600) !important
}

.stroke-blue-700-hover-cc {
    stroke: var(--c-blue-700) !important
}

.stroke-blue-800-hover-cc {
    stroke: var(--c-blue-800) !important
}

.stroke-blue-900-hover-cc {
    stroke: var(--c-blue-900) !important
}

.stroke-cyan-hover-cc {
    stroke: var(--c-cyan) !important
}

.stroke-cyan-100-hover-cc {
    stroke: var(--c-cyan-100) !important
}

.stroke-cyan-200-hover-cc {
    stroke: var(--c-cyan-200) !important
}

.stroke-cyan-300-hover-cc {
    stroke: var(--c-cyan-300) !important
}

.stroke-cyan-400-hover-cc {
    stroke: var(--c-cyan-400) !important
}

.stroke-cyan-500-hover-cc {
    stroke: var(--c-cyan-500) !important
}

.stroke-cyan-600-hover-cc {
    stroke: var(--c-cyan-600) !important
}

.stroke-cyan-700-hover-cc {
    stroke: var(--c-cyan-700) !important
}

.stroke-cyan-800-hover-cc {
    stroke: var(--c-cyan-800) !important
}

.stroke-cyan-900-hover-cc {
    stroke: var(--c-cyan-900) !important
}

.stroke-gray-hover-cc {
    stroke: var(--c-gray) !important
}

.stroke-gray-100-hover-cc {
    stroke: var(--c-gray-100) !important
}

.stroke-gray-200-hover-cc {
    stroke: var(--c-gray-200) !important
}

.stroke-gray-300-hover-cc {
    stroke: var(--c-gray-300) !important
}

.stroke-gray-400-hover-cc {
    stroke: var(--c-gray-400) !important
}

.stroke-gray-500-hover-cc {
    stroke: var(--c-gray-500) !important
}

.stroke-gray-600-hover-cc {
    stroke: var(--c-gray-600) !important
}

.stroke-gray-700-hover-cc {
    stroke: var(--c-gray-700) !important
}

.stroke-gray-800-hover-cc {
    stroke: var(--c-gray-800) !important
}

.stroke-gray-900-hover-cc {
    stroke: var(--c-gray-900) !important
}

.stroke-green-hover-cc {
    stroke: var(--c-green) !important
}

.stroke-green-100-hover-cc {
    stroke: var(--c-green-100) !important
}

.stroke-green-200-hover-cc {
    stroke: var(--c-green-200) !important
}

.stroke-green-300-hover-cc {
    stroke: var(--c-green-300) !important
}

.stroke-green-400-hover-cc {
    stroke: var(--c-green-400) !important
}

.stroke-green-500-hover-cc {
    stroke: var(--c-green-500) !important
}

.stroke-green-600-hover-cc {
    stroke: var(--c-green-600) !important
}

.stroke-green-700-hover-cc {
    stroke: var(--c-green-700) !important
}

.stroke-green-800-hover-cc {
    stroke: var(--c-green-800) !important
}

.stroke-green-900-hover-cc {
    stroke: var(--c-green-900) !important
}

.stroke-indigo-hover-cc {
    stroke: var(--c-indigo) !important
}

.stroke-indigo-100-hover-cc {
    stroke: var(--c-indigo-100) !important
}

.stroke-indigo-200-hover-cc {
    stroke: var(--c-indigo-200) !important
}

.stroke-indigo-300-hover-cc {
    stroke: var(--c-indigo-300) !important
}

.stroke-indigo-400-hover-cc {
    stroke: var(--c-indigo-400) !important
}

.stroke-indigo-500-hover-cc {
    stroke: var(--c-indigo-500) !important
}

.stroke-indigo-600-hover-cc {
    stroke: var(--c-indigo-600) !important
}

.stroke-indigo-700-hover-cc {
    stroke: var(--c-indigo-700) !important
}

.stroke-indigo-800-hover-cc {
    stroke: var(--c-indigo-800) !important
}

.stroke-indigo-900-hover-cc {
    stroke: var(--c-indigo-900) !important
}

.stroke-orange-hover-cc {
    stroke: var(--c-orange) !important
}

.stroke-orange-100-hover-cc {
    stroke: var(--c-orange-100) !important
}

.stroke-orange-200-hover-cc {
    stroke: var(--c-orange-200) !important
}

.stroke-orange-300-hover-cc {
    stroke: var(--c-orange-300) !important
}

.stroke-orange-400-hover-cc {
    stroke: var(--c-orange-400) !important
}

.stroke-orange-500-hover-cc {
    stroke: var(--c-orange-500) !important
}

.stroke-orange-600-hover-cc {
    stroke: var(--c-orange-600) !important
}

.stroke-orange-700-hover-cc {
    stroke: var(--c-orange-700) !important
}

.stroke-orange-800-hover-cc {
    stroke: var(--c-orange-800) !important
}

.stroke-orange-900-hover-cc {
    stroke: var(--c-orange-900) !important
}

.stroke-muted-hover-cc {
    stroke: var(--c-muted) !important
}

.stroke-muted-100-hover-cc {
    stroke: var(--c-muted-100) !important
}

.stroke-muted-200-hover-cc {
    stroke: var(--c-muted-200) !important
}

.stroke-muted-300-hover-cc {
    stroke: var(--c-muted-300) !important
}

.stroke-muted-400-hover-cc {
    stroke: var(--c-muted-400) !important
}

.stroke-muted-500-hover-cc {
    stroke: var(--c-muted-500) !important
}

.stroke-muted-600-hover-cc {
    stroke: var(--c-muted-600) !important
}

.stroke-muted-700-hover-cc {
    stroke: var(--c-muted-700) !important
}

.stroke-muted-800-hover-cc {
    stroke: var(--c-muted-800) !important
}

.stroke-muted-900-hover-cc {
    stroke: var(--c-muted-900) !important
}

.stroke-red-hover-cc {
    stroke: var(--c-red) !important
}

.stroke-red-100-hover-cc {
    stroke: var(--c-red-100) !important
}

.stroke-red-200-hover-cc {
    stroke: var(--c-red-200) !important
}

.stroke-red-300-hover-cc {
    stroke: var(--c-red-300) !important
}

.stroke-red-400-hover-cc {
    stroke: var(--c-red-400) !important
}

.stroke-red-500-hover-cc {
    stroke: var(--c-red-500) !important
}

.stroke-red-600-hover-cc {
    stroke: var(--c-red-600) !important
}

.stroke-red-700-hover-cc {
    stroke: var(--c-red-700) !important
}

.stroke-red-800-hover-cc {
    stroke: var(--c-red-800) !important
}

.stroke-red-900-hover-cc {
    stroke: var(--c-red-900) !important
}

.stroke-purple-hover-cc {
    stroke: var(--c-purple) !important
}

.stroke-purple-100-hover-cc {
    stroke: var(--c-purple-100) !important
}

.stroke-purple-200-hover-cc {
    stroke: var(--c-purple-200) !important
}

.stroke-purple-300-hover-cc {
    stroke: var(--c-purple-300) !important
}

.stroke-purple-400-hover-cc {
    stroke: var(--c-purple-400) !important
}

.stroke-purple-500-hover-cc {
    stroke: var(--c-purple-500) !important
}

.stroke-purple-600-hover-cc {
    stroke: var(--c-purple-600) !important
}

.stroke-purple-700-hover-cc {
    stroke: var(--c-purple-700) !important
}

.stroke-purple-800-hover-cc {
    stroke: var(--c-purple-800) !important
}

.stroke-purple-900-hover-cc {
    stroke: var(--c-purple-900) !important
}

.stroke-pink-hover-cc {
    stroke: var(--c-pink) !important
}

.stroke-pink-100-hover-cc {
    stroke: var(--c-pink-100) !important
}

.stroke-pink-200-hover-cc {
    stroke: var(--c-pink-200) !important
}

.stroke-pink-300-hover-cc {
    stroke: var(--c-pink-300) !important
}

.stroke-pink-400-hover-cc {
    stroke: var(--c-pink-400) !important
}

.stroke-pink-500-hover-cc {
    stroke: var(--c-pink-500) !important
}

.stroke-pink-600-hover-cc {
    stroke: var(--c-pink-600) !important
}

.stroke-pink-700-hover-cc {
    stroke: var(--c-pink-700) !important
}

.stroke-pink-800-hover-cc {
    stroke: var(--c-pink-800) !important
}

.stroke-pink-900-hover-cc {
    stroke: var(--c-pink-900) !important
}

.stroke-teal-hover-cc {
    stroke: var(--c-teal) !important
}

.stroke-teal-100-hover-cc {
    stroke: var(--c-teal-100) !important
}

.stroke-teal-200-hover-cc {
    stroke: var(--c-teal-200) !important
}

.stroke-teal-300-hover-cc {
    stroke: var(--c-teal-300) !important
}

.stroke-teal-400-hover-cc {
    stroke: var(--c-teal-400) !important
}

.stroke-teal-500-hover-cc {
    stroke: var(--c-teal-500) !important
}

.stroke-teal-600-hover-cc {
    stroke: var(--c-teal-600) !important
}

.stroke-teal-700-hover-cc {
    stroke: var(--c-teal-700) !important
}

.stroke-teal-800-hover-cc {
    stroke: var(--c-teal-800) !important
}

.stroke-teal-900-hover-cc {
    stroke: var(--c-teal-900) !important
}

.stroke-yellow-hover-cc {
    stroke: var(--c-yellow) !important
}

.stroke-yellow-100-hover-cc {
    stroke: var(--c-yellow-100) !important
}

.stroke-yellow-200-hover-cc {
    stroke: var(--c-yellow-200) !important
}

.stroke-yellow-300-hover-cc {
    stroke: var(--c-yellow-300) !important
}

.stroke-yellow-400-hover-cc {
    stroke: var(--c-yellow-400) !important
}

.stroke-yellow-500-hover-cc {
    stroke: var(--c-yellow-500) !important
}

.stroke-yellow-600-hover-cc {
    stroke: var(--c-yellow-600) !important
}

.stroke-yellow-700-hover-cc {
    stroke: var(--c-yellow-700) !important
}

.stroke-yellow-800-hover-cc {
    stroke: var(--c-yellow-800) !important
}

.stroke-yellow-900-hover-cc {
    stroke: var(--c-yellow-900) !important
}

.text-primary-cc {
    color: var(--c-primary) !important
}

.text-primary-100-cc {
    color: var(--c-primary-100) !important
}

.text-primary-200-cc {
    color: var(--c-primary-200) !important
}

.text-primary-300-cc {
    color: var(--c-primary-300) !important
}

.text-primary-400-cc {
    color: var(--c-primary-400) !important
}

.text-primary-500-cc {
    color: var(--c-primary-500) !important
}

.text-primary-600-cc {
    color: var(--c-primary-600) !important
}

.text-primary-700-cc {
    color: var(--c-primary-700) !important
}

.text-primary-800-cc {
    color: var(--c-primary-800) !important
}

.text-primary-900-cc {
    color: var(--c-primary-900) !important
}

.text-secondary-cc {
    color: var(--c-secondary) !important
}

.text-secondary-100-cc {
    color: var(--c-secondary-100) !important
}

.text-secondary-200-cc {
    color: var(--c-secondary-200) !important
}

.text-secondary-300-cc {
    color: var(--c-secondary-300) !important
}

.text-secondary-400-cc {
    color: var(--c-secondary-400) !important
}

.text-secondary-500-cc {
    color: var(--c-secondary-500) !important
}

.text-secondary-600-cc {
    color: var(--c-secondary-600) !important
}

.text-secondary-700-cc {
    color: var(--c-secondary-700) !important
}

.text-secondary-800-cc {
    color: var(--c-secondary-800) !important
}

.text-secondary-900-cc {
    color: var(--c-secondary-900) !important
}

.text-danger-cc {
    color: var(--c-danger) !important
}

.text-danger-100-cc {
    color: var(--c-danger-100) !important
}

.text-danger-200-cc {
    color: var(--c-danger-200) !important
}

.text-danger-300-cc {
    color: var(--c-danger-300) !important
}

.text-danger-400-cc {
    color: var(--c-danger-400) !important
}

.text-danger-500-cc {
    color: var(--c-danger-500) !important
}

.text-danger-600-cc {
    color: var(--c-danger-600) !important
}

.text-danger-700-cc {
    color: var(--c-danger-700) !important
}

.text-danger-800-cc {
    color: var(--c-danger-800) !important
}

.text-danger-900-cc {
    color: var(--c-danger-900) !important
}

.text-dark-cc {
    color: var(--c-dark) !important
}

.text-dark-100-cc {
    color: var(--c-dark-100) !important
}

.text-dark-200-cc {
    color: var(--c-dark-200) !important
}

.text-dark-300-cc {
    color: var(--c-dark-300) !important
}

.text-dark-400-cc {
    color: var(--c-dark-400) !important
}

.text-dark-500-cc {
    color: var(--c-dark-500) !important
}

.text-dark-600-cc {
    color: var(--c-dark-600) !important
}

.text-dark-700-cc {
    color: var(--c-dark-700) !important
}

.text-dark-800-cc {
    color: var(--c-dark-800) !important
}

.text-dark-900-cc {
    color: var(--c-dark-900) !important
}

.text-info-cc {
    color: var(--c-info) !important
}

.text-info-100-cc {
    color: var(--c-info-100) !important
}

.text-info-200-cc {
    color: var(--c-info-200) !important
}

.text-info-300-cc {
    color: var(--c-info-300) !important
}

.text-info-400-cc {
    color: var(--c-info-400) !important
}

.text-info-500-cc {
    color: var(--c-info-500) !important
}

.text-info-600-cc {
    color: var(--c-info-600) !important
}

.text-info-700-cc {
    color: var(--c-info-700) !important
}

.text-info-800-cc {
    color: var(--c-info-800) !important
}

.text-info-900-cc {
    color: var(--c-info-900) !important
}

.text-light-cc {
    color: var(--c-light) !important
}

.text-light-100-cc {
    color: var(--c-light-100) !important
}

.text-light-200-cc {
    color: var(--c-light-200) !important
}

.text-light-300-cc {
    color: var(--c-light-300) !important
}

.text-light-400-cc {
    color: var(--c-light-400) !important
}

.text-light-500-cc {
    color: var(--c-light-500) !important
}

.text-light-600-cc {
    color: var(--c-light-600) !important
}

.text-light-700-cc {
    color: var(--c-light-700) !important
}

.text-light-800-cc {
    color: var(--c-light-800) !important
}

.text-light-900-cc {
    color: var(--c-light-900) !important
}

.text-success-cc {
    color: var(--c-success) !important
}

.text-success-100-cc {
    color: var(--c-success-100) !important
}

.text-success-200-cc {
    color: var(--c-success-200) !important
}

.text-success-300-cc {
    color: var(--c-success-300) !important
}

.text-success-400-cc {
    color: var(--c-success-400) !important
}

.text-success-500-cc {
    color: var(--c-success-500) !important
}

.text-success-600-cc {
    color: var(--c-success-600) !important
}

.text-success-700-cc {
    color: var(--c-success-700) !important
}

.text-success-800-cc {
    color: var(--c-success-800) !important
}

.text-success-900-cc {
    color: var(--c-success-900) !important
}

.text-warning-cc {
    color: var(--c-warning) !important
}

.text-warning-100-cc {
    color: var(--c-warning-100) !important
}

.text-warning-200-cc {
    color: var(--c-warning-200) !important
}

.text-warning-300-cc {
    color: var(--c-warning-300) !important
}

.text-warning-400-cc {
    color: var(--c-warning-400) !important
}

.text-warning-500-cc {
    color: var(--c-warning-500) !important
}

.text-warning-600-cc {
    color: var(--c-warning-600) !important
}

.text-warning-700-cc {
    color: var(--c-warning-700) !important
}

.text-warning-800-cc {
    color: var(--c-warning-800) !important
}

.text-warning-900-cc {
    color: var(--c-warning-900) !important
}

.text-white-cc {
    color: var(--c-white) !important
}

.text-white-100-cc {
    color: var(--c-white-100) !important
}

.text-white-200-cc {
    color: var(--c-white-200) !important
}

.text-white-300-cc {
    color: var(--c-white-300) !important
}

.text-white-400-cc {
    color: var(--c-white-400) !important
}

.text-white-500-cc {
    color: var(--c-white-500) !important
}

.text-white-600-cc {
    color: var(--c-white-600) !important
}

.text-white-700-cc {
    color: var(--c-white-700) !important
}

.text-white-800-cc {
    color: var(--c-white-800) !important
}

.text-white-900-cc {
    color: var(--c-white-900) !important
}

.text-blue-cc {
    color: var(--c-blue) !important
}

.text-blue-100-cc {
    color: var(--c-blue-100) !important
}

.text-blue-200-cc {
    color: var(--c-blue-200) !important
}

.text-blue-300-cc {
    color: var(--c-blue-300) !important
}

.text-blue-400-cc {
    color: var(--c-blue-400) !important
}

.text-blue-500-cc {
    color: var(--c-blue-500) !important
}

.text-blue-600-cc {
    color: var(--c-blue-600) !important
}

.text-blue-700-cc {
    color: var(--c-blue-700) !important
}

.text-blue-800-cc {
    color: var(--c-blue-800) !important
}

.text-blue-900-cc {
    color: var(--c-blue-900) !important
}

.text-cyan-cc {
    color: var(--c-cyan) !important
}

.text-cyan-100-cc {
    color: var(--c-cyan-100) !important
}

.text-cyan-200-cc {
    color: var(--c-cyan-200) !important
}

.text-cyan-300-cc {
    color: var(--c-cyan-300) !important
}

.text-cyan-400-cc {
    color: var(--c-cyan-400) !important
}

.text-cyan-500-cc {
    color: var(--c-cyan-500) !important
}

.text-cyan-600-cc {
    color: var(--c-cyan-600) !important
}

.text-cyan-700-cc {
    color: var(--c-cyan-700) !important
}

.text-cyan-800-cc {
    color: var(--c-cyan-800) !important
}

.text-cyan-900-cc {
    color: var(--c-cyan-900) !important
}

.text-gray-cc {
    color: var(--c-gray) !important
}

.text-gray-100-cc {
    color: var(--c-gray-100) !important
}

.text-gray-200-cc {
    color: var(--c-gray-200) !important
}

.text-gray-300-cc {
    color: var(--c-gray-300) !important
}

.text-gray-400-cc {
    color: var(--c-gray-400) !important
}

.text-gray-500-cc {
    color: var(--c-gray-500) !important
}

.text-gray-600-cc {
    color: var(--c-gray-600) !important
}

.text-gray-700-cc {
    color: var(--c-gray-700) !important
}

.text-gray-800-cc {
    color: var(--c-gray-800) !important
}

.text-gray-900-cc {
    color: var(--c-gray-900) !important
}

.text-green-cc {
    color: var(--c-green) !important
}

.text-green-100-cc {
    color: var(--c-green-100) !important
}

.text-green-200-cc {
    color: var(--c-green-200) !important
}

.text-green-300-cc {
    color: var(--c-green-300) !important
}

.text-green-400-cc {
    color: var(--c-green-400) !important
}

.text-green-500-cc {
    color: var(--c-green-500) !important
}

.text-green-600-cc {
    color: var(--c-green-600) !important
}

.text-green-700-cc {
    color: var(--c-green-700) !important
}

.text-green-800-cc {
    color: var(--c-green-800) !important
}

.text-green-900-cc {
    color: var(--c-green-900) !important
}

.text-indigo-cc {
    color: var(--c-indigo) !important
}

.text-indigo-100-cc {
    color: var(--c-indigo-100) !important
}

.text-indigo-200-cc {
    color: var(--c-indigo-200) !important
}

.text-indigo-300-cc {
    color: var(--c-indigo-300) !important
}

.text-indigo-400-cc {
    color: var(--c-indigo-400) !important
}

.text-indigo-500-cc {
    color: var(--c-indigo-500) !important
}

.text-indigo-600-cc {
    color: var(--c-indigo-600) !important
}

.text-indigo-700-cc {
    color: var(--c-indigo-700) !important
}

.text-indigo-800-cc {
    color: var(--c-indigo-800) !important
}

.text-indigo-900-cc {
    color: var(--c-indigo-900) !important
}

.text-orange-cc {
    color: var(--c-orange) !important
}

.text-orange-100-cc {
    color: var(--c-orange-100) !important
}

.text-orange-200-cc {
    color: var(--c-orange-200) !important
}

.text-orange-300-cc {
    color: var(--c-orange-300) !important
}

.text-orange-400-cc {
    color: var(--c-orange-400) !important
}

.text-orange-500-cc {
    color: var(--c-orange-500) !important
}

.text-orange-600-cc {
    color: var(--c-orange-600) !important
}

.text-orange-700-cc {
    color: var(--c-orange-700) !important
}

.text-orange-800-cc {
    color: var(--c-orange-800) !important
}

.text-orange-900-cc {
    color: var(--c-orange-900) !important
}

.text-muted-cc {
    color: var(--c-muted) !important
}

.text-muted-100-cc {
    color: var(--c-muted-100) !important
}

.text-muted-200-cc {
    color: var(--c-muted-200) !important
}

.text-muted-300-cc {
    color: var(--c-muted-300) !important
}

.text-muted-400-cc {
    color: var(--c-muted-400) !important
}

.text-muted-500-cc {
    color: var(--c-muted-500) !important
}

.text-muted-600-cc {
    color: var(--c-muted-600) !important
}

.text-muted-700-cc {
    color: var(--c-muted-700) !important
}

.text-muted-800-cc {
    color: var(--c-muted-800) !important
}

.text-muted-900-cc {
    color: var(--c-muted-900) !important
}

.text-red-cc {
    color: var(--c-red) !important
}

.text-red-100-cc {
    color: var(--c-red-100) !important
}

.text-red-200-cc {
    color: var(--c-red-200) !important
}

.text-red-300-cc {
    color: var(--c-red-300) !important
}

.text-red-400-cc {
    color: var(--c-red-400) !important
}

.text-red-500-cc {
    color: var(--c-red-500) !important
}

.text-red-600-cc {
    color: var(--c-red-600) !important
}

.text-red-700-cc {
    color: var(--c-red-700) !important
}

.text-red-800-cc {
    color: var(--c-red-800) !important
}

.text-red-900-cc {
    color: var(--c-red-900) !important
}

.text-purple-cc {
    color: var(--c-purple) !important
}

.text-purple-100-cc {
    color: var(--c-purple-100) !important
}

.text-purple-200-cc {
    color: var(--c-purple-200) !important
}

.text-purple-300-cc {
    color: var(--c-purple-300) !important
}

.text-purple-400-cc {
    color: var(--c-purple-400) !important
}

.text-purple-500-cc {
    color: var(--c-purple-500) !important
}

.text-purple-600-cc {
    color: var(--c-purple-600) !important
}

.text-purple-700-cc {
    color: var(--c-purple-700) !important
}

.text-purple-800-cc {
    color: var(--c-purple-800) !important
}

.text-purple-900-cc {
    color: var(--c-purple-900) !important
}

.text-pink-cc {
    color: var(--c-pink) !important
}

.text-pink-100-cc {
    color: var(--c-pink-100) !important
}

.text-pink-200-cc {
    color: var(--c-pink-200) !important
}

.text-pink-300-cc {
    color: var(--c-pink-300) !important
}

.text-pink-400-cc {
    color: var(--c-pink-400) !important
}

.text-pink-500-cc {
    color: var(--c-pink-500) !important
}

.text-pink-600-cc {
    color: var(--c-pink-600) !important
}

.text-pink-700-cc {
    color: var(--c-pink-700) !important
}

.text-pink-800-cc {
    color: var(--c-pink-800) !important
}

.text-pink-900-cc {
    color: var(--c-pink-900) !important
}

.text-teal-cc {
    color: var(--c-teal) !important
}

.text-teal-100-cc {
    color: var(--c-teal-100) !important
}

.text-teal-200-cc {
    color: var(--c-teal-200) !important
}

.text-teal-300-cc {
    color: var(--c-teal-300) !important
}

.text-teal-400-cc {
    color: var(--c-teal-400) !important
}

.text-teal-500-cc {
    color: var(--c-teal-500) !important
}

.text-teal-600-cc {
    color: var(--c-teal-600) !important
}

.text-teal-700-cc {
    color: var(--c-teal-700) !important
}

.text-teal-800-cc {
    color: var(--c-teal-800) !important
}

.text-teal-900-cc {
    color: var(--c-teal-900) !important
}

.text-yellow-cc {
    color: var(--c-yellow) !important
}

.text-yellow-100-cc {
    color: var(--c-yellow-100) !important
}

.text-yellow-200-cc {
    color: var(--c-yellow-200) !important
}

.text-yellow-300-cc {
    color: var(--c-yellow-300) !important
}

.text-yellow-400-cc {
    color: var(--c-yellow-400) !important
}

.text-yellow-500-cc {
    color: var(--c-yellow-500) !important
}

.text-yellow-600-cc {
    color: var(--c-yellow-600) !important
}

.text-yellow-700-cc {
    color: var(--c-yellow-700) !important
}

.text-yellow-800-cc {
    color: var(--c-yellow-800) !important
}

.text-yellow-900-cc {
    color: var(--c-yellow-900) !important
}

.text-primary-hover-cc:hover {
    color: var(--c-primary-100) !important
}

.text-primary-100-hover-cc:hover {
    color: var(--c-primary-200) !important
}

.text-primary-200-hover-cc:hover {
    color: var(--c-primary-300) !important
}

.text-primary-300-hover-cc:hover {
    color: var(--c-primary-400) !important
}

.text-primary-400-hover-cc:hover {
    color: var(--c-primary-500) !important
}

.text-primary-500-hover-cc:hover {
    color: var(--c-primary-600) !important
}

.text-primary-600-hover-cc:hover {
    color: var(--c-primary-700) !important
}

.text-primary-700-hover-cc:hover {
    color: var(--c-primary-800) !important
}

.text-primary-800-hover-cc:hover, .text-primary-900-hover-cc:hover {
    color: var(--c-primary-900) !important
}

.text-secondary-hover-cc:hover {
    color: var(--c-secondary-100) !important
}

.text-secondary-100-hover-cc:hover {
    color: var(--c-secondary-200) !important
}

.text-secondary-200-hover-cc:hover {
    color: var(--c-secondary-300) !important
}

.text-secondary-300-hover-cc:hover {
    color: var(--c-secondary-400) !important
}

.text-secondary-400-hover-cc:hover {
    color: var(--c-secondary-500) !important
}

.text-secondary-500-hover-cc:hover {
    color: var(--c-secondary-600) !important
}

.text-secondary-600-hover-cc:hover {
    color: var(--c-secondary-700) !important
}

.text-secondary-700-hover-cc:hover {
    color: var(--c-secondary-800) !important
}

.text-secondary-800-hover-cc:hover, .text-secondary-900-hover-cc:hover {
    color: var(--c-secondary-900) !important
}

.text-danger-hover-cc:hover {
    color: var(--c-danger-100) !important
}

.text-danger-100-hover-cc:hover {
    color: var(--c-danger-200) !important
}

.text-danger-200-hover-cc:hover {
    color: var(--c-danger-300) !important
}

.text-danger-300-hover-cc:hover {
    color: var(--c-danger-400) !important
}

.text-danger-400-hover-cc:hover {
    color: var(--c-danger-500) !important
}

.text-danger-500-hover-cc:hover {
    color: var(--c-danger-600) !important
}

.text-danger-600-hover-cc:hover {
    color: var(--c-danger-700) !important
}

.text-danger-700-hover-cc:hover {
    color: var(--c-danger-800) !important
}

.text-danger-800-hover-cc:hover, .text-danger-900-hover-cc:hover {
    color: var(--c-danger-900) !important
}

.text-dark-hover-cc:hover {
    color: var(--c-dark-100) !important
}

.text-dark-100-hover-cc:hover {
    color: var(--c-dark-200) !important
}

.text-dark-200-hover-cc:hover {
    color: var(--c-dark-300) !important
}

.text-dark-300-hover-cc:hover {
    color: var(--c-dark-400) !important
}

.text-dark-400-hover-cc:hover {
    color: var(--c-dark-500) !important
}

.text-dark-500-hover-cc:hover {
    color: var(--c-dark-600) !important
}

.text-dark-600-hover-cc:hover {
    color: var(--c-dark-700) !important
}

.text-dark-700-hover-cc:hover {
    color: var(--c-dark-800) !important
}

.text-dark-800-hover-cc:hover, .text-dark-900-hover-cc:hover {
    color: var(--c-dark-900) !important
}

.text-info-hover-cc:hover {
    color: var(--c-info-100) !important
}

.text-info-100-hover-cc:hover {
    color: var(--c-info-200) !important
}

.text-info-200-hover-cc:hover {
    color: var(--c-info-300) !important
}

.text-info-300-hover-cc:hover {
    color: var(--c-info-400) !important
}

.text-info-400-hover-cc:hover {
    color: var(--c-info-500) !important
}

.text-info-500-hover-cc:hover {
    color: var(--c-info-600) !important
}

.text-info-600-hover-cc:hover {
    color: var(--c-info-700) !important
}

.text-info-700-hover-cc:hover {
    color: var(--c-info-800) !important
}

.text-info-800-hover-cc:hover, .text-info-900-hover-cc:hover {
    color: var(--c-info-900) !important
}

.text-light-hover-cc:hover {
    color: var(--c-light-100) !important
}

.text-light-100-hover-cc:hover {
    color: var(--c-light-200) !important
}

.text-light-200-hover-cc:hover {
    color: var(--c-light-300) !important
}

.text-light-300-hover-cc:hover {
    color: var(--c-light-400) !important
}

.text-light-400-hover-cc:hover {
    color: var(--c-light-500) !important
}

.text-light-500-hover-cc:hover {
    color: var(--c-light-600) !important
}

.text-light-600-hover-cc:hover {
    color: var(--c-light-700) !important
}

.text-light-700-hover-cc:hover {
    color: var(--c-light-800) !important
}

.text-light-800-hover-cc:hover, .text-light-900-hover-cc:hover {
    color: var(--c-light-900) !important
}

.text-success-hover-cc:hover {
    color: var(--c-success-100) !important
}

.text-success-100-hover-cc:hover {
    color: var(--c-success-200) !important
}

.text-success-200-hover-cc:hover {
    color: var(--c-success-300) !important
}

.text-success-300-hover-cc:hover {
    color: var(--c-success-400) !important
}

.text-success-400-hover-cc:hover {
    color: var(--c-success-500) !important
}

.text-success-500-hover-cc:hover {
    color: var(--c-success-600) !important
}

.text-success-600-hover-cc:hover {
    color: var(--c-success-700) !important
}

.text-success-700-hover-cc:hover {
    color: var(--c-success-800) !important
}

.text-success-800-hover-cc:hover, .text-success-900-hover-cc:hover {
    color: var(--c-success-900) !important
}

.text-warning-hover-cc:hover {
    color: var(--c-warning-100) !important
}

.text-warning-100-hover-cc:hover {
    color: var(--c-warning-200) !important
}

.text-warning-200-hover-cc:hover {
    color: var(--c-warning-300) !important
}

.text-warning-300-hover-cc:hover {
    color: var(--c-warning-400) !important
}

.text-warning-400-hover-cc:hover {
    color: var(--c-warning-500) !important
}

.text-warning-500-hover-cc:hover {
    color: var(--c-warning-600) !important
}

.text-warning-600-hover-cc:hover {
    color: var(--c-warning-700) !important
}

.text-warning-700-hover-cc:hover {
    color: var(--c-warning-800) !important
}

.text-warning-800-hover-cc:hover, .text-warning-900-hover-cc:hover {
    color: var(--c-warning-900) !important
}

.text-white-hover-cc:hover {
    color: var(--c-white-100) !important
}

.text-white-100-hover-cc:hover {
    color: var(--c-white-200) !important
}

.text-white-200-hover-cc:hover {
    color: var(--c-white-300) !important
}

.text-white-300-hover-cc:hover {
    color: var(--c-white-400) !important
}

.text-white-400-hover-cc:hover {
    color: var(--c-white-500) !important
}

.text-white-500-hover-cc:hover {
    color: var(--c-white-600) !important
}

.text-white-600-hover-cc:hover {
    color: var(--c-white-700) !important
}

.text-white-700-hover-cc:hover {
    color: var(--c-white-800) !important
}

.text-white-800-hover-cc:hover, .text-white-900-hover-cc:hover {
    color: var(--c-white-900) !important
}

.text-blue-hover-cc:hover {
    color: var(--c-blue-100) !important
}

.text-blue-100-hover-cc:hover {
    color: var(--c-blue-200) !important
}

.text-blue-200-hover-cc:hover {
    color: var(--c-blue-300) !important
}

.text-blue-300-hover-cc:hover {
    color: var(--c-blue-400) !important
}

.text-blue-400-hover-cc:hover {
    color: var(--c-blue-500) !important
}

.text-blue-500-hover-cc:hover {
    color: var(--c-blue-600) !important
}

.text-blue-600-hover-cc:hover {
    color: var(--c-blue-700) !important
}

.text-blue-700-hover-cc:hover {
    color: var(--c-blue-800) !important
}

.text-blue-800-hover-cc:hover, .text-blue-900-hover-cc:hover {
    color: var(--c-blue-900) !important
}

.text-cyan-hover-cc:hover {
    color: var(--c-cyan-100) !important
}

.text-cyan-100-hover-cc:hover {
    color: var(--c-cyan-200) !important
}

.text-cyan-200-hover-cc:hover {
    color: var(--c-cyan-300) !important
}

.text-cyan-300-hover-cc:hover {
    color: var(--c-cyan-400) !important
}

.text-cyan-400-hover-cc:hover {
    color: var(--c-cyan-500) !important
}

.text-cyan-500-hover-cc:hover {
    color: var(--c-cyan-600) !important
}

.text-cyan-600-hover-cc:hover {
    color: var(--c-cyan-700) !important
}

.text-cyan-700-hover-cc:hover {
    color: var(--c-cyan-800) !important
}

.text-cyan-800-hover-cc:hover, .text-cyan-900-hover-cc:hover {
    color: var(--c-cyan-900) !important
}

.text-gray-hover-cc:hover {
    color: var(--c-gray-100) !important
}

.text-gray-100-hover-cc:hover {
    color: var(--c-gray-200) !important
}

.text-gray-200-hover-cc:hover {
    color: var(--c-gray-300) !important
}

.text-gray-300-hover-cc:hover {
    color: var(--c-gray-400) !important
}

.text-gray-400-hover-cc:hover {
    color: var(--c-gray-500) !important
}

.text-gray-500-hover-cc:hover {
    color: var(--c-gray-600) !important
}

.text-gray-600-hover-cc:hover {
    color: var(--c-gray-700) !important
}

.text-gray-700-hover-cc:hover {
    color: var(--c-gray-800) !important
}

.text-gray-800-hover-cc:hover, .text-gray-900-hover-cc:hover {
    color: var(--c-gray-900) !important
}

.text-green-hover-cc:hover {
    color: var(--c-green-100) !important
}

.text-green-100-hover-cc:hover {
    color: var(--c-green-200) !important
}

.text-green-200-hover-cc:hover {
    color: var(--c-green-300) !important
}

.text-green-300-hover-cc:hover {
    color: var(--c-green-400) !important
}

.text-green-400-hover-cc:hover {
    color: var(--c-green-500) !important
}

.text-green-500-hover-cc:hover {
    color: var(--c-green-600) !important
}

.text-green-600-hover-cc:hover {
    color: var(--c-green-700) !important
}

.text-green-700-hover-cc:hover {
    color: var(--c-green-800) !important
}

.text-green-800-hover-cc:hover, .text-green-900-hover-cc:hover {
    color: var(--c-green-900) !important
}

.text-indigo-hover-cc:hover {
    color: var(--c-indigo-100) !important
}

.text-indigo-100-hover-cc:hover {
    color: var(--c-indigo-200) !important
}

.text-indigo-200-hover-cc:hover {
    color: var(--c-indigo-300) !important
}

.text-indigo-300-hover-cc:hover {
    color: var(--c-indigo-400) !important
}

.text-indigo-400-hover-cc:hover {
    color: var(--c-indigo-500) !important
}

.text-indigo-500-hover-cc:hover {
    color: var(--c-indigo-600) !important
}

.text-indigo-600-hover-cc:hover {
    color: var(--c-indigo-700) !important
}

.text-indigo-700-hover-cc:hover {
    color: var(--c-indigo-800) !important
}

.text-indigo-800-hover-cc:hover, .text-indigo-900-hover-cc:hover {
    color: var(--c-indigo-900) !important
}

.text-orange-hover-cc:hover {
    color: var(--c-orange-100) !important
}

.text-orange-100-hover-cc:hover {
    color: var(--c-orange-200) !important
}

.text-orange-200-hover-cc:hover {
    color: var(--c-orange-300) !important
}

.text-orange-300-hover-cc:hover {
    color: var(--c-orange-400) !important
}

.text-orange-400-hover-cc:hover {
    color: var(--c-orange-500) !important
}

.text-orange-500-hover-cc:hover {
    color: var(--c-orange-600) !important
}

.text-orange-600-hover-cc:hover {
    color: var(--c-orange-700) !important
}

.text-orange-700-hover-cc:hover {
    color: var(--c-orange-800) !important
}

.text-orange-800-hover-cc:hover, .text-orange-900-hover-cc:hover {
    color: var(--c-orange-900) !important
}

.text-muted-hover-cc:hover {
    color: var(--c-muted-100) !important
}

.text-muted-100-hover-cc:hover {
    color: var(--c-muted-200) !important
}

.text-muted-200-hover-cc:hover {
    color: var(--c-muted-300) !important
}

.text-muted-300-hover-cc:hover {
    color: var(--c-muted-400) !important
}

.text-muted-400-hover-cc:hover {
    color: var(--c-muted-500) !important
}

.text-muted-500-hover-cc:hover {
    color: var(--c-muted-600) !important
}

.text-muted-600-hover-cc:hover {
    color: var(--c-muted-700) !important
}

.text-muted-700-hover-cc:hover {
    color: var(--c-muted-800) !important
}

.text-muted-800-hover-cc:hover, .text-muted-900-hover-cc:hover {
    color: var(--c-muted-900) !important
}

.text-red-hover-cc:hover {
    color: var(--c-red-100) !important
}

.text-red-100-hover-cc:hover {
    color: var(--c-red-200) !important
}

.text-red-200-hover-cc:hover {
    color: var(--c-red-300) !important
}

.text-red-300-hover-cc:hover {
    color: var(--c-red-400) !important
}

.text-red-400-hover-cc:hover {
    color: var(--c-red-500) !important
}

.text-red-500-hover-cc:hover {
    color: var(--c-red-600) !important
}

.text-red-600-hover-cc:hover {
    color: var(--c-red-700) !important
}

.text-red-700-hover-cc:hover {
    color: var(--c-red-800) !important
}

.text-red-800-hover-cc:hover, .text-red-900-hover-cc:hover {
    color: var(--c-red-900) !important
}

.text-purple-hover-cc:hover {
    color: var(--c-purple-100) !important
}

.text-purple-100-hover-cc:hover {
    color: var(--c-purple-200) !important
}

.text-purple-200-hover-cc:hover {
    color: var(--c-purple-300) !important
}

.text-purple-300-hover-cc:hover {
    color: var(--c-purple-400) !important
}

.text-purple-400-hover-cc:hover {
    color: var(--c-purple-500) !important
}

.text-purple-500-hover-cc:hover {
    color: var(--c-purple-600) !important
}

.text-purple-600-hover-cc:hover {
    color: var(--c-purple-700) !important
}

.text-purple-700-hover-cc:hover {
    color: var(--c-purple-800) !important
}

.text-purple-800-hover-cc:hover, .text-purple-900-hover-cc:hover {
    color: var(--c-purple-900) !important
}

.text-pink-hover-cc:hover {
    color: var(--c-pink-100) !important
}

.text-pink-100-hover-cc:hover {
    color: var(--c-pink-200) !important
}

.text-pink-200-hover-cc:hover {
    color: var(--c-pink-300) !important
}

.text-pink-300-hover-cc:hover {
    color: var(--c-pink-400) !important
}

.text-pink-400-hover-cc:hover {
    color: var(--c-pink-500) !important
}

.text-pink-500-hover-cc:hover {
    color: var(--c-pink-600) !important
}

.text-pink-600-hover-cc:hover {
    color: var(--c-pink-700) !important
}

.text-pink-700-hover-cc:hover {
    color: var(--c-pink-800) !important
}

.text-pink-800-hover-cc:hover, .text-pink-900-hover-cc:hover {
    color: var(--c-pink-900) !important
}

.text-teal-hover-cc:hover {
    color: var(--c-teal-100) !important
}

.text-teal-100-hover-cc:hover {
    color: var(--c-teal-200) !important
}

.text-teal-200-hover-cc:hover {
    color: var(--c-teal-300) !important
}

.text-teal-300-hover-cc:hover {
    color: var(--c-teal-400) !important
}

.text-teal-400-hover-cc:hover {
    color: var(--c-teal-500) !important
}

.text-teal-500-hover-cc:hover {
    color: var(--c-teal-600) !important
}

.text-teal-600-hover-cc:hover {
    color: var(--c-teal-700) !important
}

.text-teal-700-hover-cc:hover {
    color: var(--c-teal-800) !important
}

.text-teal-800-hover-cc:hover, .text-teal-900-hover-cc:hover {
    color: var(--c-teal-900) !important
}

.text-yellow-hover-cc:hover {
    color: var(--c-yellow-100) !important
}

.text-yellow-100-hover-cc:hover {
    color: var(--c-yellow-200) !important
}

.text-yellow-200-hover-cc:hover {
    color: var(--c-yellow-300) !important
}

.text-yellow-300-hover-cc:hover {
    color: var(--c-yellow-400) !important
}

.text-yellow-400-hover-cc:hover {
    color: var(--c-yellow-500) !important
}

.text-yellow-500-hover-cc:hover {
    color: var(--c-yellow-600) !important
}

.text-yellow-600-hover-cc:hover {
    color: var(--c-yellow-700) !important
}

.text-yellow-700-hover-cc:hover {
    color: var(--c-yellow-800) !important
}

.text-yellow-800-hover-cc:hover, .text-yellow-900-hover-cc:hover {
    color: var(--c-yellow-900) !important
}

.shadow-xs-cc {
    box-shadow: var(--c-shadow-xs)
}

.shadow-sm-cc {
    box-shadow: var(--c-shadow-sm)
}

.shadow-md-cc {
    box-shadow: var(--c-shadow-md)
}

.shadow-lg-cc {
    box-shadow: var(--c-shadow-lg)
}

.shadow-xl-cc {
    box-shadow: var(--c-shadow-xl) #000
}

.ff-inter-cc, .ff-montserrat-cc {
    font-family: inter
}

.fw-100-cc {
    font-weight: var(--c-fw-100)
}

.fw-200-cc {
    font-weight: var(--c-fw-200)
}

.fw-300-cc {
    font-weight: var(--c-fw-300)
}

.fw-400-cc {
    font-weight: var(--c-fw-400)
}

.fw-500-cc {
    font-weight: var(--c-fw-500)
}

.fw-600-cc {
    font-weight: var(--c-fw-600)
}

.fw-700-cc {
    font-weight: var(--c-fw-700)
}

.fw-800-cc {
    font-weight: var(--c-fw-800)
}

.fw-900-cc {
    font-weight: var(--c-fw-900)
}

.fs-xl-cc {
    font-size: var(--c-fs-xl)
}

.fs-lg-cc {
    font-size: 40px
}

.fs-md-cc {
    font-size: 30px
}

.fs-sm-cc {
    font-size: 15px
}

.fs-xs-cc {
    font-size: 10px
}

.fs-1-cc {
    font-size: var(--c-fs-1)
}

.fs-2-cc {
    font-size: var(--c-fs-2)
}

.fs-3-cc {
    font-size: var(--c-fs-3)
}

.fs-4-cc {
    font-size: var(--c-fs-4)
}

.fs-5-cc {
    font-size: var(--c-fs-5)
}

.fs-6-cc {
    font-size: var(--c-fs-6)
}

.fs-7-cc {
    font-size: var(--c-fs-7)
}

.fs-8-cc {
    font-size: var(--c-fs-8)
}

.fs-9-cc {
    font-size: var(--c-fs-9)
}

.fs-10-cc {
    font-size: var(--c-fs-10)
}

.fs-11-cc {
    font-size: var(--c-fs-11)
}

.fs-12-cc {
    font-size: var(--c-fs-12)
}

.fs-13-cc {
    font-size: var(--c-fs-13)
}

.fs-14-cc {
    font-size: var(--c-fs-14)
}

.fs-15-cc {
    font-size: var(--c-fs-15)
}

.fs-16-cc {
    font-size: var(--c-fs-16)
}

.fs-17-cc {
    font-size: var(--c-fs-17)
}

.fs-18-cc {
    font-size: var(--c-fs-18)
}

.fs-19-cc {
    font-size: var(--c-fs-19)
}

.fs-20-cc {
    font-size: var(--c-fs-20)
}

.fs-21-cc {
    font-size: var(--c-fs-21)
}

.fs-22-cc {
    font-size: var(--c-fs-22)
}

.fs-23-cc {
    font-size: var(--c-fs-23)
}

.fs-24-cc {
    font-size: var(--c-fs-24)
}

.fs-25-cc {
    font-size: var(--c-fs-25)
}

.fs-26-cc {
    font-size: var(--c-fs-26)
}

.fs-27-cc {
    font-size: var(--c-fs-27)
}

.fs-28-cc {
    font-size: var(--c-fs-28)
}

.fs-29-cc {
    font-size: var(--c-fs-29)
}

.fs-30-cc {
    font-size: var(--c-fs-30)
}

.fs-31-cc {
    font-size: var(--c-fs-31)
}

.fs-32-cc {
    font-size: var(--c-fs-32)
}

.fs-33-cc {
    font-size: var(--c-fs-33)
}

.fs-34-cc {
    font-size: var(--c-fs-34)
}

.fs-35-cc {
    font-size: var(--c-fs-35)
}

.fs-36-cc {
    font-size: var(--c-fs-36)
}

.fs-37-cc {
    font-size: var(--c-fs-37)
}

.fs-38-cc {
    font-size: var(--c-38-37)
}

.fs-39-cc {
    font-size: var(--c-39-37)
}

.fs-40-cc {
    font-size: var(--c-40-37)
}

.fs-41-cc {
    font-size: var(--c-41-37)
}

.fs-42-cc {
    font-size: var(--c-42-37)
}

.fs-43-cc {
    font-size: var(--c-43-37)
}

.fs-44-cc {
    font-size: var(--c-44-37)
}

.fs-45-cc {
    font-size: var(--c-45-37)
}

.fs-46-cc {
    font-size: var(--c-46-37)
}

.fs-47-cc {
    font-size: var(--c-47-37)
}

.fs-48-cc {
    font-size: var(--c-48-37)
}

.fs-49-cc {
    font-size: var(--c-49-37)
}

.fs-50-cc {
    font-size: var(--c-50-37)
}

.text-4xl {
    font-size: 3.75rem;
    line-height: 1
}

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

.dir-rtl {
    direction: rtl
}

img {
    max-width: 100%
}

body {
    font-family: var(--c-font-primary);
    background-color: #fafafa
}

.social-links svg {
    width: 40px;
    height: 40px;
    fill: var(--c-gray)
}

.navbar-links-mobile-c svg {
    width: 24px;
    height: 24px;
    stroke: #000
}

.navbar-links-c svg {
    width: 24px;
    height: 24px;
    fill: #000
}

.navbar-toggler-c svg {
    width: 24px;
    height: 24px;
    stroke: #000
}

.sidebar-container {
    width: 100vw
}

.navbar-c .nav-item-svg {
    fill: #a1a3a8;
    height: 18px;
    width: 18px
}

@media(max-width:600px) {
    .lesson-body {
        flex-wrap: wrap
    }
}

.nav-tabs-cc .active {
    border: none;
    border-bottom: 5px solid !important;
    color: var(--c-danger) !important
}

.nav-tabs-cc .nav-link {
    color: var(--c-danger)
}

.p1-cc {
    font-size: 1rem;
    font-weight: 500;
    line-height: 2.1
}

.p2-cc {
    font-size: .9rem;
    font-weight: 500;
    line-height: 2.1
}

.p3-cc {
    font-size: .8rem;
    font-weight: 500;
    line-height: 1.4
}

.p4-cc {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.4
}

.small-cc {
    font-size: .6rem;
    font-weight: 500;
    line-height: 1.4
}

.h1-cc {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.1
}

.h2-cc {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.1
}

.h3-cc {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 2.1
}

.h4-cc {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 2.1
}

.h5-cc {
    font-size: 1rem;
    font-weight: 500;
    line-height: 2.1
}

.h6-cc {
    font-size: .8rem;
    line-height: 2.1
}
/*# sourceMappingURL=bundle.min.css.map */