html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:not([href]):not([tabindex]) {
    color: inherit;
}

    a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
        color: inherit;
    }

caption {
    color: #6c757d;
}

legend {
    color: inherit;
}

.c-x0 {
    color: var(--x0)
}

.c-x1 {
    color: var(--x1)
}

.c-x2 {
    color: var(--x2)
}

.c-x3 {
    color: var(--x3)
}

.c-x4 {
    color: var(--x4)
}

.c-x5 {
    color: var(--x5)
}

.c-x6 {
    color: var(--x6)
}

.c-x7 {
    color: var(--x7)
}

.c-x8 {
    color: var(--x8)
}

.c-x9 {
    color: var(--x9)
}

.c-xa {
    color: var(--xa)
}

.c-xb {
    color: var(--xb)
}

.c-xc {
    color: var(--xc)
}

.c-c0 {
    color: var(--c0)
}

.c-c3 {
    color: var(--c3)
}

.c-c5 {
    color: var(--c5)
}

.c-c8 {
    color: var(--c8)
}

.c-ca {
    color: var(--ca)
}

.c-cc {
    color: var(--cc)
}

.c-d0 {
    color: var(--d0)
}

.c-d3 {
    color: var(--d3)
}

.c-d5 {
    color: var(--d5)
}

.c-d8 {
    color: var(--d8)
}

.c-da {
    color: var(--da)
}

.c-dd {
    color: var(--dd)
}

.c-e0 {
    color: var(--e0)
}

.c-e3 {
    color: var(--e3)
}

.c-e5 {
    color: var(--e5)
}

.c-e8 {
    color: var(--e8)
}

.c-ea {
    color: var(--ea)
}

.c-ee {
    color: var(--ee)
}

.c-f0 {
    color: var(--f0)
}

.c-f3 {
    color: var(--f3)
}

.c-f5 {
    color: var(--f5)
}

.c-f8 {
    color: var(--f8)
}

.c-fa {
    color: var(--fa)
}

.c-ff {
    color: var(--ff)
}

.c-main {
    color: var(--main);
}

.c-main-green {
    color: var(--app-green);
}

.c-main-red {
    color: var(--app-red);
}

.hc-x0:hover {
    color: var(--x0)
}

.hc-x1:hover {
    color: var(--x1)
}

.hc-x2:hover {
    color: var(--x2)
}

.hc-x3:hover {
    color: var(--x3)
}

.hc-x4:hover {
    color: var(--x4)
}

.hc-x5:hover {
    color: var(--x5)
}

.hc-x6:hover {
    color: var(--x6)
}

.hc-x7:hover {
    color: var(--x7)
}

.hc-x8:hover {
    color: var(--x8)
}

.hc-x9:hover {
    color: var(--x9)
}

.hc-xa:hover {
    color: var(--xa)
}

.hc-xb:hover {
    color: var(--xb)
}

.hc-xc:hover {
    color: var(--xc)
}

.hc-c0:hover {
    color: var(--c0)
}

.hc-c3:hover {
    color: var(--c3)
}

.hc-c5:hover {
    color: var(--c5)
}

.hc-c8:hover {
    color: var(--c8)
}

.hc-ca:hover {
    color: var(--ca)
}

.hc-cc:hover {
    color: var(--cc)
}

.hc-d0:hover {
    color: var(--d0)
}

.hc-d3:hover {
    color: var(--d3)
}

.hc-d5:hover {
    color: var(--d5)
}

.hc-d8:hover {
    color: var(--d8)
}

.hc-da:hover {
    color: var(--da)
}

.hc-dd:hover {
    color: var(--dd)
}

.hc-e0:hover {
    color: var(--e0)
}

.hc-e3:hover {
    color: var(--e3)
}

.hc-e5:hover {
    color: var(--e5)
}

.hc-e8:hover {
    color: var(--e8)
}

.hc-ea:hover {
    color: var(--ea)
}

.hc-ee:hover {
    color: var(--ee)
}

.hc-f0:hover {
    color: var(--f0)
}

.hc-f3:hover {
    color: var(--f3)
}

.hc-f5:hover {
    color: var(--f5)
}

.hc-f8:hover {
    color: var(--f8)
}

.hc-fa:hover {
    color: var(--fa)
}

.hc-ff:hover {
    color: var(--ff)
}

.hc-main:hover {
    color: var(--main);
}

.hc-main-green:hover {
    color: var(--app-green);
}

.hc-main-red:hover {
    color: var(--app-red);
}

.c-dark {
    color: var(--dark)
}

.c-black {
    color: var(--black)
}

.c-semi-black {
    color: var(--semi-black)
}

.c-white {
    color: var(--white)
}

.c-danger {
    color: var(--danger)
}

.c-info {
    color: var(--info)
}

.c-warning {
    color: var(--warning)
}

.c-success {
    color: var(--success)
}

.c-green {
    color: var(--green)
}

.c-yellow {
    color: var(--yellow)
}

.c-orange {
    color: var(--orange)
}

.c-red {
    color: var(--red)
}

.c-pink {
    color: var(--pink)
}

.c-terracotta {
    color: var(--terracotta)
}

.c-purple {
    color: var(--purple)
}

.c-perrywinkle {
    color: var(--perrywinkle)
}

.c-blue {
    color: var(--blue)
}

.c-navy-blue {
    color: var(--navy-blue)
}

.c-azure {
    color: var(--azure)
}

.c-semi-blue {
    color: var(--semi-blue)
}

.c-sky-blue {
    color: var(--sky-blue)
}

.c-aqua {
    color: var(--aqua)
}

.c-brown {
    color: var(--brown)
}

.hc-dark:hover {
    color: var(--dark)
}

.hc-black:hover {
    color: var(--black)
}

.hc-semi-black:hover {
    color: var(--semi-black)
}

.hc-white:hover {
    color: var(--white)
}

.hc-danger:hover {
    color: var(--danger)
}

.hc-info:hover {
    color: var(--info)
}

.hc-warning:hover {
    color: var(--warning)
}

.hc-success:hover {
    color: var(--success)
}

.hc-green:hover {
    color: var(--green)
}

.hc-yellow:hover {
    color: var(--yellow)
}

.hc-orange:hover {
    color: var(--orange)
}

.hc-red:hover {
    color: var(--red)
}

.hc-pink:hover {
    color: var(--pink)
}

.hc-terracotta:hover {
    color: var(--terracotta)
}

.hc-purple:hover {
    color: var(--purple)
}

.hc-perrywinkle:hover {
    color: var(--perrywinkle)
}

.hc-blue:hover {
    color: var(--blue)
}

.hc-navy-blue:hover {
    color: var(--navy-blue)
}

.hc-azure:hover {
    color: var(--azure)
}

.hc-semi-blue:hover {
    color: var(--semi-blue)
}

.hc-sky-blue:hover {
    color: var(--sky-blue)
}

.hc-aqua:hover {
    color: var(--aqua)
}

.hc-brown:hover {
    color: var(--brown)
}

.bg-x0 {
    background-color: var(--x0)
}

.bg-x1 {
    background-color: var(--x1)
}

.bg-x2 {
    background-color: var(--x2)
}

.bg-x3 {
    background-color: var(--x3)
}

.bg-x4 {
    background-color: var(--x4)
}

.bg-x5 {
    background-color: var(--x5)
}

.bg-x6 {
    background-color: var(--x6)
}

.bg-x7 {
    background-color: var(--x7)
}

.bg-x8 {
    background-color: var(--x8)
}

.bg-x9 {
    background-color: var(--x9)
}

.bg-xa {
    background-color: var(--xa)
}

.bg-xb {
    background-color: var(--xb)
}

.bg-xc {
    background-color: var(--xc)
}

.bg-c0 {
    background-color: var(--c0)
}

.bg-c3 {
    background-color: var(--c3)
}

.bg-c5 {
    background-color: var(--c5)
}

.bg-c8 {
    background-color: var(--c8)
}

.bg-ca {
    background-color: var(--ca)
}

.bg-cc {
    background-color: var(--cc)
}

.bg-d0 {
    background-color: var(--d0)
}

.bg-d3 {
    background-color: var(--d3)
}

.bg-d5 {
    background-color: var(--d5)
}

.bg-d8 {
    background-color: var(--d8)
}

.bg-da {
    background-color: var(--da)
}

.bg-dd {
    background-color: var(--dd)
}

.bg-e0 {
    background-color: var(--e0)
}

.bg-e3 {
    background-color: var(--e3)
}

.bg-e5 {
    background-color: var(--e5)
}

.bg-e8 {
    background-color: var(--e8)
}

.bg-ea {
    background-color: var(--ea)
}

.bg-ee {
    background-color: var(--ee)
}

.bg-f0 {
    background-color: var(--f0)
}

.bg-f3 {
    background-color: var(--f3)
}

.bg-f5 {
    background-color: var(--f5)
}

.bg-f8 {
    background-color: var(--f8)
}

.bg-fa {
    background-color: var(--fa)
}

.bg-ff {
    background-color: var(--ff)
}

.h-bg-x0:hover {
    background-color: var(--x0)
}

.h-bg-x1:hover {
    background-color: var(--x1)
}

.h-bg-x2:hover {
    background-color: var(--x2)
}

.h-bg-x3:hover {
    background-color: var(--x3)
}

.h-bg-x4:hover {
    background-color: var(--x4)
}

.h-bg-x5:hover {
    background-color: var(--x5)
}

.h-bg-x6:hover {
    background-color: var(--x6)
}

.h-bg-x7:hover {
    background-color: var(--x7)
}

.h-bg-x8:hover {
    background-color: var(--x8)
}

.h-bg-x9:hover {
    background-color: var(--x9)
}

.h-bg-xa:hover {
    background-color: var(--xa)
}

.h-bg-xb:hover {
    background-color: var(--xb)
}

.h-bg-xc:hover {
    background-color: var(--xc)
}

.h-bg-c0:hover {
    background-color: var(--c0)
}

.h-bg-c3:hover {
    background-color: var(--c3)
}

.h-bg-c5:hover {
    background-color: var(--c5)
}

.h-bg-c8:hover {
    background-color: var(--c8)
}

.h-bg-ca:hover {
    background-color: var(--ca)
}

.h-bg-cc:hover {
    background-color: var(--cc)
}

.h-bg-d0:hover {
    background-color: var(--d0)
}

.h-bg-d3:hover {
    background-color: var(--d3)
}

.h-bg-d5:hover {
    background-color: var(--d5)
}

.h-bg-d8:hover {
    background-color: var(--d8)
}

.h-bg-da:hover {
    background-color: var(--da)
}

.h-bg-dd:hover {
    background-color: var(--dd)
}

.h-bg-e0:hover {
    background-color: var(--e0)
}

.h-bg-e3:hover {
    background-color: var(--e3)
}

.h-bg-e5:hover {
    background-color: var(--e5)
}

.h-bg-e8:hover {
    background-color: var(--e8)
}

.h-bg-ea:hover {
    background-color: var(--ea)
}

.h-bg-ee:hover {
    background-color: var(--ee)
}

.h-bg-f0:hover {
    background-color: var(--f0)
}

.h-bg-f3:hover {
    background-color: var(--f3)
}

.h-bg-f5:hover {
    background-color: var(--f5)
}

.h-bg-f8:hover {
    background-color: var(--f8)
}

.h-bg-fa:hover {
    background-color: var(--fa)
}

.h-bg-ff:hover {
    background-color: var(--ff)
}

.bg-dark {
    background-color: var(--dark)
}

.bg-black {
    background-color: var(--black)
}

.bg-semi-black {
    background-color: var(--semi-black)
}

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

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

.bg-info {
    background-color: var(--info)
}

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

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

.bg-green {
    background-color: var(--green)
}

.bg-yellow {
    background-color: var(--yellow)
}

.bg-orange {
    background-color: var(--orange)
}

.bg-red {
    background-color: var(--red)
}

.bg-pink {
    background-color: var(--pink)
}

.bg-terracotta {
    background-color: var(--terracotta)
}

.bg-purple {
    background-color: var(--purple)
}

.bg-perrywinkle {
    background-color: var(--perrywinkle)
}

.bg-blue {
    background-color: var(--blue)
}

.bg-navy-blue {
    background-color: var(--navy-blue)
}

.bg-azure {
    background-color: var(--azure)
}

.bg-semi-blue {
    background-color: var(--semi-blue)
}

.bg-sky-blue {
    background-color: var(--sky-blue)
}

.bg-aqua {
    background-color: var(--aqua)
}

.bg-brown {
    background-color: var(--brown)
}

.bg-main {
    background-color: var(--main);
}

.h-bg-dark:hover {
    background-color: var(--dark)
}

.h-bg-black:hover {
    background-color: var(--black)
}

.h-bg-semi-black:hover {
    background-color: var(--semi-black)
}

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

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

.h-bg-info:hover {
    background-color: var(--info)
}

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

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

.h-bg-green:hover {
    background-color: var(--green)
}

.h-bg-yellow:hover {
    background-color: var(--yellow)
}

.h-bg-orange:hover {
    background-color: var(--orange)
}

.h-bg-red:hover {
    background-color: var(--red)
}

.h-bg-pink:hover {
    background-color: var(--pink)
}

.h-bg-terracotta:hover {
    background-color: var(--terracotta)
}

.h-bg-purple:hover {
    background-color: var(--purple)
}

.h-bg-perrywinkle:hover {
    background-color: var(--perrywinkle)
}

.h-bg-blue:hover {
    background-color: var(--blue)
}

.h-bg-navy-blue:hover {
    background-color: var(--navy-blue)
}

.h-bg-azure:hover {
    background-color: var(--azure)
}

.h-bg-semi-blue:hover {
    background-color: var(--semi-blue)
}

.h-bg-sky-blue:hover {
    background-color: var(--sky-blue)
}

.h-bg-aqua:hover {
    background-color: var(--aqua)
}

.h-bg-brown:hover {
    background-color: var(--brown)
}