@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

.block-pulled[data-v-89083dc7] {
    padding-top: 0 !important;
}
.block-narrow[data-v-89083dc7] {
    padding-bottom: 0 !important;
}
.map-cta[data-v-89083dc7] {
    position: relative;
    border-radius: 2rem;
    margin: 3rem auto 5rem;
    max-width: 1040px;
    background: var(--wrap-muted-color);
    overflow: hidden;
}
.map-cta .map-cta-inner[data-v-89083dc7] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 3rem;
    min-height: 400px;
    max-width: 510px;
    margin-left: auto;
    z-index: 1;
}
.map-cta .map-cta-inner .card[data-v-89083dc7] {
    min-width: 310px;
    border-radius: 1rem;
    background: var(--card-bg-color);
    border: 1px solid var(--card-border-color);
}
.map-cta .map-cta-inner .card .card-content[data-v-89083dc7] {
    padding: 2.5rem;
}
.map-cta .map-cta-inner .card .card-content h4[data-v-89083dc7] {
    font-family: var(--font-alt);
    font-weight: 600;
    font-size: 1.2rem;
    color: var(--title-color);
}
.map-cta .map-cta-inner .card .card-content p[data-v-89083dc7] {
    font-family: var(--font);
    color: var(--light-text);
    font-size: 1rem;
    margin-bottom: 1rem;
}
.map-cta .map-cta-inner .card .card-content .control[data-v-89083dc7] {
    position: relative;
}
.map-cta .map-cta-inner .card .card-content .control .form-icon[data-v-89083dc7] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    width: 42px;
}
.map-cta .map-cta-inner .card .card-content .control .form-icon svg[data-v-89083dc7] {
    height: 18px;
    width: 18px;
    stroke: var(--primary);
}
.map-cta .map-cta-inner .card .card-content .input[data-v-89083dc7],
.map-cta .map-cta-inner .card .card-content .textarea[data-v-89083dc7] {
    font-family: var(--font);
    font-size: 0.9rem;
    border-radius: 0.5rem;
    transition: border-color 0.3s;
}
.map-cta .map-cta-inner .card .card-content .input[data-v-89083dc7]:focus,
.map-cta .map-cta-inner .card .card-content .textarea[data-v-89083dc7]:focus {
    border-color: var(--primary);
}
.map-cta .map-cta-inner .card .card-content .input[data-v-89083dc7] {
    height: 42px;
    padding-left: 42px;
    border-radius: 0.55rem;
}
.map-cta .map-cta-inner .card .card-content .button[data-v-89083dc7] {
    height: 42px;
    border-radius: 0.55rem;
}
@media only screen and (width <= 767px) {
    .map-cta .map-cta-inner[data-v-89083dc7] {
        padding: 1.5rem !important;
    }
    .map-cta .map-cta-inner .card[data-v-89083dc7] {
        min-width: 100% !important;
    }
}
.vehicle-slider[data-v-969ca3e1] {
    position: relative;
}
.vehicle-slider .vehicle-slider-inner[data-v-969ca3e1] {
    display: flex;
    flex-direction: row-reverse;
    max-width: 1090px;
    margin: 0 auto;
}
.vehicle-slider .vehicle-slider-inner .slider-controls[data-v-969ca3e1] {
    max-width: 230px;
    width: 230px;
    margin-left: 20px;
}
.vehicle-slider .vehicle-slider-inner .slider-controls ul li a[data-v-969ca3e1] {
    display: flex;
    align-items: center;
    background: var(--card-bg-color);
    border: 1px solid var(--card-border-color);
    border-radius: 1rem;
    padding: 1rem;
    font-family: var(--font-alt);
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--light-text);
    transition: box-shadow 0.3s, border-color 0.3s, background-color 0.3s;
}
.vehicle-slider .vehicle-slider-inner .slider-controls ul li a img[data-v-969ca3e1] {
    display: block;
    min-width: 36px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 0.5rem;
}
.vehicle-slider .vehicle-slider-inner .slider-controls ul li a.is-active[data-v-969ca3e1] {
    border-color: var(--primary);
    background: var(--primary);
    color: var(--white-smoke);
    box-shadow: var(--primary-box-shadow);
}
.vehicle-slider .vehicle-slider-inner .slider-controls ul li a.is-active img[data-v-969ca3e1] {
    filter: brightness(0) invert(1);
}
.vehicle-slider .vehicle-slider-inner .slider-controls ul li[data-v-969ca3e1]:not(:last-child) {
    margin-bottom: 0.75rem;
}
.vehicle-slider .vehicle-slider-inner .slider-content[data-v-969ca3e1] {
    flex-grow: 2;
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container[data-v-969ca3e1] {
    position: relative;
    max-width: 840px;
    height: 500px;
    margin: 0 auto;
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner[data-v-969ca3e1] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 2;
    transition: opacity 0.3s;
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-main-image[data-v-969ca3e1] {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-40%, -50%);
    max-width: 540px;
    margin: 0 auto;
    z-index: 3;
    transition: all 0.4s ease-in-out;
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-info[data-v-969ca3e1] {
    position: absolute;
    width: 100%;
    padding: 0 7%;
    display: flex;
    align-items: center;
    color: var(--title-color);
    bottom: 50px;
    left: 0;
    z-index: 4;
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-info div[data-v-969ca3e1] {
    margin: 0 20px;
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-info div h2[data-v-969ca3e1] {
    font-family: var(--font-alt);
    font-size: 1.5rem;
    font-weight: 400;
    transition: opacity 0.5s;
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-info div p[data-v-969ca3e1] {
    font-family: var(--font);
    font-size: 0.85rem;
    color: var(--light-text);
    text-transform: uppercase;
    transition: transform 0.3s, opacity 0.3s;
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-info .line[data-v-969ca3e1] {
    position: relative;
    flex: 1;
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-info .line[data-v-969ca3e1]:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 3px;
    width: 0;
    background: var(--title-color);
    transition: width 0.4s 0.75s;
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-info .car-acceleration h2[data-v-969ca3e1] {
    opacity: 0;
    transition-delay: 0.35s;
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-info .car-acceleration p[data-v-969ca3e1] {
    transform: translateY(1rem);
    opacity: 0;
    transition-delay: 0.35s;
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-info .car-speed h2[data-v-969ca3e1] {
    opacity: 0;
    transition-delay: 0.45s;
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-info .car-speed p[data-v-969ca3e1] {
    transform: translateY(1rem);
    opacity: 0;
    transition-delay: 0.45s;
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-info .car-range h2[data-v-969ca3e1] {
    opacity: 0;
    transition-delay: 0.55s;
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-info .car-range p[data-v-969ca3e1] {
    transform: translateY(1rem);
    opacity: 0;
    transition-delay: 0.55s;
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-info .car-name h2[data-v-969ca3e1] {
    opacity: 0;
    transition-delay: 1s;
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-overlay[data-v-969ca3e1] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: var(--wrap-muted-color);
    border-radius: 2rem;
    z-index: 0;
    transform: translate(-4rem);
    opacity: 0;
    transition: transform 0.3s 0.25s, opacity 0.3s 0.25s;
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-circle[data-v-969ca3e1] {
    position: absolute;
    top: 45%;
    left: 50%;
    height: 380px;
    width: 380px;
    background: var(--primary-light-45);
    border-radius: 50%;
    z-index: 0;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.4s 0.7s;
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner.is-active[data-v-969ca3e1] {
    opacity: 1;
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner.is-active .car-main-image[data-v-969ca3e1] {
    transform: translate(-50%, -50%);
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner.is-active .car-overlay[data-v-969ca3e1] {
    transform: translate(0);
    opacity: 1;
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner.is-active .car-circle[data-v-969ca3e1] {
    transform: translate(-50%, -50%) scale(1);
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner.is-active .car-info .car-acceleration h2[data-v-969ca3e1],
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner.is-active .car-info .car-speed h2[data-v-969ca3e1],
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner.is-active .car-info .car-range h2[data-v-969ca3e1],
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner.is-active .car-info .car-name h2[data-v-969ca3e1] {
    opacity: 1;
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner.is-active .car-info .car-acceleration p[data-v-969ca3e1],
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner.is-active .car-info .car-speed p[data-v-969ca3e1],
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner.is-active .car-info .car-range p[data-v-969ca3e1],
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner.is-active .car-info .car-name p[data-v-969ca3e1] {
    transform: translateY(0);
    opacity: 1;
}
.vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner.is-active .car-info .line[data-v-969ca3e1]:after {
    width: 100%;
}
.is-dark .vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-circle[data-v-969ca3e1] {
    opacity: 0.1;
}
@media only screen and (width <= 767px) {
    .vehicle-slider .vehicle-slider-inner[data-v-969ca3e1] {
        flex-direction: column;
    }
    .vehicle-slider .vehicle-slider-inner .slider-controls[data-v-969ca3e1] {
        width: 100%;
        max-width: 100%;
    }
    .vehicle-slider .vehicle-slider-inner .slider-controls ul[data-v-969ca3e1] {
        display: flex;
        overflow-x: scroll;
        padding-bottom: 1.5rem;
    }
    .vehicle-slider .vehicle-slider-inner .slider-controls ul li[data-v-969ca3e1] {
        margin-right: 0.75rem;
    }
    .vehicle-slider .vehicle-slider-inner .slider-controls ul li a[data-v-969ca3e1] {
        padding: 0.5rem 1rem;
        min-width: 150px;
    }
    .vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-main-image[data-v-969ca3e1] {
        max-width: 100%;
    }
    .vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-info[data-v-969ca3e1] {
        flex-wrap: wrap;
        padding: 0 2%;
        bottom: 1.5rem;
    }
    .vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-info > div[data-v-969ca3e1] {
        text-align: center;
        width: 50%;
        margin: 0.5rem 0;
    }
    .vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-circle[data-v-969ca3e1] {
        height: 260px;
        width: 260px;
    }
}
@media only screen and (width >= 768px) and (width <= 1024px) and (orientation: portrait) {
    .vehicle-slider .vehicle-slider-inner .slider-controls[data-v-969ca3e1] {
        max-width: 160px;
        width: 160px;
    }
    .vehicle-slider .vehicle-slider-inner .slider-controls ul li a img[data-v-969ca3e1] {
        min-width: 28px;
        width: 28px;
        height: 28px;
    }
    .vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-main-image[data-v-969ca3e1] {
        max-width: 420px;
    }
    .vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-info[data-v-969ca3e1] {
        flex-wrap: wrap;
        padding: 0 2%;
        bottom: 1.5rem;
    }
    .vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-info div h2[data-v-969ca3e1] {
        font-size: 1.25rem;
    }
    .vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-info div p[data-v-969ca3e1] {
        font-size: 0.8rem;
    }
    .vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-info .line[data-v-969ca3e1] {
        display: none;
    }
    .vehicle-slider .vehicle-slider-inner .slider-content .slider-panel .car-container .car-container-inner .car-circle[data-v-969ca3e1] {
        height: 320px;
        width: 320px;
    }
}
.jumbo-block[data-v-f0ef5a1b] {
    position: relative;
    padding: 4rem;
    background: var(--wrap-muted-color);
    border-radius: 1.75rem;
    max-width: 1040px;
    margin: 0 auto;
}
.jumbo-block .top-tag[data-v-f0ef5a1b] {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    background: var(--wrap-bg-color);
    margin-bottom: 1rem;
    font-family: var(--font);
    font-weight: 500;
    font-size: 0.9rem;
    color: var(--title-color);
    box-shadow: var(--spread-shadow);
    border-radius: 5rem;
}
@media only screen and (width <= 767px) {
    .jumbo-block[data-v-f0ef5a1b] {
        padding: 1.5rem;
    }
    .jumbo-block[data-v-f0ef5a1b] .media-card {
        padding: 0.5rem;
    }
    .jumbo-block[data-v-f0ef5a1b] .media-card .media-card-meta {
        padding-bottom: 0.5rem;
    }
    .jumbo-block[data-v-f0ef5a1b] .media-card .media-card-meta .meta-text h3 {
        font-size: 0.9rem;
    }
    .jumbo-block[data-v-f0ef5a1b] .media-card .media-card-meta .meta-stat {
        display: none;
    }
}
@media only screen and (width >= 768px) and (width <= 1024px) and (orientation: portrait) {
    .jumbo-block .columns[data-v-f0ef5a1b] {
        display: flex;
    }
    .jumbo-block[data-v-f0ef5a1b] .media-card {
        padding: 0.5rem;
    }
    .jumbo-block[data-v-f0ef5a1b] .media-card .media-card-meta {
        padding-bottom: 0.5rem;
    }
    .jumbo-block[data-v-f0ef5a1b] .media-card .media-card-meta .meta-stat {
        display: none;
    }
}
.media-card[data-v-a0bbbf26] {
    display: block;
    background: var(--card-bg-color);
    padding: 1rem;
    border-radius: 1.5rem;
    overflow: hidden;
    box-shadow: var(--spread-shadow);
    max-width: 480px;
    margin: 0 auto;
}
.media-card .media-card-image img[data-v-a0bbbf26] {
    display: block;
    border-radius: 1.25rem;
    width: 100%;
}
.media-card .media-card-meta[data-v-a0bbbf26] {
    display: flex;
    align-items: center;
    padding-top: 0.75rem;
}
.media-card .media-card-meta[data-v-a0bbbf26] .icon-box {
    margin-right: 0.75rem;
}
.media-card .media-card-meta .meta-text[data-v-a0bbbf26] {
    line-height: 1.2;
}
.media-card .media-card-meta .meta-text h3[data-v-a0bbbf26] {
    font-family: var(--font-alt);
    font-weight: 600;
    color: var(--title-color);
}
.media-card .media-card-meta .meta-stat[data-v-a0bbbf26] {
    margin-left: auto;
}
.has-text-centered .iconify[data-v-5810a590] {
    margin: 0 auto 0.75rem;
}
.has-text-centered .feature-link[data-v-5810a590] {
    justify-content: center;
}
.iconify[data-v-5810a590] {
    margin-bottom: 0.75rem;
}

.company-grid[data-v-bebefe73] {
    position: relative;
}
.company-grid .company-logos[data-v-bebefe73] {
    max-width: 940px;
    margin: 0 auto;
}
.company-grid .company-logos .logo-wrap[data-v-bebefe73] {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.company-grid .company-logos img[data-v-bebefe73] {
    display: block;
    max-width: 90px;
    min-width: 90px;
    margin: 0 auto;
    filter: invert(0);
}
.company-grid .company-logos.is-inverted img[data-v-bebefe73],
.is-dark .company-grid .company-logos img[data-v-bebefe73] {
    filter: invert(1);
}
@media only screen and (width <=7 67px) {
    .company-grid .company-logos img[data-v-bebefe73] {
        display: block;
        max-width: 80px;
        min-width: 80px;
    }
}

.footer[data-v-d919f3d5] {
    position: relative;
    padding-top: 6rem;
    padding-bottom: 3rem;
    background: var(--footer-default-bg-color);
}
.footer.footer-curved[data-v-d919f3d5] {
    border-top-left-radius: 50% 20%;
    border-top-right-radius: 50% 20%;
}
.footer.footer-light[data-v-d919f3d5] {
    background: var(--footer-light-bg-color);
}
.footer.footer-dark[data-v-d919f3d5] {
    background: var(--footer-dark-bg-color);
}
.footer.footer-dark .title[data-v-d919f3d5] {
    opacity: 0.6;
}
.footer.footer-dark .footer-link[data-v-d919f3d5] {
    color: var(--white-smoke);
    opacity: 0.8;
}
.footer.footer-dark .footer-link[data-v-d919f3d5]:hover {
    color: var(--primary-light-10) !important;
    opacity: 1;
}
.footer.footer-dark .footer-text[data-v-d919f3d5] {
    color: var(--white-smoke);
}
.footer .footer-link[data-v-d919f3d5],
.footer[data-v-d919f3d5] .footer-link {
    font-family: var(--font);
    color: var(--medium-text);
    transition: color 0.3s;
    justify-content: flex-start;
    font-size: 0.95rem;
}
.footer .footer-link[data-v-d919f3d5]:hover,
.footer[data-v-d919f3d5] .footer-link:hover {
    color: var(--primary);
}
.footer .footer-text[data-v-d919f3d5] {
    font-family: var(--font);
    color: var(--medium-text);
}
.footer .footer-logo-centered[data-v-d919f3d5] {
    display: block;
    width: 100%;
}
.footer .footer-logo-centered img[data-v-d919f3d5] {
    margin: 0 auto;
}
.footer .footer-logo-left[data-v-d919f3d5] img {
    display: block;
}
@media only screen and (width <= 767px) {
    .footer[data-v-d919f3d5] .level-item {
        justify-content: center !important;
    }
    .footer.footer-curved[data-v-d919f3d5] {
        border-top-left-radius: 80% 20%;
        border-top-right-radius: 80% 20%;
    }
}
@media only screen and (width >= 768px) and (width <= 1024px) and (orientation: portrait) {
    .footer[data-v-d919f3d5] .level-item {
        justify-content: center !important;
    }
}

.section-image[data-v-30da4cfa] img {
    position: relative;
    width: 100%;
    margin: 0 auto
}

.side-section .morphing-blob-wrapper[data-v-30da4cfa] {
    position: absolute;
    transform: scale(1.8);
    opacity: .15
}

.side-section .action-link[data-v-30da4cfa] {
    font-weight: 500;
    margin-right: .75rem
}

.side-section .action-link[data-v-30da4cfa]:hover {
    color: var(--primary)
}

.side-section .action-link:hover+.iconify[data-v-30da4cfa] {
    color: var(--primary);
    transform: translate(5px) !important
}

.side-section .iconify[data-v-30da4cfa] {
    transition: transform .3s;
    vertical-align: middle
}

.side-section.is-bordered[data-v-30da4cfa] {
    border-bottom: 1px solid var(--border)
}

.side-section.is-reverse .columns[data-v-30da4cfa] {
    flex-direction: row-reverse
}

.side-section.is-reverse .columns .column.is-offset-1[data-v-30da4cfa] {
    margin-left: 0;
    margin-right: 8.3333%
}

.side-section.is-inverted.is-bordered[data-v-30da4cfa] {
    border-bottom-color: var(--dark-border)
}

@media only screen and (width <=767px) {
    .side-section[data-v-30da4cfa] .title.is-2 {
        font-size: 2rem
    }
    .side-section .field.is-grouped[data-v-30da4cfa] {
        flex-direction: column
    }
    .side-section .morphing-blob-wrapper[data-v-30da4cfa] {
        transform: scale(1.3);
        top: -17px;
        right: -18px
    }
}

@media only screen and (width >=768px) and (width <=1024px) and (orientation: portrait) {
    .side-section[data-v-30da4cfa] {
        text-align: center
    }
    .side-section .morphing-blob-wrapper[data-v-30da4cfa] {
        transform: scale(1.6);
        top: 40px;
        right: 146px
    }
    .side-section .column.is-5[data-v-30da4cfa] {
        max-width: 660px;
        margin: 0 auto 2rem
    }
    .side-section img[data-v-30da4cfa] {
        max-width: 490px !important
    }
    .side-section .spinner-container[data-v-30da4cfa] {
        max-width: 490px;
        margin: 0 auto
    }
}

@media only screen and (width >=768px) and (width <=1024px) and (orientation: landscape) {
    .side-section[data-v-30da4cfa] .title.is-2 {
        font-size: 2rem
    }
}

svg[data-v-aaa26f3c] {
    display: block
}

.mask-white[data-v-aaa26f3c] {
    fill: var(--hero-grey-bg-color)
}

.mask-grey[data-v-aaa26f3c],
.mask-primary[data-v-aaa26f3c] {
    fill: var(--hero-bg-color)
}

svg[data-v-d18fb5d8] {
    display: block
}

.mask-white[data-v-d18fb5d8] {
    fill: var(--hero-grey-bg-color)
}

.mask-grey[data-v-d18fb5d8],
.mask-primary[data-v-d18fb5d8] {
    fill: var(--hero-bg-color)
}

svg[data-v-baa4b3c5] {
    display: block
}

.mask-white[data-v-baa4b3c5] {
    fill: var(--hero-bg-color)
}

.mask-grey[data-v-baa4b3c5] {
    fill: var(--hero-grey-bg-color)
}

.mask-primary[data-v-baa4b3c5] {
    fill: var(--primary)
}

.hero {
    position: relative;
    background-color: var(--hero-bg-color);
    transition: background-color .3s;
    overflow: hidden
}

.hero.is-grey {
    background: var(--hero-grey-bg-color)
}

.hero.is-side.is-right .buttons .button,
.hero.is-side.is-left .buttons .button {
    min-width: 140px
}

.hero.is-center {
    text-align: center
}

.hero.is-center .hero-image-center {
    display: block;
    margin: 0 auto;
    max-height: 380px;
    width: auto
}

.hero.is-center .buttons {
    justify-content: center
}

.hero.is-center .buttons .button {
    min-width: 140px
}

.hero.has-top-bg {
    position: relative
}

.hero.has-top-bg.top-bg-left .top-bg,
.hero.has-top-bg.top-bg-left .top-bg-alt {
    left: 0
}

.hero.has-top-bg.top-bg-right .top-bg,
.hero.has-top-bg.top-bg-right .top-bg-alt {
    right: 0
}

.hero.has-top-bg .top-bg,
.hero.has-top-bg .top-bg-alt {
    position: absolute;
    top: 0;
    display: block;
    width: 80%;
    height: auto;
    z-index: 0
}

.hero.has-mask .hero-body {
    position: relative;
    z-index: 2
}

.hero .hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--dark-text);
    opacity: .6;
    z-index: 0
}

.hero .hero-mask-circle,
.hero .hero-mask-wave,
.hero .hero-mask-slant {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 1
}

.hero .hero-foot {
    position: relative;
    z-index: 2
}

.hero .hero-foot .tabs ul li {
    padding: 0
}

.hero .hero-foot .tabs ul li img {
    display: block;
    width: 120px;
    margin: 0 auto
}

.starfall {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transform-style: preserve-3d;
    perspective: 1000px;
    z-index: 0
}

.starfall .falling-star {
    width: 8px;
    height: 8px;
    background: var(--primary);
    position: absolute;
    border-radius: 50%;
    opacity: .5
}

.falling-star:nth-child(1) {
    transform: translate(27vw) translateY(-8px);
    animation: anim1 4s infinite;
    animation-delay: .3s
}

@keyframes anim1 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(47vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(2) {
    transform: translate(25vw) translateY(-8px);
    animation: anim2 4s infinite;
    animation-delay: .6s
}

@keyframes anim2 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(45vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(3) {
    transform: translate(15vw) translateY(-8px);
    animation: anim3 4s infinite;
    animation-delay: .9s
}

@keyframes anim3 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(35vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(4) {
    transform: translate(67vw) translateY(-8px);
    animation: anim4 4s infinite;
    animation-delay: 1.2s
}

@keyframes anim4 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(87vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(5) {
    transform: translate(61vw) translateY(-8px);
    animation: anim5 4s infinite;
    animation-delay: 1.5s
}

@keyframes anim5 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(81vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(6) {
    transform: translate(55vw) translateY(-8px);
    animation: anim6 4s infinite;
    animation-delay: 1.8s
}

@keyframes anim6 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(75vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(7) {
    transform: translate(18vw) translateY(-8px);
    animation: anim7 4s infinite;
    animation-delay: 2.1s
}

@keyframes anim7 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(38vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(8) {
    transform: translate(100vw) translateY(-8px);
    animation: anim8 4s infinite;
    animation-delay: 2.4s
}

@keyframes anim8 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(120vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(9) {
    transform: translate(40vw) translateY(-8px);
    animation: anim9 4s infinite;
    animation-delay: 2.7s
}

@keyframes anim9 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(60vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(10) {
    transform: translate(91vw) translateY(-8px);
    animation: anim10 4s infinite;
    animation-delay: 3s
}

@keyframes anim10 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(111vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(11) {
    transform: translate(79vw) translateY(-8px);
    animation: anim11 4s infinite;
    animation-delay: 3.3s
}

@keyframes anim11 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(99vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(12) {
    transform: translate(10vw) translateY(-8px);
    animation: anim12 4s infinite;
    animation-delay: 3.6s
}

@keyframes anim12 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(30vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(13) {
    transform: translate(89vw) translateY(-8px);
    animation: anim13 4s infinite;
    animation-delay: 3.9s
}

@keyframes anim13 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(109vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(14) {
    transform: translate(42vw) translateY(-8px);
    animation: anim14 4s infinite;
    animation-delay: 4.2s
}

@keyframes anim14 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(62vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(15) {
    transform: translate(46vw) translateY(-8px);
    animation: anim15 4s infinite;
    animation-delay: 4.5s
}

@keyframes anim15 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(66vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(16) {
    transform: translate(5vw) translateY(-8px);
    animation: anim16 4s infinite;
    animation-delay: 4.8s
}

@keyframes anim16 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(25vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(17) {
    transform: translate(54vw) translateY(-8px);
    animation: anim17 4s infinite;
    animation-delay: 5.1s
}

@keyframes anim17 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(74vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(18) {
    transform: translate(15vw) translateY(-8px);
    animation: anim18 4s infinite;
    animation-delay: 5.4s
}

@keyframes anim18 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(35vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(19) {
    transform: translate(5vw) translateY(-8px);
    animation: anim19 4s infinite;
    animation-delay: 5.7s
}

@keyframes anim19 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(25vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(20) {
    transform: translate(32vw) translateY(-8px);
    animation: anim20 4s infinite;
    animation-delay: 6s
}

@keyframes anim20 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(52vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(21) {
    transform: translate(38vw) translateY(-8px);
    animation: anim21 4s infinite;
    animation-delay: 6.3s
}

@keyframes anim21 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(58vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(22) {
    transform: translate(79vw) translateY(-8px);
    animation: anim22 4s infinite;
    animation-delay: 6.6s
}

@keyframes anim22 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(99vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(23) {
    transform: translate(31vw) translateY(-8px);
    animation: anim23 4s infinite;
    animation-delay: 6.9s
}

@keyframes anim23 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(51vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(24) {
    transform: translate(96vw) translateY(-8px);
    animation: anim24 4s infinite;
    animation-delay: 7.2s
}

@keyframes anim24 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(116vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(25) {
    transform: translate(37vw) translateY(-8px);
    animation: anim25 4s infinite;
    animation-delay: 7.5s
}

@keyframes anim25 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(57vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(26) {
    transform: translate(27vw) translateY(-8px);
    animation: anim26 4s infinite;
    animation-delay: 7.8s
}

@keyframes anim26 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(47vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(27) {
    transform: translate(7vw) translateY(-8px);
    animation: anim27 4s infinite;
    animation-delay: 8.1s
}

@keyframes anim27 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(27vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(28) {
    transform: translate(63vw) translateY(-8px);
    animation: anim28 4s infinite;
    animation-delay: 8.4s
}

@keyframes anim28 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(83vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(29) {
    transform: translate(91vw) translateY(-8px);
    animation: anim29 4s infinite;
    animation-delay: 8.7s
}

@keyframes anim29 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(111vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(30) {
    transform: translate(64vw) translateY(-8px);
    animation: anim30 4s infinite;
    animation-delay: 9s
}

@keyframes anim30 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(84vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(31) {
    transform: translate(56vw) translateY(-8px);
    animation: anim31 4s infinite;
    animation-delay: 9.3s
}

@keyframes anim31 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(76vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(32) {
    transform: translate(67vw) translateY(-8px);
    animation: anim32 4s infinite;
    animation-delay: 9.6s
}

@keyframes anim32 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(87vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(33) {
    transform: translate(24vw) translateY(-8px);
    animation: anim33 4s infinite;
    animation-delay: 9.9s
}

@keyframes anim33 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(44vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(34) {
    transform: translate(63vw) translateY(-8px);
    animation: anim34 4s infinite;
    animation-delay: 10.2s
}

@keyframes anim34 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(83vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(35) {
    transform: translate(98vw) translateY(-8px);
    animation: anim35 4s infinite;
    animation-delay: 10.5s
}

@keyframes anim35 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(118vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(36) {
    transform: translate(32vw) translateY(-8px);
    animation: anim36 4s infinite;
    animation-delay: 10.8s
}

@keyframes anim36 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(52vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(37) {
    transform: translate(51vw) translateY(-8px);
    animation: anim37 4s infinite;
    animation-delay: 11.1s
}

@keyframes anim37 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(71vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(38) {
    transform: translate(70vw) translateY(-8px);
    animation: anim38 4s infinite;
    animation-delay: 11.4s
}

@keyframes anim38 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(90vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(39) {
    transform: translate(95vw) translateY(-8px);
    animation: anim39 4s infinite;
    animation-delay: 11.7s
}

@keyframes anim39 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(115vw) translateY(100vh);
        opacity: 0%
    }
}

.falling-star:nth-child(40) {
    transform: translate(23vw) translateY(-8px);
    animation: anim40 4s infinite;
    animation-delay: 12s
}

@keyframes anim40 {
    10% {
        opacity: 50%
    }
    12% {
        opacity: 100%;
        box-shadow: 0 0 3px #fff
    }
    15% {
        opacity: 50%
    }
    50% {
        opacity: 0%
    }
    to {
        transform: translate(43vw) translateY(100vh);
        opacity: 0%
    }
}

@media only screen and (width <=767px) {
    .hero.is-side .title,
    .hero.is-side .subtitle {
        text-align: center
    }
    .hero.is-side .buttons {
        justify-content: center
    }
}

@media only screen and (width >=768px) and (width <=1024px) and (orientation: portrait) {
    .hero.is-fullheight {
        max-height: initital !important;
        min-height: 100vh
    }
    .hero.is-side .title,
    .hero.is-side .subtitle {
        text-align: center
    }
    .hero.is-side .buttons {
        justify-content: center
    }
}

@media only screen and (width >=768px) and (width <=1024px) and (orientation: landscape) {
    .hero.is-fullheight {
        max-height: initital !important;
        min-height: 100vh !important
    }
}

@media only screen and (min-device-width: 820px) and (max-device-height: 1180px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait) {
    .hero.is-fullheight .columns {
        display: block
    }
    .hero.is-fullheight .columns .column {
        width: 100%;
        margin: 0 !important
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait) {
    .hero.is-fullheight .columns {
        display: block
    }
    .hero.is-fullheight .columns .column {
        width: 100%;
        margin: 0 !important
    }
}
@charset "UTF-8";
.button[data-v-c836535e] {
    font-size: .95rem;
    font-family: var(--font);
    color: var(--button-base-color);
    background: var(--button-base-bg-color);
    border-color: var(--button-base-border-color);
    min-height: 48px;
    border-radius: .65rem;
    transition: all .3s
}

.button .iconify[data-v-c836535e] {
    vertical-align: middle
}

.button[data-v-c836535e]:active,
.button[data-v-c836535e]:focus {
    color: var(--button-base-color);
    box-shadow: var(--button-base-shadow);
    border-color: var(--button-base-border-color-hover)
}

.button[data-v-c836535e]:focus:not(:active) {
    box-shadow: var(--button-base-shadow)
}

.button[data-v-c836535e]:hover {
    border-color: var(--button-base-border-color-hover)
}

.button.is-bold[data-v-c836535e] {
    font-weight: 600
}

.button.is-long-1[data-v-c836535e] {
    min-width: 110px
}

.button.is-long-2[data-v-c836535e] {
    min-width: 130px
}

.button.is-long-3[data-v-c836535e] {
    min-width: 150px
}

.button.is-medium[data-v-c836535e] {
    font-size: 1.1rem;
    padding-bottom: calc(.6em - 1px)
}

.button.is-large[data-v-c836535e] {
    font-size: 1.25rem;
    padding-bottom: calc(.6em - 1px)
}

.button.is-form[data-v-c836535e] {
    min-height: 40px;
    height: 40px
}

.button.is-rounded[data-v-c836535e] {
    border-radius: 500rem;
    padding-right: 1.5em;
    padding-left: 1.5em
}

.button.is-light[data-v-c836535e] {
    color: var(--button-light-color);
    background: var(--button-light-bg-color);
    border-color: var(--button-light-border-color)
}

.button.is-light[data-v-c836535e]:hover {
    opacity: .6
}

.button.is-light.is-outlined[data-v-c836535e] {
    background: transparent;
    color: var(--button-light-color-inverted);
    border-color: var(--button-light-border-color-inverted)
}

.button.is-light.is-outlined[data-v-c836535e]:hover {
    opacity: 1;
    background: var(--button-light-bg-color-inverted);
    color: var(--button-light-color-inverted-hover)
}

.button.is-primary[data-v-c836535e] {
    color: var(--button-primary-color);
    background: var(--button-primary-bg-color);
    border-color: var(--button-primary-border-color);
    box-shadow: var(--primary-box-shadow);
}

.button.is-primary[data-v-c836535e]:hover {
    color: var(--button-primary-color);
    border-color: var(--button-primary-border-color-hover);
    background: var(--button-primary-bg-color-hover)
}

.button.is-primary.is-outlined[data-v-c836535e] {
    background: transparent;
    color: var(--button-primary-color-inverted)
}

.button.is-primary.is-outlined[data-v-c836535e]:hover {
    background: var(--button-primary-bg-color);
    color: var(--white-smoke)
}

.button.is-primary.is-raised[data-v-c836535e]:hover,
.button.is-primary.is-elevated[data-v-c836535e] {
    box-shadow: var(--primary-box-shadow)
}

.button.is-secondary[data-v-c836535e] {
    color: var(--button-secondary-color);
    background: var(--button-secondary-bg-color);
    border-color: var(--button-secondary-border-color)
}

.button.is-secondary[data-v-c836535e]:hover {
    color: var(--button-secondary-color);
    border-color: var(--button-secondary-border-color-hover);
    background: var(--button-secondary-bg-color-hover)
}

.button.is-secondary.is-outlined[data-v-c836535e] {
    background: transparent;
    color: var(--button-secondary-color-inverted)
}

.button.is-secondary.is-outlined[data-v-c836535e]:hover {
    background: var(--button-secondary-bg-color);
    color: var(--white-smoke)
}

.button.is-secondary.is-raised[data-v-c836535e]:hover,
.button.is-secondary.is-elevated[data-v-c836535e] {
    box-shadow: var(--secondary-box-shadow)
}

.button.is-success[data-v-c836535e] {
    color: var(--button-success-color);
    background: var(--button-success-bg-color);
    border-color: var(--button-success-border-color)
}

.button.is-success[data-v-c836535e]:hover {
    color: var(--button-success-color);
    border-color: var(--button-success-border-color-hover);
    background: var(--button-success-bg-color-hover)
}

.button.is-success.is-outlined[data-v-c836535e] {
    background: transparent;
    color: var(--button-success-color-inverted)
}

.button.is-success.is-outlined[data-v-c836535e]:hover {
    background: var(--button-success-bg-color);
    color: var(--white-smoke)
}

.button.is-success.is-raised[data-v-c836535e]:hover,
.button.is-success.is-elevated[data-v-c836535e] {
    box-shadow: var(--success-box-shadow)
}

.button.is-info[data-v-c836535e] {
    color: var(--button-info-color);
    background: var(--button-info-bg-color);
    border-color: var(--button-info-border-color)
}

.button.is-info[data-v-c836535e]:hover {
    color: var(--button-info-color);
    border-color: var(--button-info-border-color-hover);
    background: var(--button-info-bg-color-hover)
}

.button.is-info.is-outlined[data-v-c836535e] {
    background: transparent;
    color: var(--button-info-color-inverted)
}

.button.is-info.is-outlined[data-v-c836535e]:hover {
    background: var(--button-info-bg-color);
    color: var(--white-smoke)
}

.button.is-info.is-raised[data-v-c836535e]:hover,
.button.is-info.is-elevated[data-v-c836535e] {
    box-shadow: var(--info-box-shadow)
}

.button.is-warning[data-v-c836535e] {
    color: var(--button-warning-color);
    background: var(--button-warning-bg-color);
    border-color: var(--button-warning-border-color)
}

.button.is-warning[data-v-c836535e]:hover {
    color: var(--button-warning-color);
    border-color: var(--button-warning-border-color-hover);
    background: var(--button-warning-bg-color-hover)
}

.button.is-warning.is-outlined[data-v-c836535e] {
    background: transparent;
    color: var(--button-warning-color-inverted)
}

.button.is-warning.is-outlined[data-v-c836535e]:hover {
    background: var(--button-warning-bg-color);
    color: var(--white-smoke)
}

.button.is-warning.is-raised[data-v-c836535e]:hover,
.button.is-warning.is-elevated[data-v-c836535e] {
    box-shadow: var(--warning-box-shadow)
}

.button.is-danger[data-v-c836535e] {
    color: var(--button-danger-color);
    background: var(--button-danger-bg-color);
    border-color: var(--button-danger-border-color)
}

.button.is-danger[data-v-c836535e]:hover {
    color: var(--button-danger-color);
    border-color: var(--button-danger-border-color-hover);
    background: var(--button-danger-bg-color-hover)
}

.button.is-danger.is-outlined[data-v-c836535e] {
    background: transparent;
    color: var(--button-danger-color-inverted)
}

.button.is-danger.is-outlined[data-v-c836535e]:hover {
    background: var(--button-danger-bg-color);
    color: var(--white-smoke)
}

.button.is-danger.is-raised[data-v-c836535e]:hover,
.button.is-danger.is-elevated[data-v-c836535e] {
    box-shadow: var(--danger-box-shadow)
}

.disable-transitions *:not(.track-knob) {
    transition-property: none !important;
    transition-duration: 0 !important
}

.style-5 span[data-v-f9449ff7]:before,
.style-5 span[data-v-f9449ff7]:after,
.style-4 span[data-v-f9449ff7]:before,
.style-4 span[data-v-f9449ff7]:after,
.style-3 span[data-v-f9449ff7]:before,
.style-2 span[data-v-f9449ff7]:before,
.style-2 span[data-v-f9449ff7]:after,
.hamburger[data-v-f9449ff7]:after,
.hamburger[data-v-f9449ff7]:before,
.hamburger span[data-v-f9449ff7] {
    display: block;
    position: absolute;
    top: 50%;
    left: .125em;
    background-color: var(--light-text);
    width: .75em;
    height: .05em;
    border-radius: 0
}

.hamburger[data-v-f9449ff7] {
    font-size: 1.6rem;
    width: 1em;
    height: 1em;
    display: inline-block;
    position: relative;
    background-color: transparent;
    border: 0;
    padding: 0;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-action: manipulation;
    cursor: pointer
}

.hamburger span[data-v-f9449ff7] {
    margin-top: -.025em
}

.hamburger[data-v-f9449ff7]:before {
    content: "";
    margin-top: .225em
}

.hamburger[data-v-f9449ff7]:after {
    content: "";
    margin-top: -.275em
}

.style-1[data-v-f9449ff7]:before,
.style-1[data-v-f9449ff7]:after,
.style-1 span[data-v-f9449ff7] {
    transition: .25s ease-in-out
}

.style-1.open[data-v-f9449ff7]:before {
    transform: rotate(135deg);
    margin-top: -.025em
}

.style-1.open[data-v-f9449ff7]:after {
    transform: rotate(-135deg);
    margin-top: -.025em
}

.style-1.open span[data-v-f9449ff7] {
    opacity: 0;
    transform: translate(150%)
}

.style-2[data-v-f9449ff7]:before,
.style-2[data-v-f9449ff7]:after {
    display: none
}

.style-2 span[data-v-f9449ff7] {
    transition: .25s ease
}

.style-2 span[data-v-f9449ff7]:before,
.style-2 span[data-v-f9449ff7]:after {
    content: "";
    transition: .25s ease;
    top: 0;
    left: 0
}

.style-2 span[data-v-f9449ff7]:before {
    transform: translateY(-.5em)
}

.style-2 span[data-v-f9449ff7]:after {
    transform: translateY(.5em)
}

.style-2.open span[data-v-f9449ff7] {
    transform: rotate(45deg)
}

.style-2.open span[data-v-f9449ff7]:before,
.style-2.open span[data-v-f9449ff7]:after {
    transform: rotate(90deg)
}

.style-3[data-v-f9449ff7]:before,
.style-3[data-v-f9449ff7]:after {
    transition: .2s ease .2s
}

.style-3[data-v-f9449ff7]:after {
    left: auto;
    right: .125em
}

.style-3 span[data-v-f9449ff7] {
    transition: .2s
}

.style-3 span[data-v-f9449ff7]:before {
    content: "";
    transition: inherit;
    left: 0;
    top: 0
}

.style-3.open[data-v-f9449ff7]:before,
.style-3.open[data-v-f9449ff7]:after {
    transition: .2s ease;
    width: 0
}

.style-3.open span[data-v-f9449ff7] {
    transform: rotate(45deg);
    transition: .2s ease .2s
}

.style-3.open span[data-v-f9449ff7]:before {
    transform: rotate(-90deg)
}

.style-4[data-v-f9449ff7]:before,
.style-4[data-v-f9449ff7]:after {
    display: none
}

.style-4 span[data-v-f9449ff7] {
    transition: .25s ease
}

.style-4 span[data-v-f9449ff7]:before,
.style-4 span[data-v-f9449ff7]:after {
    content: "";
    top: 0;
    left: 0;
    transition: inherit;
    margin: 0
}

.style-4 span[data-v-f9449ff7]:before {
    transform: translateY(-.5em)
}

.style-4 span[data-v-f9449ff7]:after {
    transform: translateY(.5em)
}

.style-4.open span[data-v-f9449ff7] {
    transform: rotate(180deg)
}

.style-4.open span[data-v-f9449ff7]:before,
.style-4.open span[data-v-f9449ff7]:after {
    width: .375em;
    left: .02em
}

.style-4.open span[data-v-f9449ff7]:before {
    transform: rotate(-45deg) translateY(-.17em)
}

.style-4.open span[data-v-f9449ff7]:after {
    transform: rotate(45deg) translateY(.17em)
}

.style-5[data-v-f9449ff7]:before,
.style-5[data-v-f9449ff7]:after {
    display: none
}

.style-5 span[data-v-f9449ff7] {
    transition: .25s ease
}

.style-5 span[data-v-f9449ff7]:before,
.style-5 span[data-v-f9449ff7]:after {
    content: "";
    top: 0;
    right: 0;
    left: auto;
    transition: inherit;
    margin: 0
}

.style-5 span[data-v-f9449ff7]:before {
    transform: translateY(-.5em)
}

.style-5 span[data-v-f9449ff7]:after {
    transform: translateY(.5em)
}

.style-5.open span[data-v-f9449ff7] {
    transform: rotate(-180deg)
}

.style-5.open span[data-v-f9449ff7]:before,
.style-5.open span[data-v-f9449ff7]:after {
    width: .375em;
    right: .02em
}

.style-5.open span[data-v-f9449ff7]:before {
    transform: rotate(-45deg) translateY(.17em)
}

.style-5.open span[data-v-f9449ff7]:after {
    transform: rotate(45deg) translateY(-.17em)
}

.navbar[data-v-7dfbf671] {
    height: 70px;
    transition: all .3s
}

.navbar .navbar-brand[data-v-7dfbf671] {
    height: 70px
}

.navbar .navbar-brand .navbar-logo[data-v-7dfbf671] img {
    width: 100%;
    max-width: 110px;
    max-height: 38px
}

.navbar .navbar-brand .navbar-logo-text[data-v-7dfbf671] {
    font-family: var(--font-alt);
    font-weight: 300;
    font-size: 1.1rem;
    text-transform: uppercase;
    margin-left: .75rem;
    margin-right: 1rem;
    color: var(--dark-text)
}

.navbar .navbar-brand .navbar-burger[data-v-7dfbf671] {
    display: none;
    align-items: center;
    justify-content: center;
    height: 70px;
    width: 70px;
    background: none
}

.navbar .navbar-menu[data-v-7dfbf671] {
    box-shadow: none
}

.navbar .navbar-menu.is-active[data-v-7dfbf671] {
    background: var(--white);
	border-radius: 30px;
    margin: 15px 15px 15px 15px;
}

.navbar .navbar-item[data-v-7dfbf671] {
    font-family: var(--font-alt);
    font-size: .9rem;
    font-weight: 600;
    color: var(--navbar-link-color);
    transition: color .3s;
    background: none;
    border: none
}

.navbar .navbar-item.router-link-exact-active[data-v-7dfbf671] {
    color: var(--primary)
}

.navbar .navbar-item.router-link-exact-active.has-naver[data-v-7dfbf671]:before {
    background: var(--primary)
}

.navbar .navbar-item.is-selected>.iconify[data-v-7dfbf671] {
    transform: rotate(180deg) !important
}

.navbar .navbar-item[data-v-7dfbf671]:hover,
.navbar .navbar-item:hover .has-naver[data-v-7dfbf671] {
    color: var(--primary)
}

.navbar .navbar-item:hover .has-naver[data-v-7dfbf671]:before {
    transform-origin: left center;
    transform: scale(1)
}

.navbar .navbar-item.has-dropdown .navbar-link[data-v-7dfbf671] {
    color: var(--medium-text)
}

.navbar .navbar-item.has-dropdown .navbar-link[data-v-7dfbf671]:hover {
    color: var(--primary)
}

.navbar .navbar-item.has-dropdown .navbar-dropdown[data-v-7dfbf671] {
    width: 240px
}

.navbar .navbar-item .has-naver[data-v-7dfbf671] {
    position: relative
}

.navbar .navbar-item .has-naver[data-v-7dfbf671]:before {
    content: "";
    position: absolute;
    top: -4px;
    left: 2px;
    width: 50%;
    transform-origin: right center;
    height: 3px;
    border-radius: 50px;
    background: var(--primary);
    transform: scaleX(0);
    transition: transform .4s cubic-bezier(.4, 0, .2, 1)
}

.navbar .navbar-item>.social-item[data-v-7dfbf671] {
    color: var(--medium-text);
    transition: color .3s
}

.navbar .navbar-item>.social-item[data-v-7dfbf671]:hover {
    color: var(--primary)
}

.navbar .navbar-item>.button[data-v-7dfbf671] {
    min-height: 48px;
    min-width: 110px
}

.navbar .navbar-item>.iconify[data-v-7dfbf671] {
    transition: transform .3s;
    vertical-align: middle;
    font-size: 1.1rem
}

.navbar.is-fade[data-v-7dfbf671] {
    background: transparent
}

.navbar.is-fade.is-scrolled[data-v-7dfbf671] {
    background: var(--navbar-bg-color-solid);
    box-shadow: #00000014 0 1px 12px
}

.navbar.is-solid[data-v-7dfbf671] {
    background: var(--navbar-bg-color-solid);
    box-shadow: none
}

.navbar.is-solid .navbar-menu[data-v-7dfbf671] {
    border-bottom: 1px solid var(--navbar-border-color)
}

.navbar.is-inverted:not(.is-solid):not(.is-scrolled) .navbar-brand .navbar-logo[data-v-7dfbf671] {
    filter: brightness(0) invert(1)
}

.navbar.is-inverted:not(.is-solid):not(.is-scrolled) .navbar-item[data-v-7dfbf671] {
    color: #ffffffe6
}

.navbar.is-fixed-top[data-v-7dfbf671] {
    z-index: 32
}

[data-v-7dfbf671] .megamenu {
    position: fixed;
    top: 69px;
    left: 0;
    width: 100%;
    background: var(--navbar-bg-color-solid);
    border-top: 1px solid var(--navbar-border-color);
    box-shadow: 0 15px 15px #00000012;
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);
    transition: opacity .3s, transform .3s
}

[data-v-7dfbf671] .megamenu.is-active {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
    z-index: 50
}

[data-v-7dfbf671] .megamenu .megamenu-inner {
    position: relative;
    padding: 60px 0 80px
}

[data-v-7dfbf671] .megamenu .megamenu-inner .close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
    align-items: center;
    justify-content: center;
    height: 38px;
    width: 38px;
    padding: 0;
    border: none;
    background: none;
    outline: none;
    font-size: 1.75rem;
    color: var(--megamenu-close-color)
}

[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block.is-left-bordered {
    padding-left: 2rem;
    border-left: 1px solid var(--navbar-border-color)
}

[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block .media .media-left.is-bolt {
    color: #ffb921
}

[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block .media .media-left.is-company {
    color: var(--success)
}

[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block .media .media-left.is-resources {
    color: #f16036
}

[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block .media .media-left .iconify {
    font-size: 2.25rem
}

[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block .media .media-content .tag {
    margin-bottom: .5rem
}

[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block .media .media-content h3 {
    font-family: var(--font-alt);
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--megamenu-heading-color);
    margin-bottom: 1.25rem
}

[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block .media .media-content p {
    font-family: var(--font);
    color: var(--medium-text);
    margin-bottom: 1rem
}

[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block .media .media-content a {
    font-family: var(--font);
    font-weight: 500;
    transition: color .3s
}

[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block .media .media-content a .iconify {
    vertical-align: middle;
    transition: transform .3s
}

[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block .media .media-content a:hover {
    color: var(--primary-light-16)
}

[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block .media .media-content a:hover .iconify {
    transform: translate(.25rem)
}

[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block h4 {
    font-family: var(--font-alt);
    font-size: .8rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--megamenu-heading-color);
    margin-bottom: .75rem
}

[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block li {
    position: relative;
    margin-bottom: .25rem
}

[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block li:before {
    content: "";
    position: absolute;
    top: 15%;
    left: 0;
    width: 3px;
    height: 0;
    background: var(--primary);
    border-radius: 20rem;
    transition: height .3s, transform .3s
}

[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block li:hover .list-link {
    color: var(--primary);
    transform: translate(.5rem)
}

[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block li:hover:before {
    height: 70%
}

[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block .list-link {
    display: block;
    position: relative;
    font-family: var(--font);
    font-size: .9rem;
    color: var(--medium-text);
    margin-bottom: .5rem;
    transition: color .3s, transform .3s
}

[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block a .iconify {
    vertical-align: middle;
    margin-left: .5rem
}

[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block .image-block {
    position: relative
}

[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block .image-block img {
    position: relative;
    display: block;
    border-radius: .95rem;
    -o-object-fit: cover;
    object-fit: cover
}

[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block .image-block .inner-block {
    position: absolute;
    bottom: -1rem;
    left: 0;
    right: 0;
    width: 90%;
    margin: 0 auto;
    padding: .75rem 1.25rem;
    border-radius: .75rem;
    background: var(--card-bg-color);
    border: 1px solid var(--card-border-color);
    box-shadow: var(--light-box-shadow);
    z-index: 1
}

@media only screen and (width <=1024px) {
    .navbar.is-centered:not(.no-nav) .navbar-brand[data-v-7dfbf671] {
        display: flex
    }
    .navbar.is-centered:not(.no-nav) .navbar-menu .navbar-center[data-v-7dfbf671] {
        display: none !important
    }
    .navbar.is-centered.no-nav .navbar-menu[data-v-7dfbf671] {
        display: flex !important;
        padding: 0 !important;
        box-shadow: none !important;
        background: transparent !important
    }
}

@media only screen and (width <=980px) {
    .navbar .navbar-brand .navbar-burger[data-v-7dfbf671] {
        display: flex !important
    }
}

@media only screen and (width <=767px) {
    .navbar .navbar-brand .navbar-burger[data-v-7dfbf671] {
        display: flex
    }
    .navbar .navbar-menu .navbar-item[data-v-7dfbf671] {
        margin: 0 auto
    }
    .navbar .navbar-menu .navbar-item.has-dropdown .navbar-dropdown[data-v-7dfbf671] {
        width: 100%
    }
    .navbar .navbar-menu .navbar-item[data-v-7dfbf671] .custom-toggle {
        max-width: 44px;
        margin: 0 auto;
        padding: 1rem 0
    }
    .navbar .navbar-menu .navbar-item .button[data-v-7dfbf671] {
        min-height: 46px;
        width: 100%
    }
    .navbar[data-v-7dfbf671] .megamenu {
        top: 0
    }
    .navbar[data-v-7dfbf671] .megamenu .megamenu-inner .close-button {
        display: flex
    }
    .navbar[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block {
        margin-left: 0 !important
    }
    .navbar[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block.is-left-bordered {
        padding-left: 0;
        border-left: none
    }
    .navbar[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block .media {
        flex-direction: column;
        margin-left: 0
    }
    .navbar[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block .media .media-left,
    .navbar[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block .media .media-content {
        margin-left: auto;
        margin-right: auto
    }
    .navbar[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block .media .media-content p {
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
        padding-left: .75rem;
        padding-right: .75rem
    }
}

@media only screen and (width >=768px) and (width <=1024px) and (orientation: portrait) {
    .navbar .navbar-brand .navbar-burger[data-v-7dfbf671] {
        display: flex
    }
    .navbar .navbar-menu[data-v-7dfbf671] {
        max-width: 100%
    }
    .navbar .navbar-menu .navbar-item[data-v-7dfbf671] {
        margin: 0 auto
    }
    .navbar .navbar-menu .navbar-item.has-dropdown .navbar-dropdown[data-v-7dfbf671] {
        width: 100%
    }
    .navbar .navbar-menu .navbar-item[data-v-7dfbf671] .custom-toggle {
        max-width: 44px;
        margin: 0 auto;
        padding: 1rem 0
    }
    .navbar .navbar-menu .navbar-item .button[data-v-7dfbf671] {
        min-height: 46px;
        width: 100%
    }
    .navbar[data-v-7dfbf671] .megamenu {
        top: 0
    }
    .navbar[data-v-7dfbf671] .megamenu .megamenu-inner .close-button {
        display: flex;
        top: 30px;
        right: 30px
    }
    .navbar[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block {
        margin-left: 0 !important
    }
    .navbar[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block.is-left-bordered {
        padding-left: 0;
        border-left: none
    }
    .navbar[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block .media {
        flex-direction: column;
        margin-left: 0
    }
    .navbar[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block .media .media-left,
    .navbar[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block .media .media-content {
        margin-left: auto;
        margin-right: auto
    }
    .navbar[data-v-7dfbf671] .megamenu .megamenu-inner .megamenu-block .media .media-content p {
        max-width: 480px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait) {
    .navbar .navbar-brand .navbar-burger[data-v-7dfbf671] {
        display: none !important
    }
}

.action-link[data-v-8807ba06] {
    display: inline-flex;
    align-items: center;
    margin-top: .5rem;
    font-family: var(--font)
}

.action-link[data-v-8807ba06]:hover {
    color: var(--primary)
}

.action-link:hover .iconify[data-v-8807ba06] {
    transform: translate(5px)
}

.action-link.is-narrow[data-v-8807ba06] {
    margin-top: 0
}

.action-link.is-heavy[data-v-8807ba06] {
    font-weight: 500
}

.action-link .iconify[data-v-8807ba06] {
    vertical-align: middle;
    margin-left: .25rem;
    transition: transform .3s
}

@media only screen and (width <=767px) {
    .field.is-grouped[data-v-7218cf66] {
        flex-direction: column
    }
    .field.is-grouped[data-v-7218cf66] .control {
        margin: 0
    }
    .field.is-grouped[data-v-7218cf66] .control:not(:last-child) {
        margin-bottom: .75rem
    }
    .field.is-grouped[data-v-7218cf66] .button {
        width: 100%
    }
}

.control.has-icon[data-v-490f87a9] {
    position: relative
}

.control.has-icon .form-icon[data-v-490f87a9] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    z-index: 1
}

.control.has-icon .form-icon .iconify[data-v-490f87a9] {
    color: var(--input-form-icon-color);
    transition: color .3s
}

.control.has-icon .input:focus~.form-icon .iconify[data-v-490f87a9] {
    color: var(--primary)
}

.control.has-validation[data-v-490f87a9] {
    position: relative
}

.control.has-validation .validation-icon[data-v-490f87a9] {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    z-index: 1
}

.control.has-validation .validation-icon .iconify[data-v-490f87a9] {
    transition: color .3s
}

.control.has-validation.is-valid .validation-icon .iconify[data-v-490f87a9] {
    color: var(--success)
}

.control.has-validation.is-valid .validation-icon.valid-icon[data-v-490f87a9] {
    display: flex
}

.control.has-validation.is-valid .validation-icon.invalid-icon[data-v-490f87a9] {
    display: none
}

.control.has-validation.is-invalid .validation-icon .iconify[data-v-490f87a9] {
    color: var(--danger)
}

.control.has-validation.is-invalid .validation-icon.valid-icon[data-v-490f87a9] {
    display: none
}

.control.has-validation.is-invalid .validation-icon.invalid-icon[data-v-490f87a9] {
    display: flex
}

.input[data-v-7a64de45] {
    color: var(--input-base-color);
    background: var(--input-base-bg-color);
    border-color: var(--input-base-border-color);
    border-radius: .65rem;
    padding-bottom: calc(.6em - 1px);
    box-shadow: none;
    transition: border .3s, box-shadow .3s
}

.input[data-v-7a64de45]:focus {
    box-shadow: var(--primary-box-shadow);
    border-color: var(--input-base-focus-color)
}

.input[data-v-7a64de45]::-moz-placeholder {
    color: var(--input-placeholder-color)
}

.input[data-v-7a64de45]::placeholder {
    color: var(--input-placeholder-color)
}

.input.is-rounded[data-v-7a64de45] {
    border-radius: 500rem
}

.input.is-inverted[data-v-7a64de45] {
    color: var(--input-inverted-color);
    background: var(--input-inverted-bg-color);
    border-color: var(--input-inverted-border-color)
}

.input.is-inverted[data-v-7a64de45]:focus {
    box-shadow: var(--light-box-shadow);
    border-color: var(--input-inverted-border-color-hover)
}

.input.is-inverted[data-v-7a64de45]::-moz-placeholder {
    color: var(--input-inverted-placeholder-color)
}

.input.is-inverted[data-v-7a64de45]::placeholder {
    color: var(--input-inverted-placeholder-color)
}

.has-icon .input[data-v-7a64de45] {
    padding-left: 38px
}

.has-validation .input[data-v-7a64de45] {
    padding-right: 38px
}

.has-validation.is-valid .input[data-v-7a64de45] {
    border-color: var(--success) !important
}

.has-validation.is-invalid .input[data-v-7a64de45] {
    border-color: var(--danger) !important
}

.subtitle[data-v-4d1858d5] {
    font-family: var(--font);
    color: var(--medium-text)
}

.subtitle.is-inverted[data-v-4d1858d5] {
    color: var(--title-color-inverted) !important
}

.subtitle.is-narrow[data-v-4d1858d5] {
    margin-bottom: 0 !important
}

.subtitle.is-leading[data-v-4d1858d5] {
    margin-bottom: .5rem !important
}

.subtitle.is-uppercase[data-v-4d1858d5] {
    text-transform: uppercase
}

.subtitle.is-thin[data-v-4d1858d5] {
    font-weight: 300
}

.subtitle.is-heavy[data-v-4d1858d5] {
    font-weight: 600
}

.subtitle.is-bold[data-v-4d1858d5] {
    font-weight: 700
}

.subtitle.is-bolder[data-v-4d1858d5] {
    font-weight: 800
}

.title[data-v-029d3f38] {
    font-family: var(--font-alt);
    color: var(--title-color)
}

.title.is-inverted[data-v-029d3f38] {
    color: var(--title-color-inverted)
}

.title.is-0[data-v-029d3f38],
.title.is-8[data-v-029d3f38] {
    font-size: 4rem
}

.title.is-7[data-v-029d3f38] {
    font-size: .9rem
}

.title.is-narrow[data-v-029d3f38] {
    margin-bottom: 0 !important
}

.title.is-leading[data-v-029d3f38] {
    margin-bottom: .5rem !important
}

.title.is-uppercase[data-v-029d3f38] {
    text-transform: uppercase
}

.title.is-thin[data-v-029d3f38] {
    font-weight: 300
}

.title.is-semi[data-v-029d3f38] {
    font-weight: 600
}

.title.is-bold[data-v-029d3f38] {
    font-weight: 700
}

.title.is-bolder[data-v-029d3f38] {
    font-weight: 800
}

.cta-block[data-v-b0338eaa] {
    text-align: center
}

.cta-block .cta-content[data-v-b0338eaa] {
    position: relative;
    z-index: 1
}

.cta-block img[data-v-b0338eaa] {
    display: block
}

.cta-block.is-boxed[data-v-b0338eaa] {
    position: relative;
    background: var(--card-bg-color);
    border: 1px solid var(--card-border-color);
    padding: 3.5rem;
    max-width: 740px;
    margin: 0 auto;
    border-radius: 1.5rem;
    overflow: hidden
}

.cta-block.is-boxed .box-shape[data-v-b0338eaa] {
    position: absolute;
    height: 50px;
    width: 300px;
    border-radius: 50rem;
    background: var(--widget-grey);
    transition: transform .3s ease
}

.cta-block.is-boxed .box-shape.box-shape-1[data-v-b0338eaa] {
    top: 0;
    right: 0;
    transform: rotate(-45deg) translate(50px, 100px);
    transition-delay: .25s
}

.cta-block.is-boxed .box-shape.box-shape-2[data-v-b0338eaa] {
    top: 0;
    right: 0;
    transform: rotate(-45deg) translate(150px, 20px);
    transition-delay: .05s
}

.cta-block.is-boxed .box-shape.box-shape-3[data-v-b0338eaa] {
    top: 0;
    right: 0;
    transform: rotate(-45deg) translate(100px, 180px);
    transition-delay: .15s
}

.cta-block.is-boxed .box-shape.box-shape-4[data-v-b0338eaa] {
    bottom: 0;
    left: 0;
    transform: rotate(-45deg) translate(-50px, -100px);
    transition-delay: .7s
}

.cta-block.is-boxed .box-shape.box-shape-5[data-v-b0338eaa] {
    bottom: 0;
    left: 0;
    transform: rotate(-45deg) translate(-150px, -20px);
    transition-delay: .55s
}

.cta-block.is-boxed .box-shape.box-shape-6[data-v-b0338eaa] {
    bottom: 0;
    left: 0;
    transform: rotate(-45deg) translate(-100px, -180px);
    transition-delay: .35s
}

.cta-block.is-boxed.is-default[data-v-b0338eaa] {
    box-shadow: var(--light-box-shadow)
}

.cta-block.is-boxed.is-animated .box-shape.box-shape-1[data-v-b0338eaa] {
    transform: rotate(-45deg) translate(280px, 100px)
}

.cta-block.is-boxed.is-animated .box-shape.box-shape-2[data-v-b0338eaa] {
    transform: rotate(-45deg) translate(220px, 20px)
}

.cta-block.is-boxed.is-animated .box-shape.box-shape-3[data-v-b0338eaa] {
    transform: rotate(-45deg) translate(220px, 180px)
}

.cta-block.is-boxed.is-animated .box-shape.box-shape-4[data-v-b0338eaa] {
    transform: rotate(-45deg) translate(-280px, -100px)
}

.cta-block.is-boxed.is-animated .box-shape.box-shape-5[data-v-b0338eaa] {
    transform: rotate(-45deg) translate(-220px, -20px)
}

.cta-block.is-boxed.is-animated .box-shape.box-shape-6[data-v-b0338eaa] {
    transform: rotate(-45deg) translate(-220px, -180px)
}

.cta-block.is-boxed.is-animated:hover .box-shape.box-shape-1[data-v-b0338eaa] {
    transform: rotate(-45deg) translate(50px, 100px)
}

.cta-block.is-boxed.is-animated:hover .box-shape.box-shape-2[data-v-b0338eaa] {
    transform: rotate(-45deg) translate(150px, 20px)
}

.cta-block.is-boxed.is-animated:hover .box-shape.box-shape-3[data-v-b0338eaa] {
    transform: rotate(-45deg) translate(100px, 180px)
}

.cta-block.is-boxed.is-animated:hover .box-shape.box-shape-4[data-v-b0338eaa] {
    transform: rotate(-45deg) translate(-50px, -100px)
}

.cta-block.is-boxed.is-animated:hover .box-shape.box-shape-5[data-v-b0338eaa] {
    transform: rotate(-45deg) translate(-150px, -20px)
}

.cta-block.is-boxed.is-animated:hover .box-shape.box-shape-6[data-v-b0338eaa] {
    transform: rotate(-45deg) translate(-100px, -180px)
}

.cta-block.is-boxed.is-primary[data-v-b0338eaa] {
    background: var(--primary);
    box-shadow: var(--primary-box-shadow);
    border: none
}

.cta-block.is-boxed.is-primary .box-shape[data-v-b0338eaa] {
    opacity: .2
}

.cta-block.is-boxed.is-darker[data-v-b0338eaa] {
    background: var(--dark);
    border: none
}

.cta-block.is-boxed.is-darker .box-shape[data-v-b0338eaa] {
    opacity: .05
}

.cta-block.is-boxed.is-darker img[data-v-b0338eaa],
.cta-block.is-inverted img[data-v-b0338eaa],
.is-dark .cta-block img[data-v-b0338eaa] {
    filter: invert(1)
}

.is-dark .cta-block.is-boxed:not(.is-primary):not(.is-darker) .box-shape[data-v-b0338eaa] {
    opacity: .05
}

@media only screen and (max-width: 767px) {
    .cta-block img[data-v-b0338eaa] {
        max-width: 75px;
        margin: 0 auto
    }
    .cta-block.is-boxed[data-v-b0338eaa] {
        padding: 2.75rem
    }
    .cta-block.is-boxed[data-v-b0338eaa] .subtitle {
        font-size: 1.15rem
    }
    .cta-block.is-boxed[data-v-b0338eaa] .button {
        min-width: 220px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .cta-block img[data-v-b0338eaa] {
        max-width: 75px;
        margin: 0 auto
    }
}

.footer-cta[data-v-eb4c4557] {
    position: absolute;
    top: -22.5%;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 3.5rem;
    border-radius: 1.25rem;
    background-image: url(/assets/shapes/pattern.png), linear-gradient(15deg, var(--primary), var(--primary-dark-16), var(--primary));
    background-size: 100% 100%, auto;
    background-repeat: no-repeat, no-repeat;
    z-index: 1
}

.footer-cta .title[data-v-eb4c4557] {
    opacity: 1 !important
}

.footer-cta[data-v-eb4c4557] .subtitle,
.footer-cta .field[data-v-eb4c4557] {
    color: var(--white-smoke)
}

.footer-cta .field.is-grouped[data-v-eb4c4557] {
    justify-content: flex-end
}

.footer-cta .buttons .button[data-v-eb4c4557] {
    min-width: 140px
}

@media only screen and (width <=767px) {
    .footer-cta[data-v-eb4c4557] {
        padding: 2rem;
        top: -12.5%;
        margin: 0 1rem;
        width: calc(100% - 2rem)
    }
    .footer-cta[data-v-eb4c4557] .title {
        font-size: 1.75rem
    }
    .footer-cta .buttons[data-v-eb4c4557] {
        margin-bottom: 0
    }
    .footer-cta .buttons .button[data-v-eb4c4557] {
        width: 100%
    }
    .footer-cta .field[data-v-eb4c4557] {
        display: none
    }
}

@media only screen and (width >=768px) and (width <=1024px) and (orientation: portrait) {
    .footer-cta[data-v-eb4c4557] {
        top: -17.5%;
        margin: 0 1rem;
        width: calc(100% - 2rem)
    }
    .footer-cta[data-v-eb4c4557] .title {
        font-size: 1.75rem
    }
}

@media only screen and (width >=768px) and (width <=1024px) and (orientation: landscape) {
    .footer-cta[data-v-eb4c4557] {
        top: -12.5%;
        margin: 0 1rem;
        width: calc(100% - 2rem)
    }
    .footer-cta[data-v-eb4c4557] .title {
        font-size: 1.75rem
    }
}

.map-bg[data-v-fc74b210] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 580px;
    margin: 0 auto;
    opacity: .4
}

.footer[data-v-6925fae9] {
    position: relative;
    padding-top: 6rem;
    padding-bottom: 3rem
}

.footer.has-cta[data-v-6925fae9] {
    margin-top: 6rem;
    padding-top: 10rem
}

.footer.footer-primary[data-v-6925fae9] {
    background: var(--primary)
}

.footer.footer-light[data-v-6925fae9] {
    background: var(--footer-light-bg-color)
}

.footer.footer-dark[data-v-6925fae9] {
    background: var(--footer-dark-bg-color)
}

.footer.footer-dark .columns.is-bordered[data-v-6925fae9] {
    border-bottom: 1px solid var(--footer-dark-border-color)
}

.footer.footer-dark .title[data-v-6925fae9] {
    color: var(--footer-dark-heading-color);
    opacity: .6
}

.footer.footer-dark .footer-link[data-v-6925fae9] {
    color: var(--footer-dark-link-color);
    opacity: .8
}

.footer.footer-dark .footer-link[data-v-6925fae9]:hover {
    color: var(--footer-dark-link-color-hover) !important;
    opacity: 1
}

.footer .columns[data-v-6925fae9] {
    position: relative;
    z-index: 1
}

.footer .columns.is-bordered[data-v-6925fae9] {
    border-bottom: 1px solid var(--border)
}

.footer .footer-column .footer-column-list li[data-v-6925fae9] {
    padding: .25rem 0
}

.footer .footer-link[data-v-6925fae9] {
    font-family: var(--font);
    font-weight: 300;
    color: var(--footer-light-link-color);
    transition: color .3s;
    padding: .25rem 0
}

.footer .footer-link[data-v-6925fae9]:hover {
    color: var(--footer-light-link-color-hover)
}

.footer .social-block .socials[data-v-6925fae9] {
    display: flex;
    justify-content: flex-end;
    padding: .5rem 0
}

.footer .social-block .socials a[data-v-6925fae9],
.footer .social-block .socials .router-link[data-v-6925fae9] {
    color: var(--white);
    font-size: 1rem;
    margin: 0 .5rem
}

.footer .footer-logo-left[data-v-6925fae9] {
    display: flex;
    align-items: center
}

.footer .footer-logo-left img[data-v-6925fae9] {
    display: block;
    width: 100%;
    max-width: 36px
}

.footer .footer-logo-left .footer-logo-text[data-v-6925fae9] {
    font-family: var(--font-alt);
    font-weight: 300;
    font-size: 1rem;
    text-transform: uppercase;
    margin-left: .5rem;
    margin-right: 1.5rem;
    color: var(--white)
}

@media only screen and (width <=767px) {
    .footer.has-cta[data-v-6925fae9] {
        margin-top: 12rem
    }
    .footer .social-block .socials[data-v-6925fae9] {
        justify-content: center
    }
}

@media only screen and (width >=768px) and (width <=1024px) and (orientation: portrait) {
    .footer .footer-columns[data-v-6925fae9] {
        display: flex;
        padding-bottom: 0 !important
    }
    .footer .columns.pt-6.pb-6[data-v-6925fae9] {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }
}

.landing-footer[data-v-d1d7493e] {
    padding: 3rem 1.5rem;
    background: var(--dark-bg)
}

.landing-footer .footer-flex[data-v-d1d7493e] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.landing-footer .footer-flex .listkit[data-v-d1d7493e] {
    padding: 5px 0
}

.landing-footer .footer-flex .listkit .logo[data-v-d1d7493e] img {
    height: 45px;
    margin: 10px auto 20px
}

.landing-footer .footer-flex .listkit .logo-text[data-v-d1d7493e] {
    display: block;
    font-family: var(--font);
    font-weight: 300;
    text-transform: uppercase;
    color: var(--white);
    letter-spacing: 4px;
    font-size: .9rem
}

.landing-footer .footer-flex .ninja[data-v-d1d7493e] {
    color: var(--white);
    font-family: var(--font);
    font-size: .75rem
}

.landing-footer .footer-flex .ninja div[data-v-d1d7493e] {
    margin: 5px 0
}

.landing-footer .footer-flex .ninja .made-by[data-v-d1d7493e] {
    display: flex;
    align-items: center;
    font-size: .95rem;
    color: var(--white);
    padding: 1rem 0
}

.landing-footer .footer-flex .ninja svg[data-v-d1d7493e] {
    width: 14px;
    height: 14px;
    fill: var(--danger);
    stroke: var(--danger)
}

.landing-footer .footer-flex .ninja .love[data-v-d1d7493e] {
    margin: 0 5px
}

.landing-footer .footer-flex .ninja .love[data-v-d1d7493e] path {
    fill: var(--danger);
    stroke: var(--danger)
}

.landing-footer .footer-flex .ninja a[data-v-d1d7493e] {
    font-size: .85rem;
    color: var(--primary)
}

.landing-footer .footer-flex .ninja a svg[data-v-d1d7493e] {
    position: relative;
    top: 4px;
    left: 8px;
    width: 100px;
    height: 52px;
    stroke: var(--white);
    fill: var(--white);
    transition: all .3s
}

.landing-footer .footer-flex .ninja a[data-v-d1d7493e]:hover {
    opacity: .7
}

.landing-footer .footer-flex .ninja a:hover svg[data-v-d1d7493e] {
    stroke: var(--success);
    fill: var(--success)
}

.landing-cta-wrapper[data-v-04f8bc41] {
    padding-bottom: 3rem
}

.landing-cta-wrapper .cta-title[data-v-04f8bc41] {
    text-align: center
}

.landing-cta-wrapper .cta-title h3[data-v-04f8bc41] {
    font-family: var(--font-main);
    font-weight: 300;
    font-size: 1.5rem;
    color: var(--light-text);
    margin-bottom: 20px
}

.landing-cta-wrapper .cta-title .custom-button[data-v-04f8bc41] {
    display: flex;
    align-items: center;
    margin: 10px auto;
    max-width: 200px;
    font-family: var(--font);
    border: 2px solid #d3f4ed;
    border-radius: 100px;
    background: #d3f4ed;
    box-shadow: var(--light-box-shadow);
    transition: all .3s
}

.landing-cta-wrapper .cta-title .custom-button img[data-v-04f8bc41] {
    display: block;
    height: 50px;
    width: 50px
}

.landing-cta-wrapper .cta-title .custom-button span[data-v-04f8bc41] {
    display: block;
    font-family: var(--font);
    font-weight: 600;
    font-size: 1rem;
    color: #46cbb1;
    margin-left: 22px;
    transition: color .3s
}

.component-box {
    display: block;
    background: var(--card-bg-color);
    border: 1px solid var(--card-border-color);
    padding: 1rem;
    border-radius: 1rem;
    margin-bottom: 0;
    transition: transform .3s, box-shadow .3s, border-color .3s;
    cursor: pointer
}

.component-box:hover,
.component-box:focus {
    transform: translateY(-5px);
    box-shadow: var(--light-box-shadow);
    border-color: var(--primary)
}

.component-box:hover .component-title,
.component-box:focus .component-title {
    color: var(--title-color)
}

.component-box .component img {
    display: block;
    max-width: 100%;
    transition: all .3s;
    background: var(--feature-block-c-box-bubble-bg);
    border-radius: .85rem
}

.component-box .component-title {
    font-family: var(--font-main);
    font-size: .95rem;
    font-weight: 500;
    padding-top: .5rem;
    color: var(--light-text);
    transition: color .3s
}

.tab-content {
    display: none;
    animation-name: fadeinleft;
    animation-duration: .5s
}

.tab-content.is-active {
    display: block
}

@media only screen and (width <=767px) {
    .vertical-tabs-wrapper[data-v-b14d8326] {
        position: relative
    }
    .vertical-tabs-wrapper .tabs[data-v-b14d8326] {
        position: sticky;
        top: 80px
    }
    .vertical-tabs-wrapper .tabs ul li.is-active a[data-v-b14d8326] {
        color: var(--primary);
        border-bottom-color: var(--primary)
    }
    .vertical-tabs-wrapper .tabs ul li a[data-v-b14d8326] {
        color: var(--light-text)
    }
    .vertical-tabs-wrapper .content-wrap .tab-content[data-v-b14d8326] {
        padding-top: 12px;
        display: none;
        animation: fadeinleft .5s
    }
    .vertical-tabs-wrapper .content-wrap .tab-content.is-active[data-v-b14d8326] {
        display: block
    }
}

@media only screen and (width >=768px) {
    .vertical-tabs-wrapper[data-v-b14d8326] {
        display: flex
    }
    .vertical-tabs-wrapper .tabs[data-v-b14d8326] {
        min-width: 20%;
        max-width: 20%;
        margin-right: 30px
    }
    .vertical-tabs-wrapper .tabs ul[data-v-b14d8326] {
        display: block;
        text-align: left;
        border-bottom-color: transparent !important
    }
    .vertical-tabs-wrapper .tabs ul li[data-v-b14d8326] {
        display: block
    }
    .vertical-tabs-wrapper .tabs ul li.is-active a[data-v-b14d8326] {
        font-weight: 500;
        color: var(--primary);
        border-right-color: var(--primary)
    }
    .vertical-tabs-wrapper .tabs ul li a[data-v-b14d8326] {
        display: block;
        border-bottom-color: transparent !important;
        border-right: 2px solid var(--card-border-color);
        color: var(--light-text)
    }
    .vertical-tabs-wrapper .content-wrap[data-v-b14d8326] {
        flex-grow: 2
    }
    .vertical-tabs-wrapper .content-wrap .tab-content[data-v-b14d8326] {
        display: none;
        animation: fadeinleft .5s
    }
    .vertical-tabs-wrapper .content-wrap .tab-content.is-active[data-v-b14d8326] {
        display: block
    }
}

@media only screen and (width >=768px) and (width <=1024px) and (orientation: portrait) {
    .lift-components .tab-content .columns[data-v-b14d8326] {
        display: flex
    }
    .lift-components .tab-content .columns .column.is-3[data-v-b14d8326] {
        min-width: 33.3% !important
    }
}

.icon-box[data-v-2ccde238] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    min-width: 40px;
    border-radius: .5rem;
    background: var(--icon-bg-color);
    transition: all .3s
}

.icon-box.is-small[data-v-2ccde238] {
    height: 32px;
    width: 32px;
    min-width: 32px
}

.icon-box.is-small svg[data-v-2ccde238] {
    height: 16px;
    width: 16px;
    stroke-width: 1.4px
}

.icon-box.is-medium[data-v-2ccde238] {
    height: 50px;
    width: 50px;
    min-width: 50px;
    font-size: 1.25rem;
    border-radius: .75rem
}

.icon-box.is-medium.is-bordered[data-v-2ccde238] {
    border-width: 1.6px
}

.icon-box.is-medium svg[data-v-2ccde238] {
    height: 25px;
    width: 25px;
    stroke-width: 1.4px
}

.icon-box.is-large[data-v-2ccde238] {
    height: 68px;
    width: 68px;
    min-width: 68px;
    font-size: 1.5rem;
    border-radius: 1rem
}

.icon-box.is-large.is-bordered[data-v-2ccde238] {
    border-width: 2px
}

.icon-box.is-large svg[data-v-2ccde238] {
    height: 34px;
    width: 34px;
    stroke-width: 2px
}

.icon-box.is-big[data-v-2ccde238] {
    height: 80px;
    width: 80px;
    min-width: 80px;
    font-size: 1.75rem;
    border-radius: 1.25rem
}

.icon-box.is-big.is-bordered[data-v-2ccde238] {
    border-width: 2px
}

.icon-box.is-big svg[data-v-2ccde238] {
    height: 40px;
    width: 40px;
    stroke-width: 3px
}

.icon-box.is-xl[data-v-2ccde238] {
    height: 100px;
    width: 100px;
    min-width: 100px;
    font-size: 2rem;
    border-radius: 1.5rem
}

.icon-box.is-xl.is-bordered[data-v-2ccde238] {
    border-width: 2px
}

.icon-box.is-xl svg[data-v-2ccde238] {
    height: 50px;
    width: 50px;
    stroke-width: 3px
}

.icon-box.is-rounded[data-v-2ccde238] {
    border-radius: 50%
}

.icon-box.is-inverted i[data-v-2ccde238] {
    color: var(--white-smoke) !important
}

.icon-box.is-inverted[data-v-2ccde238] svg {
    color: var(--white-smoke) !important
}

.icon-box.is-default[data-v-2ccde238] svg {
    color: var(--icon-color)
}

.icon-box.is-primary[data-v-2ccde238] {
    background: var(--icon-primary-bg-color)
}

.icon-box.is-primary.is-bordered[data-v-2ccde238] {
    border-color: var(--icon-primary-color)
}

.icon-box.is-primary.is-inverted[data-v-2ccde238] {
    background: var(--icon-primary-inverted-bg-color)
}

.icon-box.is-primary i[data-v-2ccde238] {
    color: var(--icon-primary-color)
}

.icon-box.is-primary[data-v-2ccde238] svg {
    color: var(--icon-primary-color)
}

.icon-box.is-success[data-v-2ccde238] {
    background: var(--icon-success-bg-color)
}

.icon-box.is-success.is-bordered[data-v-2ccde238] {
    border-color: var(--icon-success-color)
}

.icon-box.is-success.is-inverted[data-v-2ccde238] {
    background: var(--icon-success-inverted-bg-color)
}

.icon-box.is-success i[data-v-2ccde238] {
    color: var(--icon-success-color)
}

.icon-box.is-success[data-v-2ccde238] svg {
    color: var(--icon-success-color)
}

.icon-box.is-info[data-v-2ccde238] {
    background: var(--icon-info-bg-color)
}

.icon-box.is-info.is-bordered[data-v-2ccde238] {
    border-color: var(--icon-info-color)
}

.icon-box.is-info.is-inverted[data-v-2ccde238] {
    background: var(--icon-info-inverted-bg-color)
}

.icon-box.is-info i[data-v-2ccde238] {
    color: var(--icon-info-color)
}

.icon-box.is-info[data-v-2ccde238] svg {
    color: var(--icon-info-color)
}

.icon-box.is-warning[data-v-2ccde238] {
    background: var(--icon-warning-bg-color)
}

.icon-box.is-warning.is-bordered[data-v-2ccde238] {
    border-color: var(--icon-warning-color)
}

.icon-box.is-warning.is-inverted[data-v-2ccde238] {
    background: var(--icon-warning-inverted-bg-color)
}

.icon-box.is-warning i[data-v-2ccde238] {
    color: var(--icon-warning-color)
}

.icon-box.is-warning[data-v-2ccde238] svg {
    color: var(--icon-warning-color)
}

.icon-box.is-danger[data-v-2ccde238] {
    background: var(--icon-danger-bg-color)
}

.icon-box.is-danger.is-bordered[data-v-2ccde238] {
    border-color: var(--icon-danger-color)
}

.icon-box.is-danger.is-inverted[data-v-2ccde238] {
    background: var(--icon-danger-inverted-bg-color)
}

.icon-box.is-danger i[data-v-2ccde238] {
    color: var(--icon-danger-color)
}

.icon-box.is-danger[data-v-2ccde238] svg {
    color: var(--icon-danger-color)
}

.icon-box.is-purple[data-v-2ccde238] {
    background: var(--icon-purple-bg-color)
}

.icon-box.is-purple.is-bordered[data-v-2ccde238] {
    border-color: var(--icon-purple-color)
}

.icon-box.is-purple.is-inverted[data-v-2ccde238] {
    background: var(--icon-purple-inverted-bg-color)
}

.icon-box.is-purple i[data-v-2ccde238] {
    color: var(--icon-purple-color)
}

.icon-box.is-purple[data-v-2ccde238] svg {
    color: var(--icon-purple-color)
}

.icon-box.is-blue[data-v-2ccde238] {
    background: var(--icon-blue-bg-color)
}

.icon-box.is-blue.is-bordered[data-v-2ccde238] {
    border-color: var(--icon-blue-color)
}

.icon-box.is-blue.is-inverted[data-v-2ccde238] {
    background: var(--icon-blue-inverted-bg-color)
}

.icon-box.is-blue i[data-v-2ccde238] {
    color: var(--icon-blue-color)
}

.icon-box.is-blue[data-v-2ccde238] svg {
    color: var(--icon-blue-color)
}

.icon-box.is-yellow[data-v-2ccde238] {
    background: var(--icon-yellow-bg-color)
}

.icon-box.is-yellow.is-bordered[data-v-2ccde238] {
    border-color: var(--icon-yellow-color)
}

.icon-box.is-yellow.is-inverted[data-v-2ccde238] {
    background: var(--icon-yellow-inverted-bg-color)
}

.icon-box.is-yellow i[data-v-2ccde238] {
    color: var(--icon-yellow-color)
}

.icon-box.is-yellow[data-v-2ccde238] svg {
    color: var(--icon-yellow-color)
}

.icon-box.is-orange[data-v-2ccde238] {
    background: var(--icon-orange-bg-color)
}

.icon-box.is-orange.is-bordered[data-v-2ccde238] {
    border-color: var(--icon-orange-color)
}

.icon-box.is-orange.is-inverted[data-v-2ccde238] {
    background: var(--icon-orange-inverted-bg-color)
}

.icon-box.is-orange i[data-v-2ccde238],
.icon-box.is-orange .iconify[data-v-2ccde238] {
    color: var(--icon-orange-color)
}

.icon-box.is-orange[data-v-2ccde238] svg {
    color: var(--icon-orange-color)
}

.icon-box.is-green[data-v-2ccde238] {
    background: var(--icon-green-bg-color)
}

.icon-box.is-green.is-bordered[data-v-2ccde238] {
    border-color: var(--icon-green-color)
}

.icon-box.is-green.is-inverted[data-v-2ccde238] {
    background: var(--icon-green-inverted-bg-color)
}

.icon-box.is-green i[data-v-2ccde238] {
    color: var(--icon-green-color)
}

.icon-box.is-green[data-v-2ccde238] svg {
    color: var(--icon-green-color)
}

.icon-box.is-red[data-v-2ccde238] {
    background: var(--icon-red-bg-color)
}

.icon-box.is-red.is-bordered[data-v-2ccde238] {
    border-color: var(--icon-red-color)
}

.icon-box.is-red.is-inverted[data-v-2ccde238] {
    background: var(--icon-red-inverted-bg-color)
}

.icon-box.is-red i[data-v-2ccde238] {
    color: var(--icon-red-color)
}

.icon-box.is-red[data-v-2ccde238] svg {
    color: var(--icon-red-color)
}

.icon-box.is-bordered[data-v-2ccde238] {
    border: 1px solid var(--widget-grey)
}

.icon-box .iconify[data-v-2ccde238] {
    font-size: 1.2rem;
    color: var(--muted-grey);
    transition: color .3s
}

.icon-box .iconify[data-v-2ccde238] {
    font-size: 1.4rem;
    color: var(--muted-grey);
    transition: color .3s
}

.icon-box svg[data-v-2ccde238] {
    height: 20px;
    width: 20px;
    stroke-width: 1.4px
}

.demo-features .long-screenshot[data-v-b1ccbb00] {
    border: 1px solid var(--card-border-color);
    border-radius: .75rem;
    box-shadow: var(--light-box-shadow)
}

.demo-features .demo-feature-wrapper[data-v-b1ccbb00]:not(:last-child) {
    margin-bottom: 4rem
}

.demo-features .demo-feature[data-v-b1ccbb00] {
    padding-right: 2rem;
    display: flex;
    opacity: 0;
    transform: translateY(.75rem);
    transition: opacity .3s, transform .3s;
    transition-delay: .25s
}

.demo-features .demo-feature.is-active[data-v-b1ccbb00] {
    opacity: 1;
    transform: translateY(0)
}

.demo-features .demo-feature .svg-icon[data-v-b1ccbb00] {
    margin-right: 1rem;
    font-size: 2rem;
    color: var(--primary)
}

.demo-features .demo-feature .svg-icon .iconify[data-v-b1ccbb00] {
    vertical-align: top
}

.demo-features .demo-feature .feature-meta .top-title[data-v-b1ccbb00] {
    font-family: var(--font);
    font-weight: 500;
    font-size: .7rem;
    color: var(--primary);
    text-transform: uppercase
}

.demo-features .demo-feature .feature-meta p[data-v-b1ccbb00] {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--medium-text)
}

.demo-features .demo-feature .feature-meta p a[data-v-b1ccbb00] {
    color: var(--primary);
    font-weight: 500
}

@media only screen and (width <=767px) {
    .demo-features[data-v-b1ccbb00] {
        position: relative;
        overflow: hidden
    }
    .demo-features .long-screenshot[data-v-b1ccbb00] {
        position: absolute;
        top: 0;
        right: -130px;
        z-index: 0
    }
    .demo-features .demo-feature[data-v-b1ccbb00] {
        position: relative;
        flex-direction: column;
        padding: 1.5rem;
        background: var(--card-bg-color);
        border: 1px solid var(--card-border-color);
        border-radius: .65rem;
        box-shadow: var(--light-box-shadow);
        margin-bottom: 2rem;
        z-index: 1
    }
    .demo-features .py-8[data-v-b1ccbb00] {
        display: none
    }
}

@media only screen and (width >=768px) and (width <=1024px) and (orientation: portrait) {
    .demo-features .long-screenshot[data-v-b1ccbb00] {
        position: sticky;
        top: 110px
    }
    .demo-features .py-8[data-v-b1ccbb00] {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }
}

@media only screen and (width >=768px) and (width <=1024px) and (orientation: landscape) {
    .demo-features .long-screenshot[data-v-b1ccbb00] {
        position: sticky;
        top: 110px
    }
}

.placeholder[data-v-051525db] {
    min-height: 400px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px
}

.placeholder.is-wider .placeholder-content>p[data-v-051525db] {
    font-size: 1rem;
    max-width: 420px
}

.placeholder .placeholder-content[data-v-051525db] {
    text-align: center
}

.placeholder .placeholder-content img[data-v-051525db] {
    display: block;
    max-width: 340px;
    margin: 0 auto 12px
}

.placeholder .placeholder-content img.is-larger[data-v-051525db] {
    max-width: 440px
}

.placeholder .placeholder-content h3[data-v-051525db] {
    font-size: 1.3rem;
    font-weight: 600;
    font-family: var(--font-alt);
    color: var(--dark-text)
}

.placeholder .placeholder-content p[data-v-051525db] {
    font-size: 1.1rem;
    max-width: 440px;
    margin: 0 auto 12px;
    color: var(--light-text)
}

.placeholder .placeholder-content p.is-larger[data-v-051525db] {
    max-width: 620px
}

.placeholder .placeholder-content .btn[data-v-051525db] {
    margin-bottom: 8px
}

@media (width <=767px) {
    .placeholder .placeholder-content img[data-v-051525db] {
        max-width: 280px
    }
}

.demo-search-section[data-v-d20cc643] {
    margin: 2rem 0
}

.demo-search-section[data-v-d20cc643] .label {
    text-align: center !important
}

.demo-search-section[data-v-d20cc643] .input {
    width: 100%;
    height: 44px;
    padding-left: 44px;
    box-shadow: none;
    font-family: var(--font);
    background: var(--input-base-bg-color);
    border-color: var(--input-base-border-color);
    color: var(--input-base-color);
    transition: border .3s, box-shadow .3s
}

.demo-search-section[data-v-d20cc643] .input::-moz-placeholder {
    color: var(--input-placeholder-color)
}

.demo-search-section[data-v-d20cc643] .input::placeholder {
    color: var(--input-placeholder-color)
}

.demo-search-section[data-v-d20cc643] .input:focus {
    box-shadow: var(--light-box-shadow)
}

.demo-search-section[data-v-d20cc643] .form-icon {
    height: 44px !important;
    width: 44px !important
}

.lift-demos .demo-section[data-v-d20cc643] {
    margin-bottom: 100px
}

.lift-demos .demo-section .demo-section-title[data-v-d20cc643] {
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

.lift-demos .demo-section .demo-section-title img[data-v-d20cc643] {
    display: block;
    width: 100%;
    max-width: 100px;
    margin-bottom: 0
}

.lift-demos .demo-section .demo-section-title .title-meta[data-v-d20cc643] {
    margin-left: 12px;
    line-height: 1.2
}

.lift-demos .demo-section .demo-section-title .title-meta h3[data-v-d20cc643] {
    font-family: var(--font-alt);
    font-weight: 500;
    font-size: 1.3rem;
    color: var(--title-color)
}

.lift-demos .demo-section .demo-section-title .title-meta p[data-v-d20cc643] {
    font-family: var(--font);
    font-size: .95rem;
    color: var(--light-text)
}

.lift-demo-wrapper[data-v-d20cc643] {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid var(--fade-grey-dark-5);
    min-height: 205px
}

.lift-demo-wrapper[data-v-d20cc643]:focus-visible {
    outline-offset: var(--accessibility-focus-outline-offset);
    outline-width: var(--accessibility-focus-outline-width);
    outline-color: var(--accessibility-focus-outline-color)
}

.lift-demo-wrapper:hover .circle-overlay[data-v-d20cc643],
.lift-demo-wrapper:focus .circle-overlay[data-v-d20cc643] {
    transform: scale(35)
}

.lift-demo-wrapper:hover .demo-title[data-v-d20cc643],
.lift-demo-wrapper:focus .demo-title[data-v-d20cc643] {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0 !important
}

.lift-demo-wrapper:hover .demo-link[data-v-d20cc643],
.lift-demo-wrapper:focus .demo-link[data-v-d20cc643] {
    color: var(--white);
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0 !important
}

.lift-demo-wrapper:hover .demo-link .go-to-demo .iconify[data-v-d20cc643],
.lift-demo-wrapper:focus .demo-link .go-to-demo .iconify[data-v-d20cc643] {
    opacity: 1;
    transform: translate(5px)
}

.lift-demo-wrapper img[data-v-d20cc643] {
    border-radius: 10px;
    max-width: 100%;
    width: 100%;
    border: 1px solid var(--card-border-color)
}

.lift-demo-wrapper .new-tag[data-v-d20cc643] {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: red;
    color: var(--white);
    font-family: var(--font);
    padding: 6px 16px;
    border-radius: 8px;
    text-transform: uppercase;
    font-size: .8rem;
    z-index: 3
}

.lift-demo-wrapper .circle-overlay[data-v-d20cc643] {
    position: absolute;
    top: -60px;
    left: -60px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--primary);
    transform: scale(1);
    transition: all .5s;
    z-index: 1
}

.lift-demo-wrapper .demo-info[data-v-d20cc643] {
    position: absolute;
    margin: 0 auto;
    top: 26%;
    left: 0;
    right: 0;
    z-index: 2;
    color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center
}

.lift-demo-wrapper .demo-title[data-v-d20cc643] {
    color: var(--white);
    font-family: var(--font);
    font-size: 1.5rem;
    font-weight: 600;
    opacity: 0;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--primary-light-20);
    transform: translateY(20px);
    transition: all .3s;
    transition-delay: .1s
}

.lift-demo-wrapper .demo-title span[data-v-d20cc643] {
    display: block
}

.lift-demo-wrapper .demo-title span[data-v-d20cc643]:first-child {
    text-transform: uppercase;
    font-size: .75rem
}

.lift-demo-wrapper .demo-title span[data-v-d20cc643]:nth-child(2) {
    font-weight: 300
}

.lift-demo-wrapper .demo-link[data-v-d20cc643] {
    opacity: 0;
    transform: translateY(20px);
    transition: transform .3s, opacity .3s, color .3s;
    transition-delay: .2s
}

.lift-demo-wrapper .demo-link .go-to-demo[data-v-d20cc643] {
    font-family: var(--font);
    color: var(--white);
    font-size: 1rem;
    margin-left: 8px
}

.lift-demo-wrapper .demo-link .go-to-demo .iconify[data-v-d20cc643] {
    position: relative;
    vertical-align: middle;
    opacity: 0;
    transform: translate(0);
    transition: all .3s ease-out
}

@media (width <=767px) {
    .lift-demo-wrapper[data-v-d20cc643] {
        min-height: 184px
    }
}

@media only screen and (width >=768px) and (width <=1024px) and (orientation: portrait) {
    .lift-demos .demo-section .columns[data-v-d20cc643] {
        display: flex
    }
    .lift-demos .demo-section .columns .column.is-4[data-v-d20cc643] {
        min-width: 50% !important
    }
}

@media only screen and (width >=768px) and (width <=1024px) and (orientation: landscape) {
    .lift-demo-wrapper[data-v-d20cc643] {
        min-height: 174px
    }
}

@keyframes plyr-progress {
    to {
        background-position: 25px 0;
        background-position: var(--plyr-progress-loading-size, 25px) 0
    }
}

@keyframes plyr-popup {
    0% {
        opacity: .5;
        transform: translateY(10px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes plyr-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: inherit;
    font-family: var(--plyr-font-family, inherit);
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    line-height: 1.7;
    line-height: var(--plyr-line-height, 1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s ease;
    z-index: 0
}

.plyr audio,
.plyr iframe,
.plyr video {
    display: block;
    height: 100%;
    width: 100%
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto
}

.plyr:focus {
    outline: 0
}

.plyr--full-ui {
    box-sizing: border-box
}

.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
    box-sizing: inherit
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
    touch-action: manipulation
}

.plyr__badge {
    background: #4a5464;
    background: var(--plyr-badge-background, #4a5464);
    border-radius: 2px;
    border-radius: var(--plyr-badge-border-radius, 2px);
    color: #fff;
    color: var(--plyr-badge-text-color, #fff);
    font-size: 9px;
    font-size: var(--plyr-font-size-badge, 9px);
    line-height: 1;
    padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    display: none;
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    left: 0;
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    position: absolute;
    text-align: center;
    transition: transform .4s ease-in-out;
    width: 100%
}

.plyr__captions span:empty {
    display: none
}

@media (min-width:480px) {
    .plyr__captions {
        font-size: 15px;
        font-size: var(--plyr-font-size-base, 15px);
        padding: 20px;
        padding: calc(var(--plyr-control-spacing, 10px)*2)
    }
}

@media (min-width:768px) {
    .plyr__captions {
        font-size: 18px;
        font-size: var(--plyr-font-size-large, 18px)
    }
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    transform: translateY(-40px);
    transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4))
}

.plyr__caption {
    background: #000c;
    background: var(--plyr-captions-background, #000c);
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #fff;
    color: var(--plyr-captions-text-color, #fff);
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap
}

.plyr__caption div {
    display: inline
}

.plyr__control {
    background: #0000;
    border: 0;
    border-radius: 4px;
    border-radius: var(--plyr-control-radius, 4px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7);
    position: relative;
    transition: all .3s ease
}

.plyr__control svg {
    fill: currentColor;
    display: block;
    height: 18px;
    height: var(--plyr-control-icon-size, 18px);
    pointer-events: none;
    width: 18px;
    width: var(--plyr-control-icon-size, 18px)
}

.plyr__control:focus {
    outline: 0
}

.plyr__control:focus-visible {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

a.plyr__control {
    text-decoration: none
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
    display: none
}

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center
}

.plyr__controls .plyr__progress__container {
    flex: 1;
    min-width: 0
}

.plyr__controls .plyr__controls__item {
    margin-left: 2.5px;
    margin-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: 2.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 5px;
    padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
    display: none
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
    display: inline-block
}

.plyr__menu {
    display: flex;
    position: relative
}

.plyr__menu .plyr__control svg {
    transition: transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none
}

.plyr__menu__container {
    animation: plyr-popup .2s ease;
    background: #ffffffe6;
    background: var(--plyr-menu-background, #ffffffe6);
    border-radius: 8px;
    border-radius: var(--plyr-menu-radius, 8px);
    bottom: 100%;
    box-shadow: 0 1px 2px #00000026;
    box-shadow: var(--plyr-menu-shadow, 0 1px 2px #00000026);
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3
}

.plyr__menu__container>div {
    overflow: hidden;
    transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}

.plyr__menu__container:after {
    border: 4px solid #0000;
    border-top-color: #ffffffe6;
    border: var(--plyr-menu-arrow-size, 4px) solid #0000;
    border-top-color: var(--plyr-menu-background, #ffffffe6);
    content: "";
    height: 0;
    position: absolute;
    right: 14px;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
    top: 100%;
    width: 0
}

.plyr__menu__container [role=menu] {
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
    margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0
}

.plyr__menu__container .plyr__control {
    align-items: center;
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    display: flex;
    font-size: 13px;
    font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
    padding: 4.66667px 10.5px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.plyr__menu__container .plyr__control>span {
    align-items: inherit;
    display: flex;
    width: 100%
}

.plyr__menu__container .plyr__control:after {
    border: 4px solid #0000;
    border: var(--plyr-menu-item-arrow-size, 4px) solid #0000;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
    padding-right: 28px;
    padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4)
}

.plyr__menu__container .plyr__control--forward:after {
    border-left-color: #728197;
    border-left-color: var(--plyr-menu-arrow-color, #728197);
    right: 6.5px;
    right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--forward:focus-visible:after,
.plyr__menu__container .plyr__control--forward:hover:after {
    border-left-color: initial
}

.plyr__menu__container .plyr__control--back {
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    margin: 7px;
    margin: calc(var(--plyr-control-spacing, 10px)*.7);
    margin-bottom: 3.5px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
    padding-left: 28px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
    position: relative;
    width: calc(100% - 14px);
    width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2)
}

.plyr__menu__container .plyr__control--back:after {
    border-right-color: #728197;
    border-right-color: var(--plyr-menu-arrow-color, #728197);
    left: 6.5px;
    left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--back:before {
    background: #dcdfe5;
    background: var(--plyr-menu-back-border-color, #dcdfe5);
    box-shadow: 0 1px #fff;
    box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
    content: "";
    height: 1px;
    left: 0;
    margin-top: 3.5px;
    margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%
}

.plyr__menu__container .plyr__control--back:focus-visible:after,
.plyr__menu__container .plyr__control--back:hover:after {
    border-right-color: initial
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: 7px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    background: #0000001a;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px);
    transition: all .3s ease;
    width: 16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease, opacity .3s ease;
    width: 6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
    background: #00b2ff;
    background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)))
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
    background: #23282f1a
}

.plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: -5px;
    margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);
    overflow: hidden;
    padding-left: 24.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
    pointer-events: none
}

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #0000;
    border: 0;
    border-radius: 26px;
    border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
    color: #00b2ff;
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    display: block;
    height: 19px;
    height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    min-width: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: #0000;
    background-image: linear-gradient(90deg, currentColor 0, #0000 0);
    background-image: linear-gradient(to right, currentColor var(--value, 0), #0000 var(--value, 0));
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -webkit-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -webkit-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: -4px;
    margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: #0000;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -moz-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -webkit-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px)
}

.plyr--full-ui input[type=range]::-ms-track {
    color: #0000
}

.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
    background: #0000;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -webkit-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: #0000;
    background: currentColor;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -webkit-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: 0;
    position: relative;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0
}

.plyr--full-ui input[type=range]:focus {
    outline: 0
}

.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

.plyr--full-ui input[type=range]:focus-visible::-ms-track {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

.plyr__poster {
    background-color: #000;
    background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
    display: none
}

.plyr__time {
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__time+.plyr__time:before {
    content: "⁄";
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px)
}

@media (max-width:767px) {
    .plyr__time+.plyr__time {
        display: none
    }
}

.plyr__tooltip {
    background: #fff;
    background: var(--plyr-tooltip-background, #fff);
    border-radius: 5px;
    border-radius: var(--plyr-tooltip-radius, 5px);
    bottom: 100%;
    box-shadow: 0 1px 2px #00000026;
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
    color: #4a5464;
    color: var(--plyr-tooltip-color, #4a5464);
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: 5px 7.5px;
    padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s ease .1s, opacity .2s ease .1s;
    white-space: nowrap;
    z-index: 2
}

.plyr__tooltip:before {
    border-left: 4px solid #0000;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
    border-right: 4px solid #0000;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
    border-top: 4px solid #fff;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
    bottom: -4px;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 0;
    z-index: 2
}

.plyr .plyr__control:focus-visible .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
    left: 0;
    transform: translateY(10px) scale(.8);
    transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
    left: 16px;
    left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translateY(10px) scale(.8);
    transform-origin: 100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
    left: auto;
    right: 16px;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
    transform: translate(50%)
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    transform: translate(0) scale(1)
}

.plyr__progress {
    left: 6.5px;
    left: calc(var(--plyr-range-thumb-height, 13px)*.5);
    margin-right: 13px;
    margin-right: var(--plyr-range-thumb-height, 13px);
    position: relative
}

.plyr__progress input[type=range],
.plyr__progress__buffer {
    margin-left: -6.5px;
    margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    margin-right: -6.5px;
    margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    width: calc(100% + 13px);
    width: calc(100% + var(--plyr-range-thumb-height, 13px))
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2
}

.plyr__progress .plyr__tooltip {
    left: 0;
    max-width: 120px;
    overflow-wrap: break-word
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: #0000;
    border: 0;
    border-radius: 100px;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin-top: -2.5px;
    margin-top: calc((var(--plyr-range-track-height, 5px)/2)*-1);
    padding: 0;
    position: absolute;
    top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: #0000
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -webkit-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -moz-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    -ms-transition: width .2s ease;
    transition: width .2s ease
}

.plyr--loading .plyr__progress__buffer {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, #23282f99 25%, #0000 0, #0000 50%, #23282f99 0, #23282f99 75%, #0000 0, #0000);
    background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, #23282f99) 25%, #0000 25%, #0000 50%, var(--plyr-progress-loading-background, #23282f99) 50%, var(--plyr-progress-loading-background, #23282f99) 75%, #0000 75%, #0000);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
    color: #0000
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: #ffffff40;
    background-color: var(--plyr-video-progress-buffered-background, #ffffff40)
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-progress-buffered-background, #c1c8d199)
}

.plyr__progress__marker {
    background-color: #fff;
    background-color: var(--plyr-progress-marker-background, #fff);
    border-radius: 1px;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 3px;
    width: var(--plyr-progress-marker-width, 3px);
    z-index: 3
}

.plyr__volume {
    align-items: center;
    display: flex;
    position: relative
}

.plyr__volume input[type=range] {
    margin-left: 5px;
    margin-left: calc(var(--plyr-control-spacing, 10px)/2);
    margin-right: 5px;
    margin-right: calc(var(--plyr-control-spacing, 10px)/2);
    max-width: 90px;
    min-width: 60px;
    position: relative;
    z-index: 2
}

.plyr--audio {
    display: block
}

.plyr--audio .plyr__controls {
    background: #fff;
    background: var(--plyr-audio-controls-background, #fff);
    border-radius: inherit;
    color: #4a5464;
    color: var(--plyr-audio-control-color, #4a5464);
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px)
}

.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
    background: #00b2ff;
    background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: #fff;
    color: var(--plyr-audio-control-color-hover, #fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
}

.plyr--audio .plyr__progress__buffer {
    color: #c1c8d199;
    color: var(--plyr-audio-progress-buffered-background, #c1c8d199)
}

.plyr--video {
    overflow: hidden
}

.plyr--video.plyr--menu-open {
    overflow: visible
}

.plyr__video-wrapper {
    background: #000;
    background: var(--plyr-video-background, var(--plyr-video-background, #000));
    border-radius: inherit;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 16/9
}

@supports not (aspect-ratio:16/9) {
    .plyr__video-embed,
    .plyr__video-wrapper--fixed-ratio {
        height: 0;
        padding-bottom: 56.25%;
        position: relative
    }
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.28125%)
}

.plyr--video .plyr__controls {
    background: linear-gradient(#0000, #000000bf);
    background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    left: 0;
    padding: 5px;
    padding: calc(var(--plyr-control-spacing, 10px)/2);
    padding-top: 20px;
    padding-top: calc(var(--plyr-control-spacing, 10px)*2);
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    z-index: 3
}

@media (min-width:480px) {
    .plyr--video .plyr__controls {
        padding: 10px;
        padding: var(--plyr-control-spacing, 10px);
        padding-top: 35px;
        padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%)
}

.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background: #00b2ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: #fff;
    color: var(--plyr-video-control-color-hover, #fff)
}

.plyr__control--overlaid {
    background: #00b2ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    border: 0;
    border-radius: 100%;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    display: none;
    left: 50%;
    opacity: .9;
    padding: 15px;
    padding: calc(var(--plyr-control-spacing, 10px)*1.5);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    z-index: 2
}

.plyr__control--overlaid svg {
    left: 2px;
    position: relative
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    opacity: 1
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: #ffffff40;
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: #ffffff40;
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: #ffffff40;
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
}

.plyr--video .plyr__progress__buffer {
    color: #ffffff40;
    color: var(--plyr-video-progress-buffered-background, #ffffff40)
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:fullscreen video {
    height: 100%
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none
}

@media (min-width:1024px) {
    .plyr:fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10000000
}

.plyr--fullscreen-fallback video {
    height: 100%
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none
}

@media (min-width:1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.plyr__ads>div,
.plyr__ads>div iframe {
    height: 100%;
    position: absolute;
    width: 100%
}

.plyr__ads:after {
    background: #23282f;
    border-radius: 2px;
    bottom: 10px;
    bottom: var(--plyr-control-spacing, 10px);
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    right: var(--plyr-control-spacing, 10px);
    z-index: 3
}

.plyr__ads:empty:after {
    display: none
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    z-index: 3
}

.plyr__preview-thumb {
    background-color: #fff;
    background-color: var(--plyr-tooltip-background, #fff);
    border-radius: 8px;
    border-radius: var(--plyr-menu-radius, 8px);
    bottom: 100%;
    box-shadow: 0 1px 2px #00000026;
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    transform: translateY(10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s ease .1s, opacity .2s ease .1s;
    z-index: 2
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    transform: translate(0) scale(1)
}

.plyr__preview-thumb:before {
    border-left: 4px solid #0000;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
    border-right: 4px solid #0000;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
    border-top: 4px solid #fff;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
    bottom: -4px;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: calc(50% + var(--preview-arrow-offset));
    position: absolute;
    transform: translate(-50%);
    width: 0;
    z-index: 2
}

.plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: 7px;
    border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    overflow: hidden;
    position: relative;
    z-index: 0
}

.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr__preview-thumb__image-container:after {
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px #00000026;
    content: "";
    pointer-events: none
}

.plyr__preview-thumb__image-container img {
    max-height: none;
    max-width: none
}

.plyr__preview-thumb__time-container {
    background: linear-gradient(#0000, #000000bf);
    background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
    border-bottom-left-radius: 7px;
    border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    border-bottom-right-radius: 7px;
    border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    bottom: 0;
    left: 0;
    line-height: 1.1;
    padding: 20px 6px 6px;
    position: absolute;
    right: 0;
    z-index: 3
}

.plyr__preview-thumb__time-container span {
    color: #fff;
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__preview-scrubbing {
    bottom: 0;
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--no-transition {
    transition: none !important
}

.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0 !important;
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.plyr [hidden] {
    display: none !important
}

.video-player-container-wrapper {
    max-width: 840px;
    margin: 0 auto
}

.video-player-container {
    margin: 0 auto;
    overflow: hidden
}

.video-player-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-player-container.is-square {
    position: relative;
    height: 440px;
    width: 480px
}

.video-player-container.is-square .plyr {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block
}

.video-player-container.is-4by3 {
    position: relative;
    padding-top: 75%;
    width: 100%
}

.video-player-container.is-4by3 .plyr {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block
}

.video-player-container.is-16by9 {
    position: relative;
    padding-top: 56.25%;
    width: 100%
}

.video-player-container.is-16by9 .plyr {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block
}

.video-player-container.reversed-play .plyr--full-ui.plyr--video .plyr__control--overlaid {
    background: var(--white) !important;
    border: 1px solid var(--primary);
    color: var(--primary) !important
}

.video-player-container.reversed-play .plyr--full-ui.plyr--video .plyr__control--overlaid:hover {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--white) !important
}

.video-player-container.reversed-play .plyr--full-ui.plyr--video .plyr__control--overlaid:hover svg {
    fill: var(--white) !important;
    stroke: var(--white) !important
}

.video-player-container.reversed-play .plyr--full-ui.plyr--video .plyr__control--overlaid svg {
    fill: none;
    stroke: var(--primary);
    stroke-width: 1.6px
}

.video-player-container video {
    background-color: transparent !important
}

.plyr__video-wrapper {
    height: 100%
}

.plyr__poster {
    background-size: cover
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    background: var(--primary) !important;
    box-shadow: var(--primary-box-shadow)
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true],
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
    background: var(--primary)
}

.plyr--full-ui input[type=range] {
    color: var(--primary)
}

.plyr__controls {
    transition: all .3s
}

.plyr--paused .plyr__controls,
.plyr--stopped .plyr__controls {
    opacity: 0;
    pointer-events: none
}

@media only screen and (width <=767px) {
    .video-player-container.is-square {
        height: 303px;
        width: 330px
    }
}

@media only screen and (width >=768px) and (width <=1024px) and (orientation: landscape) {
    .video-player-container.is-square {
        height: 380px;
        width: 415px
    }
}

@media only screen and (width <=767px) {
    .buttons.is-stacked[data-v-0e2f5c2e] {
        flex-direction: column
    }
    .buttons.is-stacked[data-v-0e2f5c2e] .button {
        width: 100%;
        margin: 0
    }
    .buttons.is-stacked[data-v-0e2f5c2e] .button:not(:last-child) {
        margin-bottom: .5rem !important
    }
}

[data-v-e26db83c] .popper {
    border-radius: .75rem;
    border-color: transparent;
    font-family: var(--font);
    font-size: .85rem
}

[data-v-e26db83c] .popper[data-popper-placement^=left]>#arrow {
    right: -1px
}

[data-v-e26db83c] .popper[data-popper-placement^=right]>#arrow {
    left: -10px
}

.popover-wrap[data-v-d49cefcd] {
    min-width: 200px;
    max-width: 200px;
    text-align: left
}

.popover-head[data-v-d49cefcd] {
    display: flex;
    align-items: center;
    margin-bottom: .5rem
}

.popover-head[data-v-d49cefcd] .icon-box .iconify {
    font-size: 1.25rem
}

.popover-head .meta[data-v-d49cefcd] {
    margin-left: .5rem
}

.popover-head .meta span[data-v-d49cefcd] {
    display: block;
    line-height: 1.2
}

.popover-head .meta .meta-title[data-v-d49cefcd] {
    font-family: var(--font-alt);
    font-size: .9rem;
    font-weight: 600;
    color: var(--title-color)
}

.popover-head .meta .meta-subtitle[data-v-d49cefcd] {
    font-family: var(--font);
    font-size: .8rem;
    color: var(--light-text)
}

.popover-body .paragraph[data-v-d49cefcd] {
    line-height: 1.4
}

.has-text-centered .feature-block-image[data-v-631c7c83] img {
    margin: 0 auto .75rem
}

.has-text-centered .feature-link[data-v-631c7c83] {
    justify-content: center
}

.feature-block-image[data-v-631c7c83] img {
    margin-bottom: .75rem;
    height: 60px;
    width: 60px
}

.feature-block-image[data-v-631c7c83] img.is-small {
    height: 50px;
    width: 50px
}

.feature-block-image[data-v-631c7c83] img.is-medium {
    height: 75px;
    width: 75px
}

.cta-block[data-v-11e425cc] {
    padding-bottom: 3rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-bottom: 1px solid var(--card-border-color);
    margin: 40px 0
}

.cta-block.no-border[data-v-11e425cc] {
    padding-bottom: 2rem;
    border-bottom: none
}

.cta-block.is-box[data-v-11e425cc] {
    padding: 3rem 2rem;
    background: var(--card-bg-color);
    border-radius: 8px;
    box-shadow: var(--light-box-shadow);
    border: 1px solid var(--card-border-color);
    justify-content: space-between
}

.cta-block .head-text h3[data-v-11e425cc] {
    font-family: var(--font-alt);
    font-size: 1.8rem;
    color: var(--dark-text)
}

.cta-block .head-text p[data-v-11e425cc] {
    font-family: var(--font);
    font-size: 1.1rem;
    color: var(--light-text)
}

.cta-block .head-action .buttons[data-v-11e425cc] .button.action-button {
    min-width: 140px
}

.cta-block .head-action .buttons[data-v-11e425cc] .button.second-button {
    background: transparent;
    border: none;
    box-shadow: none;
    color: var(--primary);
    font-weight: 500
}

@media (width <=767px) {
    .cta-block[data-v-11e425cc] {
        flex-direction: column;
        text-align: center
    }
    .cta-block .head-text[data-v-11e425cc] {
        padding-bottom: 20px
    }
}

.boxed-features .card[data-v-e9d157a8] {
    padding: 2rem;
    display: flex;
    flex-wrap: wrap;
    border-radius: 1rem;
    border: 1px solid var(--card-border-color);
    background: var(--card-bg-color)
}

.boxed-features .card .flex-cell[data-v-e9d157a8] {
    width: 25%;
    border-right: 1px solid var(--card-border-color);
    text-align: center;
    padding: 24px 16px
}

.boxed-features .card .flex-cell.is-bordered[data-v-e9d157a8] {
    border-bottom: 1px solid var(--card-border-color)
}

.boxed-features .card .flex-cell.no-border-edge[data-v-e9d157a8] {
    border-right: none
}

.boxed-features .card .flex-cell i[data-v-e9d157a8],
.boxed-features .card .flex-cell .iconify[data-v-e9d157a8] {
    font-size: 2rem;
    color: var(--primary)
}

.boxed-features .card .flex-cell h3[data-v-e9d157a8] {
    font-family: var(--font-main);
    font-weight: 500;
    color: var(--title-color)
}

.boxed-features .card .flex-cell p[data-v-e9d157a8] {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--light-text);
    max-width: 200px;
    margin: 0 auto
}

@media (width <=767px) {
    .boxed-features .card .flex-cell[data-v-e9d157a8] {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid var(--card-border-color)
    }
    .boxed-features .card .flex-cell[data-v-e9d157a8]:last-child {
        border-bottom: none
    }
}

@media only screen and (width >=768px) and (width <=1024px) and (orientation: portrait) {
    .boxed-features .card[data-v-e9d157a8] {
        padding: 1rem
    }
}

svg[data-v-8af190e4] {
    display: block
}

.tongue-grey[data-v-8af190e4] {
    fill: var(--section-bg-color-grey)
}

.tongue-grey path[data-v-8af190e4] {
    fill: var(--section-bg-color-grey)
}

.tongue-darker[data-v-8af190e4] {
    fill: var(--section-bg-color-dark)
}

.tongue-darker path[data-v-8af190e4] {
    fill: var(--section-bg-color-dark)
}

.tongue-white[data-v-8af190e4] {
    fill: var(--section-bg-color)
}

.tongue-white path[data-v-8af190e4] {
    fill: var(--section-bg-color)
}

.tongue-primary[data-v-8af190e4] {
    fill: var(--primary);
    opacity: .4
}

.tongue-primary path[data-v-8af190e4] {
    fill: var(--primary);
    opacity: .4
}

.tongue-footer-dark[data-v-8af190e4] {
    fill: var(--footer-dark-bg-color)
}

.tongue-footer-dark path[data-v-8af190e4] {
    fill: var(--footer-dark-bg-color)
}

svg[data-v-7267784e] {
    display: block
}

.tongue-grey[data-v-7267784e] {
    fill: var(--section-bg-color-grey)
}

.tongue-grey path[data-v-7267784e] {
    fill: var(--section-bg-color-grey)
}

.tongue-darker[data-v-7267784e] {
    fill: var(--section-bg-color-dark)
}

.tongue-darker path[data-v-7267784e] {
    fill: var(--section-bg-color-dark)
}

.tongue-white[data-v-7267784e] {
    fill: var(--section-bg-color)
}

.tongue-white path[data-v-7267784e] {
    fill: var(--section-bg-color)
}

.tongue-primary[data-v-7267784e] {
    fill: var(--primary);
    opacity: .4
}

.tongue-primary path[data-v-7267784e] {
    fill: var(--primary);
    opacity: .4
}

.tongue-footer-dark[data-v-7267784e] {
    fill: var(--footer-dark-bg-color)
}

.tongue-footer-dark path[data-v-7267784e] {
    fill: var(--footer-dark-bg-color)
}

.animated-waves .waves[data-v-9e779ecc] {
    position: relative;
    width: 100%;
    height: 15vh;
    margin-bottom: -7px;
    min-height: 100px;
    max-height: 250px
}

.animated-waves .parallax>use[data-v-9e779ecc] {
    animation: move-forever-9e779ecc 18s cubic-bezier(.55, .5, .45, .5) infinite
}

.animated-waves .parallax>use[data-v-9e779ecc]:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s
}

.animated-waves .parallax>use[data-v-9e779ecc]:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s
}

.animated-waves .parallax>use[data-v-9e779ecc]:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s
}

.animated-waves .parallax>use[data-v-9e779ecc]:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s
}

.animated-waves .waves.wave-grey .parallax>use[data-v-9e779ecc]:first-child {
    fill: var(--section-bg-color-grey) !important;
    opacity: .8
}

.animated-waves .waves.wave-grey .parallax>use[data-v-9e779ecc]:nth-child(2) {
    fill: var(--section-bg-color-grey) !important;
    opacity: .6
}

.animated-waves .waves.wave-grey .parallax>use[data-v-9e779ecc]:nth-child(3) {
    fill: var(--section-bg-color-grey) !important;
    opacity: .4
}

.animated-waves .waves.wave-grey .parallax>use[data-v-9e779ecc]:nth-child(4) {
    fill: var(--section-bg-color-grey) !important;
    opacity: 1
}

.animated-waves .waves.wave-grey .parallax>use[data-v-9e779ecc]:last-child {
    fill: var(--section-bg-color-grey) !important;
    opacity: .8
}

.animated-waves .waves.wave-primary .parallax>use[data-v-9e779ecc]:first-child {
    fill: var(--primary) !important;
    opacity: .7
}

.animated-waves .waves.wave-primary .parallax>use[data-v-9e779ecc]:nth-child(2) {
    fill: var(--primary) !important;
    opacity: .5
}

.animated-waves .waves.wave-primary .parallax>use[data-v-9e779ecc]:nth-child(3) {
    fill: var(--primary) !important;
    opacity: .3
}

.animated-waves .waves.wave-primary .parallax>use[data-v-9e779ecc]:nth-child(4) {
    fill: var(--primary) !important;
    opacity: 1
}

.animated-waves .waves.wave-primary .parallax>use[data-v-9e779ecc]:last-child {
    fill: var(--primary) !important;
    opacity: .7
}

.animated-waves .waves.wave-darker .parallax>use[data-v-9e779ecc]:first-child {
    fill: var(--section-bg-color-dark) !important;
    opacity: .7
}

.animated-waves .waves.wave-darker .parallax>use[data-v-9e779ecc]:nth-child(2) {
    fill: var(--section-bg-color-dark) !important;
    opacity: .5
}

.animated-waves .waves.wave-darker .parallax>use[data-v-9e779ecc]:nth-child(3) {
    fill: var(--section-bg-color-dark) !important;
    opacity: .3
}

.animated-waves .waves.wave-darker .parallax>use[data-v-9e779ecc]:nth-child(4) {
    fill: var(--section-bg-color-dark) !important;
    opacity: 1
}

.animated-waves .waves.wave-darker .parallax>use[data-v-9e779ecc]:last-child {
    fill: var(--section-bg-color-dark) !important;
    opacity: .7
}

.animated-waves .waves.wave-white .parallax>use[data-v-9e779ecc]:first-child {
    fill: var(--section-bg-color) !important;
    opacity: .8
}

.animated-waves .waves.wave-white .parallax>use[data-v-9e779ecc]:nth-child(2) {
    fill: var(--section-bg-color) !important;
    opacity: .6
}

.animated-waves .waves.wave-white .parallax>use[data-v-9e779ecc]:nth-child(3) {
    fill: var(--section-bg-color) !important;
    opacity: .4
}

.animated-waves .waves.wave-white .parallax>use[data-v-9e779ecc]:nth-child(4) {
    fill: var(--section-bg-color) !important;
    opacity: 1
}

.animated-waves .waves.wave-white .parallax>use[data-v-9e779ecc]:last-child {
    fill: var(--section-bg-color) !important;
    opacity: .8
}

.animated-waves .waves.wave-footer-dark .parallax>use[data-v-9e779ecc]:first-child {
    fill: var(--footer-dark-bg-color) !important;
    opacity: .7
}

.animated-waves .waves.wave-footer-dark .parallax>use[data-v-9e779ecc]:nth-child(2) {
    fill: var(--footer-dark-bg-color) !important;
    opacity: .5
}

.animated-waves .waves.wave-footer-dark .parallax>use[data-v-9e779ecc]:nth-child(3) {
    fill: var(--footer-dark-bg-color) !important;
    opacity: .3
}

.animated-waves .waves.wave-footer-dark .parallax>use[data-v-9e779ecc]:nth-child(4) {
    fill: var(--footer-dark-bg-color) !important;
    opacity: 1
}

.animated-waves .waves.wave-footer-dark .parallax>use[data-v-9e779ecc]:last-child {
    fill: var(--footer-dark-bg-color) !important;
    opacity: .7
}

@keyframes move-forever-9e779ecc {
    0% {
        transform: translate3d(-90px, 0, 0)
    }
    to {
        transform: translate3d(85px, 0, 0)
    }
}

@media (width >=768px) {
    .waves[data-v-9e779ecc] {
        height: 40px;
        min-height: 40px
    }
}

svg[data-v-8498608f] {
    display: block
}

.wave-white[data-v-8498608f] {
    fill: var(--section-bg-color)
}

.wave-grey[data-v-8498608f] {
    fill: var(--section-bg-color-grey)
}

.wave-darker[data-v-8498608f] {
    fill: var(--section-bg-color-dark)
}

.wave-footer-dark[data-v-8498608f] {
    fill: var(--footer-dark-bg-color)
}

.section[data-v-4c38ce02] {
    position: relative;
    background: var(--section-bg-color);
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden
}

.section .section-content[data-v-4c38ce02] {
    position: relative;
    z-index: 2
}

.section .section-overlay[data-v-4c38ce02] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--dark-text);
    opacity: .6;
    z-index: 0
}

.section.is-overflown[data-v-4c38ce02] {
    overflow: initial
}

.section.is-darker[data-v-4c38ce02] {
    background: var(--section-bg-color-dark)
}

.section.is-grey[data-v-4c38ce02] {
    background: var(--section-bg-color-grey)
}

.section.is-primary[data-v-4c38ce02] {
    background: var(--primary)
}

.section.is-gradient[data-v-4c38ce02] {
    background: var(--primary);
    background: linear-gradient(to right, var(--primary), var(--primary-dark-22)) !important
}

.section.has-border-top[data-v-4c38ce02] {
    border-top: 1px solid var(--section-border-color)
}

.section.has-border-bottom[data-v-4c38ce02] {
    border-bottom: 1px solid var(--section-border-color)
}

.section.is-bottom-spaced[data-v-4c38ce02] {
    padding-bottom: 6rem
}

.section.is-bottom-narrow[data-v-4c38ce02] {
    padding-bottom: 0
}

.section.is-top-narrow[data-v-4c38ce02] {
    padding-top: 0
}

.section .section-wave[data-v-4c38ce02] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.section.section-wave-1[data-v-4c38ce02],
.section.section-wave-2[data-v-4c38ce02] {
    padding-bottom: 9.875rem
}

.section.section-tongue-1[data-v-4c38ce02] .tongue-1 {
    position: absolute;
    top: 75px;
    right: 0;
    width: 720px;
    height: 539px;
    z-index: 1
}

.section.section-tongue-2[data-v-4c38ce02] .tongue-2 {
    position: absolute;
    top: 75px;
    left: 0;
    width: 720px;
    height: 539px;
    z-index: 1
}

@media only screen and (width <=767px) {
    .section.section-wave-1[data-v-4c38ce02] {
        padding-bottom: 3rem
    }
}

@media only screen and (width >=768px) and (width <=1024px) and (orientation: portrait) {
    .section.section-wave-1[data-v-4c38ce02] {
        padding-bottom: 6rem
    }
}

@media only screen and (width >=768px) and (width <=1024px) and (orientation: landscape) {
    .section.section-wave-1[data-v-4c38ce02] {
        padding-bottom: 8.5rem
    }
}

.avatar[data-v-6a1cf1fe] {
    position: relative;
    display: inline-block
}

.avatar .avatar-image[data-v-6a1cf1fe] {
    display: block;
    height: 38px;
    width: 38px;
    min-width: 38px;
    border-radius: 50%
}

.avatar .avatar-badge[data-v-6a1cf1fe] {
    position: absolute;
    bottom: -.1rem;
    right: -.1rem;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid var(--avatar-border-color)
}

.avatar.is-small .avatar-image[data-v-6a1cf1fe] {
    height: 28px;
    width: 28px;
    min-width: 28px
}

.avatar.is-small .avatar-badge[data-v-6a1cf1fe] {
    bottom: -.05rem;
    right: -.05rem;
    width: 12px;
    height: 12px
}

.avatar.is-small.is-squared .avatar-image[data-v-6a1cf1fe] {
    border-radius: .5rem
}

.avatar.is-small.is-squared .avatar-badge[data-v-6a1cf1fe] {
    bottom: -.15rem !important;
    right: -.15rem !important
}

.avatar.is-medium .avatar-image[data-v-6a1cf1fe] {
    height: 48px;
    width: 48px;
    min-width: 48px
}

.avatar.is-medium .avatar-badge[data-v-6a1cf1fe] {
    bottom: -.1rem;
    right: -.1rem;
    width: 22px;
    height: 22px
}

.avatar.is-medium.is-squared .avatar-image[data-v-6a1cf1fe] {
    border-radius: .85rem
}

.avatar.is-medium.is-squared .avatar-badge[data-v-6a1cf1fe] {
    bottom: -.25rem !important;
    right: -.25rem !important
}

.avatar.is-large .avatar-image[data-v-6a1cf1fe] {
    height: 62px;
    width: 62px;
    min-width: 62px
}

.avatar.is-large .avatar-badge[data-v-6a1cf1fe] {
    bottom: -.02rem;
    right: -.02rem;
    width: 28px;
    height: 28px;
    border-width: 3px
}

.avatar.is-large.is-squared .avatar-image[data-v-6a1cf1fe] {
    border-radius: 1rem
}

.avatar.is-large.is-squared .avatar-badge[data-v-6a1cf1fe] {
    bottom: -.25rem !important;
    right: -.25rem !important
}

.avatar.is-big .avatar-image[data-v-6a1cf1fe] {
    height: 80px;
    width: 80px;
    min-width: 80px
}

.avatar.is-big .avatar-badge[data-v-6a1cf1fe] {
    bottom: .02rem;
    right: .02rem;
    width: 34px;
    height: 34px;
    border-width: 3px
}

.avatar.is-big.is-squared .avatar-image[data-v-6a1cf1fe] {
    border-radius: 1.25rem
}

.avatar.is-big.is-squared .avatar-badge[data-v-6a1cf1fe] {
    bottom: -.25rem !important;
    right: -.25rem !important
}

.avatar.is-xl .avatar-image[data-v-6a1cf1fe] {
    height: 100px;
    width: 100px;
    min-width: 100px
}

.avatar.is-xl .avatar-badge[data-v-6a1cf1fe] {
    bottom: .1rem;
    right: .1rem;
    width: 38px;
    height: 38px;
    border-width: 4px
}

.avatar.is-xl.is-squared .avatar-image[data-v-6a1cf1fe] {
    border-radius: 1.5rem
}

.avatar.is-xl.is-squared .avatar-badge[data-v-6a1cf1fe] {
    bottom: -.25rem !important;
    right: -.25rem !important
}

.avatar.is-squared .avatar-image[data-v-6a1cf1fe] {
    border-radius: .75rem
}

.image-wrap[data-v-99ee60a9] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: .5rem;
    width: calc(20% - 1rem);
    transition: transform .3s
}

.image-wrap[data-v-99ee60a9] .avatar {
    position: relative;
    z-index: 1;
    pointer-events: none
}

.image-wrap[data-v-99ee60a9] .avatar img {
    background: var(--section-bg-color-grey)
}

.image-wrap[data-v-99ee60a9]:after {
    content: "";
    position: absolute;
    top: -4px;
    left: 21px;
    border-radius: 50%;
    border: 2px solid var(--primary);
    width: 70px;
    height: 70px;
    transform: scale(0);
    transition: transform .3s;
    pointer-events: none;
    z-index: 0
}

.image-wrap[data-v-99ee60a9]:hover {
    transform: scale(1.1)
}

.image-wrap[data-v-99ee60a9]:hover:after {
    transform: scale(1.1)
}

.image-wrap.is-squared[data-v-99ee60a9]:after {
    border-radius: 1.25rem !important
}

[data-v-99ee60a9] .popper {
    border-radius: 1rem;
    min-width: 200px;
    padding: .75rem;
    border-color: var(--wrap-border-color) !important
}

[data-v-99ee60a9] .popper .popover-head {
    display: flex;
    align-items: center;
    margin-bottom: .5rem
}

[data-v-99ee60a9] .popper .popover-head .meta {
    margin-left: .5rem
}

[data-v-99ee60a9] .popper .popover-head .meta span {
    display: block;
    line-height: 1.2
}

[data-v-99ee60a9] .popper .popover-head .meta .meta-title {
    font-family: var(--font-alt);
    font-size: .8rem;
    font-weight: 600;
    color: var(--title-color)
}

[data-v-99ee60a9] .popper .popover-head .meta .meta-subtitle {
    font-family: var(--font);
    font-size: .7rem;
    color: var(--light-text)
}

[data-v-99ee60a9] .popper .popover-body .paragraph {
    line-height: 1.4
}

.bottom-action[data-v-99ee60a9] .button {
    min-width: 160px
}

@media only screen and (width <=767px) {
    .image-wrap[data-v-99ee60a9]:after {
        display: none !important
    }
}

.tag[data-v-6ef6ff43]:not(body) {
    display: inline-block;
    line-height: 2;
    height: 2em;
    font-family: var(--font)
}

.tag[data-v-6ef6ff43]:not(body):not(.is-primary, .is-success, .is-info, .is-warning, .is-danger, .is-green, .is-blue, .is-orange, .is-purple, .is-solid) {
    background: var(--tag-default-bg-color);
    color: var(--tag-default-color)
}

.tag:not(body).is-rounded[data-v-6ef6ff43] {
    padding-left: 1em;
    padding-right: 1em
}

.tag:not(body).is-curved[data-v-6ef6ff43] {
    padding-left: 1em;
    padding-right: 1em;
    border-radius: .5rem
}

.tag:not(body).is-elevated[data-v-6ef6ff43] {
    box-shadow: var(--light-box-shadow)
}

.tag:not(body).is-solid[data-v-6ef6ff43] {
    background: var(--tag-solid-bg-color);
    border: 1px solid var(--tag-solid-border-color);
    color: var(--light-text);
    line-height: 1.8
}

.tag:not(body).is-primary.is-elevated[data-v-6ef6ff43] {
    box-shadow: var(--primary-box-shadow)
}

.tag:not(body).is-primary.is-outlined[data-v-6ef6ff43] {
    background: none !important;
    color: var(--primary);
    border: 1px solid var(--primary)
}

.tag:not(body).is-secondary[data-v-6ef6ff43] {
    background: var(--secondary) !important;
    color: var(--white) !important
}

.tag:not(body).is-secondary.is-elevated[data-v-6ef6ff43] {
    box-shadow: var(--secondary-box-shadow)
}

.tag:not(body).is-secondary.is-outlined[data-v-6ef6ff43] {
    background: none !important;
    color: var(--secondary);
    border: 1px solid var(--secondary)
}

.tag:not(body).is-success[data-v-6ef6ff43] {
    color: var(--white)
}

.tag:not(body).is-success.is-elevated[data-v-6ef6ff43] {
    box-shadow: var(--success-box-shadow)
}

.tag:not(body).is-success.is-outlined[data-v-6ef6ff43] {
    background: none !important;
    color: var(--success);
    border: 1px solid var(--success)
}

.tag:not(body).is-info.is-elevated[data-v-6ef6ff43] {
    box-shadow: var(--info-box-shadow)
}

.tag:not(body).is-info.is-outlined[data-v-6ef6ff43] {
    background: none !important;
    color: var(--info);
    border: 1px solid var(--info)
}

.tag:not(body).is-warning.is-elevated[data-v-6ef6ff43] {
    box-shadow: var(--warning-box-shadow)
}

.tag:not(body).is-warning.is-outlined[data-v-6ef6ff43] {
    background: none !important;
    color: var(--warning);
    border: 1px solid var(--warning)
}

.tag:not(body).is-danger.is-elevated[data-v-6ef6ff43] {
    box-shadow: var(--danger-box-shadow)
}

.tag:not(body).is-danger.is-outlined[data-v-6ef6ff43] {
    background: none !important;
    color: var(--danger);
    border: 1px solid var(--danger)
}

.tag:not(body).is-blue[data-v-6ef6ff43] {
    background: var(--blue);
    color: var(--white)
}

.tag:not(body).is-blue.is-elevated[data-v-6ef6ff43] {
    box-shadow: var(--blue-box-shadow)
}

.tag:not(body).is-blue.is-outlined[data-v-6ef6ff43] {
    background: none !important;
    color: var(--blue);
    border: 1px solid var(--blue)
}

.tag:not(body).is-green[data-v-6ef6ff43] {
    background: var(--green);
    color: var(--white)
}

.tag:not(body).is-green.is-elevated[data-v-6ef6ff43] {
    box-shadow: var(--green-box-shadow)
}

.tag:not(body).is-green.is-outlined[data-v-6ef6ff43] {
    background: none !important;
    color: var(--green);
    border: 1px solid var(--green)
}

.tag:not(body).is-purple[data-v-6ef6ff43] {
    background: var(--purple);
    color: var(--white)
}

.tag:not(body).is-purple.is-elevated[data-v-6ef6ff43] {
    box-shadow: var(--purple-box-shadow)
}

.tag:not(body).is-purple.is-outlined[data-v-6ef6ff43] {
    background: none !important;
    color: var(--purple);
    border: 1px solid var(--purple)
}

.tag:not(body).is-orange[data-v-6ef6ff43] {
    background: var(--orange);
    color: var(--white)
}

.tag:not(body).is-orange.is-elevated[data-v-6ef6ff43] {
    box-shadow: var(--orange-box-shadow)
}

.tag:not(body).is-orange.is-outlined[data-v-6ef6ff43] {
    background: none !important;
    color: var(--orange);
    border: 1px solid var(--orange)
}

.product-screenshots[data-v-1849fc39] {
    position: relative;
    overflow: hidden;
    background: var(--hero-grey-bg-color)
}

.product-screenshots .flying-particles[data-v-1849fc39] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

.product-screenshots .flying-particles .dot-wrapper[data-v-1849fc39] {
    position: absolute
}

.product-screenshots .flying-particles .dot-wrapper-1[data-v-1849fc39] {
    top: 45%;
    left: 65%;
    animation: flying 68s ease-in-out -3.3s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-2[data-v-1849fc39] {
    top: 62%;
    left: 52%;
    animation: flying 63s ease-in-out -7.5s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-3[data-v-1849fc39] {
    top: 88%;
    left: 6%;
    animation: flying 64s ease-in-out -2.1s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-4[data-v-1849fc39] {
    top: 87%;
    left: 34%;
    animation: flying 59s ease-in-out -3.1s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-5[data-v-1849fc39] {
    top: 52%;
    left: 5%;
    animation: flying 34s ease-in-out -2.7s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-6[data-v-1849fc39] {
    top: 94%;
    left: 33%;
    animation: flying 26s ease-in-out -2.4s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-7[data-v-1849fc39] {
    top: 40%;
    left: 5%;
    animation: flying 62s ease-in-out -.2s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-8[data-v-1849fc39] {
    top: 38%;
    left: 47%;
    animation: flying 32s ease-in-out -2.9s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-9[data-v-1849fc39] {
    top: 36%;
    left: 89%;
    animation: flying 26s ease-in-out -9.2s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-10[data-v-1849fc39] {
    top: 30%;
    left: 67%;
    animation: flying 64s ease-in-out -8.8s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-11[data-v-1849fc39] {
    top: 83%;
    left: 94%;
    animation: flying 44s ease-in-out -6.2s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-12[data-v-1849fc39] {
    top: 94%;
    left: 30%;
    animation: flying 69s ease-in-out -3.6s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-13[data-v-1849fc39] {
    top: 32%;
    left: 72%;
    animation: flying 48s ease-in-out -1.6s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-14[data-v-1849fc39] {
    top: 83%;
    left: 66%;
    animation: flying 43s ease-in-out -2.6s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-15[data-v-1849fc39] {
    top: 5%;
    left: 75%;
    animation: flying 64s ease-in-out -.6s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-16[data-v-1849fc39] {
    top: 98%;
    left: 64%;
    animation: flying 70s ease-in-out -7.7s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-17[data-v-1849fc39] {
    top: 57%;
    left: 70%;
    animation: flying 60s ease-in-out -2.4s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-18[data-v-1849fc39] {
    top: 14%;
    left: 88%;
    animation: flying 51s ease-in-out -1.2s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-19[data-v-1849fc39] {
    top: 34%;
    left: 41%;
    animation: flying 48s ease-in-out -.7s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-20[data-v-1849fc39] {
    top: 16%;
    left: 44%;
    animation: flying 28s ease-in-out -9.5s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-21[data-v-1849fc39] {
    top: 68%;
    left: 22%;
    animation: flying 62s ease-in-out -2.4s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-22[data-v-1849fc39] {
    top: 37%;
    left: 70%;
    animation: flying 26s ease-in-out -4.1s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-23[data-v-1849fc39] {
    top: 42%;
    left: 48%;
    animation: flying 34s ease-in-out -8.6s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-24[data-v-1849fc39] {
    top: 93%;
    left: 17%;
    animation: flying 35s ease-in-out -5.6s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-25[data-v-1849fc39] {
    top: 60%;
    left: 2%;
    animation: flying 53s ease-in-out -.5s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-26[data-v-1849fc39] {
    top: 94%;
    left: 55%;
    animation: flying 28s ease-in-out -5.6s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-27[data-v-1849fc39] {
    top: 7%;
    left: 67%;
    animation: flying 34s ease-in-out -8.5s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-28[data-v-1849fc39] {
    top: 60%;
    left: 13%;
    animation: flying 56s ease-in-out -9.8s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-29[data-v-1849fc39] {
    top: 73%;
    left: 34%;
    animation: flying 68s ease-in-out -3.1s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-30[data-v-1849fc39] {
    top: 94%;
    left: 89%;
    animation: flying 37s ease-in-out -.9s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-31[data-v-1849fc39] {
    top: 91%;
    left: 65%;
    animation: flying 57s ease-in-out -7.7s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-32[data-v-1849fc39] {
    top: 56%;
    left: 43%;
    animation: flying 63s ease-in-out -.6s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-33[data-v-1849fc39] {
    top: 14%;
    left: 83%;
    animation: flying 53s ease-in-out -9.6s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-34[data-v-1849fc39] {
    top: 40%;
    left: 37%;
    animation: flying 31s ease-in-out -.8s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-35[data-v-1849fc39] {
    top: 74%;
    left: 29%;
    animation: flying 40s ease-in-out -8.4s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-36[data-v-1849fc39] {
    top: 40%;
    left: 95%;
    animation: flying 40s ease-in-out -5.1s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-37[data-v-1849fc39] {
    top: 46%;
    left: 77%;
    animation: flying 26s ease-in-out -7.9s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-38[data-v-1849fc39] {
    top: 39%;
    left: 61%;
    animation: flying 49s ease-in-out -8.7s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-39[data-v-1849fc39] {
    top: 60%;
    left: 93%;
    animation: flying 30s ease-in-out -5.5s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-40[data-v-1849fc39] {
    top: 21%;
    left: 94%;
    animation: flying 65s ease-in-out -8.1s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-41[data-v-1849fc39] {
    top: 47%;
    left: 31%;
    animation: flying 59s ease-in-out -8.4s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-42[data-v-1849fc39] {
    top: 80%;
    left: 5%;
    animation: flying 63s ease-in-out -8.9s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-43[data-v-1849fc39] {
    top: 84%;
    left: 74%;
    animation: flying 25s ease-in-out -3.1s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-44[data-v-1849fc39] {
    top: 27%;
    left: 40%;
    animation: flying 58s ease-in-out -9.2s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-45[data-v-1849fc39] {
    top: 74%;
    left: 96%;
    animation: flying 48s ease-in-out -7.3s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-46[data-v-1849fc39] {
    top: 74%;
    left: 20%;
    animation: flying 26s ease-in-out -.9s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-47[data-v-1849fc39] {
    top: 84%;
    left: 94%;
    animation: flying 22s ease-in-out -2s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-48[data-v-1849fc39] {
    top: 87%;
    left: 12%;
    animation: flying 43s ease-in-out -3.3s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-49[data-v-1849fc39] {
    top: 15%;
    left: 17%;
    animation: flying 56s ease-in-out -9s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-50[data-v-1849fc39] {
    top: 61%;
    left: 33%;
    animation: flying 26s ease-in-out -2.9s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-51[data-v-1849fc39] {
    top: 36%;
    left: 38%;
    animation: flying 26s ease-in-out -9s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-52[data-v-1849fc39] {
    top: 59%;
    left: 23%;
    animation: flying 59s ease-in-out -9.3s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-53[data-v-1849fc39] {
    top: 96%;
    left: 18%;
    animation: flying 21s ease-in-out -5.2s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-54[data-v-1849fc39] {
    top: 87%;
    left: 73%;
    animation: flying 64s ease-in-out -2.2s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-55[data-v-1849fc39] {
    top: 27%;
    left: 39%;
    animation: flying 69s ease-in-out -.2s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-56[data-v-1849fc39] {
    top: 47%;
    left: 41%;
    animation: flying 55s ease-in-out -.3s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-57[data-v-1849fc39] {
    top: 56%;
    left: 24%;
    animation: flying 52s ease-in-out -8.2s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-58[data-v-1849fc39] {
    top: 15%;
    left: 54%;
    animation: flying 63s ease-in-out -2.8s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-59[data-v-1849fc39] {
    top: 81%;
    left: 19%;
    animation: flying 53s ease-in-out -6.1s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-60[data-v-1849fc39] {
    top: 60%;
    left: 89%;
    animation: flying 65s ease-in-out -7.9s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-61[data-v-1849fc39] {
    top: 96%;
    left: 80%;
    animation: flying 26s ease-in-out -4.3s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-62[data-v-1849fc39] {
    top: 6%;
    left: 97%;
    animation: flying 35s ease-in-out -5.1s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-63[data-v-1849fc39] {
    top: 43%;
    left: 53%;
    animation: flying 28s ease-in-out -.7s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-64[data-v-1849fc39] {
    top: 12%;
    left: 80%;
    animation: flying 32s ease-in-out -1.3s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-65[data-v-1849fc39] {
    top: 39%;
    left: 13%;
    animation: flying 22s ease-in-out -5.1s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-66[data-v-1849fc39] {
    top: 55%;
    left: 80%;
    animation: flying 28s ease-in-out -2.6s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-67[data-v-1849fc39] {
    top: 26%;
    left: 95%;
    animation: flying 26s ease-in-out -8.8s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-68[data-v-1849fc39] {
    top: 18%;
    left: 63%;
    animation: flying 22s ease-in-out -.9s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-69[data-v-1849fc39] {
    top: 80%;
    left: 85%;
    animation: flying 52s ease-in-out -8.5s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-70[data-v-1849fc39] {
    top: 3%;
    left: 94%;
    animation: flying 65s ease-in-out -5.4s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-71[data-v-1849fc39] {
    top: 87%;
    left: 100%;
    animation: flying 27s ease-in-out -2.8s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-72[data-v-1849fc39] {
    top: 87%;
    left: 72%;
    animation: flying 67s ease-in-out -3.6s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-73[data-v-1849fc39] {
    top: 67%;
    left: 24%;
    animation: flying 37s ease-in-out -8.9s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-74[data-v-1849fc39] {
    top: 25%;
    left: 91%;
    animation: flying 40s ease-in-out -1.9s infinite alternate
}

.product-screenshots .flying-particles .dot-wrapper-75[data-v-1849fc39] {
    top: 61%;
    left: 1%;
    animation: flying 70s ease-in-out -5.8s infinite alternate
}

.product-screenshots .flying-particles .dot[data-v-1849fc39] {
    width: 6px;
    height: 6px;
    background: var(--primary);
    border-radius: 50%
}

.product-screenshots .flying-particles .dot-1[data-v-1849fc39] {
    transform-origin: 29 -15px 19 -15px;
    animation: rotating 15s ease-in-out -9.9s infinite
}

.product-screenshots .flying-particles .dot-2[data-v-1849fc39] {
    transform-origin: 3 -15px 1 -15px;
    animation: rotating 16s ease-in-out -7.8s infinite
}

.product-screenshots .flying-particles .dot-3[data-v-1849fc39] {
    transform-origin: 8 -15px 28 -15px;
    animation: rotating 17s ease-in-out -8.5s infinite
}

.product-screenshots .flying-particles .dot-4[data-v-1849fc39] {
    transform-origin: 17 -15px 19 -15px;
    animation: rotating 17s ease-in-out -5s infinite
}

.product-screenshots .flying-particles .dot-5[data-v-1849fc39] {
    transform-origin: 28 -15px 17 -15px;
    animation: rotating 30s ease-in-out -1.7s infinite
}

.product-screenshots .flying-particles .dot-6[data-v-1849fc39] {
    transform-origin: 1 -15px 5 -15px;
    animation: rotating 22s ease-in-out -6.2s infinite
}

.product-screenshots .flying-particles .dot-7[data-v-1849fc39] {
    transform-origin: 16 -15px 27 -15px;
    animation: rotating 14s ease-in-out -.7s infinite
}

.product-screenshots .flying-particles .dot-8[data-v-1849fc39] {
    transform-origin: 21 -15px 6 -15px;
    animation: rotating 13s ease-in-out -1.3s infinite
}

.product-screenshots .flying-particles .dot-9[data-v-1849fc39] {
    transform-origin: 28 -15px 9 -15px;
    animation: rotating 14s ease-in-out -4.6s infinite
}

.product-screenshots .flying-particles .dot-10[data-v-1849fc39] {
    transform-origin: 26 -15px 2 -15px;
    animation: rotating 16s ease-in-out -1.6s infinite
}

.product-screenshots .flying-particles .dot-11[data-v-1849fc39] {
    transform-origin: 21 -15px 18 -15px;
    animation: rotating 16s ease-in-out -5.6s infinite
}

.product-screenshots .flying-particles .dot-12[data-v-1849fc39] {
    transform-origin: 20 -15px 11 -15px;
    animation: rotating 12s ease-in-out -7.3s infinite
}

.product-screenshots .flying-particles .dot-13[data-v-1849fc39] {
    transform-origin: 24 -15px 30 -15px;
    animation: rotating 28s ease-in-out -4.1s infinite
}

.product-screenshots .flying-particles .dot-14[data-v-1849fc39] {
    transform-origin: 21 -15px 7 -15px;
    animation: rotating 20s ease-in-out -8.4s infinite
}

.product-screenshots .flying-particles .dot-15[data-v-1849fc39] {
    transform-origin: 5 -15px 23 -15px;
    animation: rotating 19s ease-in-out -5s infinite
}

.product-screenshots .flying-particles .dot-16[data-v-1849fc39] {
    transform-origin: 26 -15px 29 -15px;
    animation: rotating 29s ease-in-out -9.5s infinite
}

.product-screenshots .flying-particles .dot-17[data-v-1849fc39] {
    transform-origin: 23 -15px 1 -15px;
    animation: rotating 11s ease-in-out -7.3s infinite
}

.product-screenshots .flying-particles .dot-18[data-v-1849fc39] {
    transform-origin: 29 -15px 29 -15px;
    animation: rotating 13s ease-in-out -3.4s infinite
}

.product-screenshots .flying-particles .dot-19[data-v-1849fc39] {
    transform-origin: 14 -15px 7 -15px;
    animation: rotating 26s ease-in-out -3.4s infinite
}

.product-screenshots .flying-particles .dot-20[data-v-1849fc39] {
    transform-origin: 7 -15px 27 -15px;
    animation: rotating 11s ease-in-out -4s infinite
}

.product-screenshots .flying-particles .dot-21[data-v-1849fc39] {
    transform-origin: 4 -15px 19 -15px;
    animation: rotating 22s ease-in-out -9.5s infinite
}

.product-screenshots .flying-particles .dot-22[data-v-1849fc39] {
    transform-origin: 24 -15px 27 -15px;
    animation: rotating 14s ease-in-out -7s infinite
}

.product-screenshots .flying-particles .dot-23[data-v-1849fc39] {
    transform-origin: 10 -15px 11 -15px;
    animation: rotating 23s ease-in-out -8.3s infinite
}

.product-screenshots .flying-particles .dot-24[data-v-1849fc39] {
    transform-origin: 9 -15px 4 -15px;
    animation: rotating 22s ease-in-out -6.2s infinite
}

.product-screenshots .flying-particles .dot-25[data-v-1849fc39] {
    transform-origin: 10 -15px 25 -15px;
    animation: rotating 15s ease-in-out -9.4s infinite
}

.product-screenshots .flying-particles .dot-26[data-v-1849fc39] {
    transform-origin: 27 -15px 28 -15px;
    animation: rotating 23s ease-in-out -1s infinite
}

.product-screenshots .flying-particles .dot-27[data-v-1849fc39] {
    transform-origin: 23 -15px 11 -15px;
    animation: rotating 22s ease-in-out -4.5s infinite
}

.product-screenshots .flying-particles .dot-28[data-v-1849fc39] {
    transform-origin: 13 -15px 16 -15px;
    animation: rotating 24s ease-in-out -5.6s infinite
}

.product-screenshots .flying-particles .dot-29[data-v-1849fc39] {
    transform-origin: 17 -15px 26 -15px;
    animation: rotating 30s ease-in-out -6.5s infinite
}

.product-screenshots .flying-particles .dot-30[data-v-1849fc39] {
    transform-origin: 25 -15px 9 -15px;
    animation: rotating 16s ease-in-out -3.6s infinite
}

.product-screenshots .flying-particles .dot-31[data-v-1849fc39] {
    transform-origin: 29 -15px 15 -15px;
    animation: rotating 23s ease-in-out -5.7s infinite
}

.product-screenshots .flying-particles .dot-32[data-v-1849fc39] {
    transform-origin: 10 -15px 19 -15px;
    animation: rotating 24s ease-in-out -3.3s infinite
}

.product-screenshots .flying-particles .dot-33[data-v-1849fc39] {
    transform-origin: 2 -15px 23 -15px;
    animation: rotating 12s ease-in-out -1.8s infinite
}

.product-screenshots .flying-particles .dot-34[data-v-1849fc39] {
    transform-origin: 8 -15px 20 -15px;
    animation: rotating 11s ease-in-out -6.1s infinite
}

.product-screenshots .flying-particles .dot-35[data-v-1849fc39] {
    transform-origin: 17 -15px 8 -15px;
    animation: rotating 25s ease-in-out -6.4s infinite
}

.product-screenshots .flying-particles .dot-36[data-v-1849fc39] {
    transform-origin: 19 -15px 6 -15px;
    animation: rotating 11s ease-in-out -4.7s infinite
}

.product-screenshots .flying-particles .dot-37[data-v-1849fc39] {
    transform-origin: 5 -15px 1 -15px;
    animation: rotating 14s ease-in-out -5.5s infinite
}

.product-screenshots .flying-particles .dot-38[data-v-1849fc39] {
    transform-origin: 21 -15px 17 -15px;
    animation: rotating 29s ease-in-out -5.7s infinite
}

.product-screenshots .flying-particles .dot-39[data-v-1849fc39] {
    transform-origin: 18 -15px 25 -15px;
    animation: rotating 15s ease-in-out -5.3s infinite
}

.product-screenshots .flying-particles .dot-40[data-v-1849fc39] {
    transform-origin: 28 -15px 15 -15px;
    animation: rotating 30s ease-in-out -6.5s infinite
}

.product-screenshots .flying-particles .dot-41[data-v-1849fc39] {
    transform-origin: 16 -15px 22 -15px;
    animation: rotating 19s ease-in-out -9.1s infinite
}

.product-screenshots .flying-particles .dot-42[data-v-1849fc39] {
    transform-origin: 7 -15px 3 -15px;
    animation: rotating 24s ease-in-out -7.4s infinite
}

.product-screenshots .flying-particles .dot-43[data-v-1849fc39] {
    transform-origin: 28 -15px 18 -15px;
    animation: rotating 12s ease-in-out -.8s infinite
}

.product-screenshots .flying-particles .dot-44[data-v-1849fc39] {
    transform-origin: 30 -15px 8 -15px;
    animation: rotating 11s ease-in-out -7.8s infinite
}

.product-screenshots .flying-particles .dot-45[data-v-1849fc39] {
    transform-origin: 24 -15px 13 -15px;
    animation: rotating 28s ease-in-out -.6s infinite
}

.product-screenshots .flying-particles .dot-46[data-v-1849fc39] {
    transform-origin: 12 -15px 13 -15px;
    animation: rotating 24s ease-in-out -6.1s infinite
}

.product-screenshots .flying-particles .dot-47[data-v-1849fc39] {
    transform-origin: 5 -15px 30 -15px;
    animation: rotating 18s ease-in-out -4.4s infinite
}

.product-screenshots .flying-particles .dot-48[data-v-1849fc39] {
    transform-origin: 22 -15px 20 -15px;
    animation: rotating 14s ease-in-out -2s infinite
}

.product-screenshots .flying-particles .dot-49[data-v-1849fc39] {
    transform-origin: 1 -15px 19 -15px;
    animation: rotating 11s ease-in-out -1.9s infinite
}

.product-screenshots .flying-particles .dot-50[data-v-1849fc39] {
    transform-origin: 26 -15px 11 -15px;
    animation: rotating 25s ease-in-out -.5s infinite
}

.product-screenshots .container[data-v-1849fc39] {
    position: relative;
    z-index: 1
}

.product-screenshots .midtitle[data-v-1849fc39] {
    font-family: var(--font);
    font-weight: 500;
    font-size: 1rem;
    color: var(--light-text);
    text-transform: uppercase;
    padding: .25rem 0
}

.product-screenshots .subtitle[data-v-1849fc39] {
    color: var(--medium-text)
}

.product-screenshots .buttons .button[data-v-1849fc39] {
    height: 48px;
    min-width: 140px
}

.product-screenshots .stack-icons[data-v-1849fc39] {
    display: flex
}

.product-screenshots .stack-icons .stack-icon[data-v-1849fc39] {
    font-size: 1.75rem
}

.screenshots-wrap[data-v-1849fc39] {
    position: relative;
    min-height: 100vh
}

.screenshots-wrap .bg-circle[data-v-1849fc39] {
    position: absolute;
    top: 50%;
    right: -30%;
    height: 650px;
    width: 650px;
    transform: translateY(-45%);
    border-radius: 50%;
    background: rgb(var(--primary-rgb));
    background: linear-gradient(98deg, rgb(var(--primary-rgb)/100%) 0%, rgb(var(--primary-rgb)/28.9%) 35%, rgb(var(--primary-rgb)/0%) 100%);
    z-index: 0
}

.screenshots-group[data-v-1849fc39] {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    width: 1080px;
    transform: rotate(-45deg);
    z-index: 2
}

.screenshots-group .screenshot[data-v-1849fc39] {
    position: relative;
    width: 340px;
    height: auto;
    margin: .5rem;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: .65rem;
    overflow: hidden;
    transition: transform .3s, box-shadow .3s
}

.screenshots-group .screenshot[data-v-1849fc39]:first-child {
    visibility: hidden
}

.screenshots-group .screenshot[data-v-1849fc39]:first-child,
.screenshots-group .screenshot[data-v-1849fc39]:nth-child(4),
.screenshots-group .screenshot[data-v-1849fc39]:nth-child(7),
.screenshots-group .screenshot[data-v-1849fc39]:nth-child(10) {
    top: -3.5rem
}

.screenshots-group .screenshot[data-v-1849fc39]:nth-child(2),
.screenshots-group .screenshot[data-v-1849fc39]:nth-child(5),
.screenshots-group .screenshot[data-v-1849fc39]:nth-child(8),
.screenshots-group .screenshot[data-v-1849fc39]:nth-child(11) {
    top: 2rem
}

.screenshots-group .screenshot[data-v-1849fc39]:hover {
    transform: translateY(-5px);
    box-shadow: var(--light-box-shadow)
}

@media only screen and (width <=767px) {
    .product-screenshots .columns[data-v-1849fc39] {
        padding-top: 4rem;
        text-align: center
    }
    .product-screenshots .column .py-6[data-v-1849fc39] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-bottom: 0 !important
    }
    .product-screenshots .subtitle[data-v-1849fc39] {
        max-width: 540px;
        margin-left: auto;
        margin-right: auto
    }
    .product-screenshots .buttons[data-v-1849fc39] {
        justify-content: center
    }
    .screenshots-wrap[data-v-1849fc39] {
        min-height: 90vh
    }
    .screenshots-wrap .bg-circle[data-v-1849fc39] {
        top: initial;
        bottom: -34%
    }
    .screenshots-wrap .screenshots-group[data-v-1849fc39] {
        right: -100%;
        bottom: -50%
    }
}

@media only screen and (width >=768px) and (width <=1023px) and (orientation: portrait) {
    .product-screenshots .columns[data-v-1849fc39] {
        padding-top: 4rem;
        text-align: center
    }
    .product-screenshots .subtitle[data-v-1849fc39] {
        max-width: 540px;
        margin-left: auto;
        margin-right: auto
    }
    .product-screenshots .buttons[data-v-1849fc39],
    .product-screenshots .stack-icons[data-v-1849fc39] {
        justify-content: center
    }
    .screenshots-wrap[data-v-1849fc39] {
        min-height: 75vh
    }
    .screenshots-wrap .bg-circle[data-v-1849fc39] {
        top: initial;
        height: 750px;
        width: 750px;
        bottom: -50%;
        right: -7% !important
    }
    .screenshots-wrap .screenshots-group[data-v-1849fc39] {
        bottom: -30%
    }
    .screenshots-wrap .columns[data-v-1849fc39] {
        display: flex
    }
    .screenshots-wrap .columns .py-6[data-v-1849fc39] {
        padding-left: 2.5rem
    }
}

@media only screen and (width >=768px) and (width <=1024px) and (orientation: landscape) {
    .product-screenshots .bg-circle[data-v-1849fc39] {
        right: -53% !important
    }
}

@media only screen and (width <=1300px) {
    .product-screenshots .bg-circle[data-v-1849fc39] {
        right: -35%
    }
}

.card[data-v-4c478248] {
    position: relative;
    background: var(--card-bg-color);
    border: 1px solid var(--card-border-color);
    box-shadow: none;
    transition: box-shadow .3s, transform .3s
}

.card.is-squared[data-v-4c478248] {
    border-radius: .5rem
}

.card.is-curved[data-v-4c478248] {
    border-radius: 1.25rem
}

.card.is-animated[data-v-4c478248]:hover {
    transform: translateY(-5px)
}

.card.is-muted[data-v-4c478248] {
    background: var(--wrap-muted-color);
    border: none !important;
    box-shadow: none !important
}

.card.card-shadow[data-v-4c478248],
.card.card-shadow-hover[data-v-4c478248]:hover {
    box-shadow: var(--light-box-shadow)
}

.card.card-overflow[data-v-4c478248] {
    overflow: hidden
}

.card .card-content[data-v-4c478248] {
    padding: var(--55b7cc26)
}

.pwa-toast[data-v-07c4b46c] {
    position: fixed;
    right: 0;
    bottom: 0;
    max-width: 350px;
    margin: 16px;
    border: 1px solid rgba(136, 136, 136, .3333333333);
    border-radius: 4px;
    z-index: 9999;
    text-align: left;
    box-shadow: var(--spread-shadow)
}

.pwa-message[data-v-07c4b46c] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    font-size: 1.1rem
}

.pwa-message[data-v-07c4b46c] img {
    max-width: 42px
}

[data-v-07c4b46c] .button {
    min-width: 90px;
    min-height: 34px
}

.progress-wrap[data-v-56bc0079] {
    position: fixed;
    right: 30px;
    bottom: 30px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px #0000001a;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all .2s linear;
    z-index: 9
}

.progress-wrap.active-progress[data-v-56bc0079] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.progress-wrap[data-v-56bc0079]:after {
    border-style: solid;
    border-width: .15em .15em 0 0;
    content: "";
    display: inline-block;
    height: .75em;
    left: 1.1em;
    position: relative;
    top: -2.05em;
    transform: rotate(-45deg) scale(.8);
    vertical-align: top;
    width: .75em;
    color: var(--primary)
}

.progress-wrap svg path[data-v-56bc0079] {
    fill: none
}

.progress-wrap svg.progress-circle path[data-v-56bc0079] {
    stroke: var(--primary-light-4);
    stroke-width: 4;
    box-sizing: border-box;
    transition: all .2s linear
}

@keyframes border-transform-56bc0079 {
    0%,
    to {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
    }
    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
    }
    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
    }
    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
    }
    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
    }
    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
    }
    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
    }
}

@media only screen and (width <=767px) {
    .progress-wrap[data-v-56bc0079] {
        display: none
    }
}

@font-face {
    font-family: Roboto Flex Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 1000;
    src: url(/assets/roboto-flex-cyrillic-ext-wght-normal-yzotEKkt.woff2) format("woff2-variations");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Roboto Flex Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 1000;
    src: url(/assets/roboto-flex-cyrillic-wght-normal-QNnOWDn_.woff2) format("woff2-variations");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Roboto Flex Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 1000;
    src: url(/assets/roboto-flex-greek-wght-normal-8SVPT--s.woff2) format("woff2-variations");
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: Roboto Flex Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 1000;
    src: url(/assets/roboto-flex-vietnamese-wght-normal-1KizgI4q.woff2) format("woff2-variations");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Roboto Flex Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 1000;
    src: url(/assets/roboto-flex-latin-ext-wght-normal-DllcyRER.woff2) format("woff2-variations");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Roboto Flex Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 1000;
    src: url(/assets/roboto-flex-latin-wght-normal-cfZiMlKg.woff2) format("woff2-variations");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Montserrat Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/assets/montserrat-cyrillic-ext-wght-normal-K1daIjca.woff2) format("woff2-variations");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Montserrat Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/assets/montserrat-cyrillic-wght-normal-h2Ivy5lH.woff2) format("woff2-variations");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Montserrat Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/assets/montserrat-vietnamese-wght-normal-V1kl_bc9.woff2) format("woff2-variations");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Montserrat Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/assets/montserrat-latin-ext-wght-normal-SFXj8vbk.woff2) format("woff2-variations");
    unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Montserrat Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/assets/montserrat-latin-wght-normal-QwOtvNGk.woff2) format("woff2-variations");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

.slider-target,
.slider-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    touch-action: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box
}

.slider-target {
    position: relative
}

.slider-base,
.slider-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.slider-connects {
    overflow: hidden;
    z-index: 0
}

.slider-connect,
.slider-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat
}

.slider-txt-dir-rtl.slider-horizontal .slider-origin {
    left: 0;
    right: auto
}

.slider-vertical .slider-origin {
    top: -100%;
    width: 0
}

.slider-horizontal .slider-origin {
    height: 0
}

.slider-handle {
    backface-visibility: hidden;
    position: absolute
}

.slider-touch-area {
    height: 100%;
    width: 100%
}

.slider-state-tap .slider-connect,
.slider-state-tap .slider-origin {
    transition: transform .3s
}

.slider-state-drag * {
    cursor: inherit !important
}

.slider-tooltip-focus .slider-tooltip,
.slider-tooltip-drag .slider-tooltip {
    display: none !important
}

.slider-tooltip-focus.slider-focused .slider-tooltip:not(.slider-tooltip-hidden),
.slider-tooltip-drag.slider-state-drag .slider-tooltip:not(.slider-tooltip-hidden),
.slider-tooltip-drag .slider-active .slider-tooltip {
    display: block !important
}

.slider-horizontal {
    height: var(--slider-height, 6px)
}

.slider-horizontal .slider-handle {
    width: var(--slider-handle-width, 16px);
    height: var(--slider-handle-height, 16px);
    top: calc(((var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2 + 1px) * -1);
    right: calc(var(--slider-handle-width, 16px) / 2 * -1)
}

.slider-vertical {
    width: var(--slider-height, 6px);
    height: var(--slider-vertical-height, 300px)
}

.slider-vertical .slider-handle {
    width: var(--slider-handle-height, 16px);
    height: var(--slider-handle-width, 16px);
    right: calc(((var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2 + 1px) * -1);
    bottom: calc(var(--slider-handle-width, 16px) / 2 * -1)
}

.slider-txt-dir-rtl.slider-horizontal .slider-handle {
    left: calc(var(--slider-handle-width, 16px) / 2 * -1);
    right: auto
}

.slider-base {
    background-color: var(--slider-bg, #D1D5DB);
    border-radius: var(--slider-radius, 9999px)
}

.slider-connects {
    border-radius: var(--slider-radius, 9999px)
}

.slider-connect {
    background: var(--slider-connect-bg, #10B981);
    cursor: pointer
}

.slider-draggable {
    cursor: ew-resize
}

.slider-vertical .slider-draggable {
    cursor: ns-resize
}

.slider-handle {
    width: var(--slider-handle-width, 16px);
    height: var(--slider-handle-height, 16px);
    border-radius: var(--slider-handle-radius, 9999px);
    background: var(--slider-handle-bg, #fff);
    border: var(--slider-handle-border, 0);
    box-shadow: var(--slider-handle-shadow, .5px .5px 2px 1px rgba(0, 0, 0, .32));
    cursor: grab
}

.slider-handle:focus {
    outline: none;
    box-shadow: 0 0 0 var(--slider-handle-ring-width, 3px) var(--slider-handle-ring-color, rgba(16, 185, 129, .1882352941)), var(--slider-handle-shadow, .5px .5px 2px 1px rgba(0, 0, 0, .32))
}

.slider-active {
    box-shadow: var(--slider-handle-shadow-active, .5px .5px 2px 1px rgba(0, 0, 0, .42));
    cursor: grabbing
}

[disabled] .slider-connect {
    background: var(--slider-connect-bg-disabled, #9CA3AF)
}

[disabled].slider-target,
[disabled].slider-handle,
[disabled] .slider-handle {
    cursor: not-allowed
}

[disabled] .slider-tooltip {
    background: var(--slider-tooltip-bg-disabled, #9CA3AF);
    border-color: var(--slider-tooltip-bg-disabled, #9CA3AF)
}

.slider-tooltip {
    position: absolute;
    display: block;
    font-size: var(--slider-tooltip-font-size, .875rem);
    line-height: var(--slider-tooltip-line-height, 1.25rem);
    font-weight: var(--slider-tooltip-font-weight, 600);
    white-space: nowrap;
    padding: var(--slider-tooltip-py, 2px) var(--slider-tooltip-px, 6px);
    min-width: var(--slider-tooltip-min-width, 20px);
    text-align: center;
    color: var(--slider-tooltip-color, #fff);
    border-radius: var(--slider-tooltip-radius, 5px);
    border: 1px solid var(--slider-tooltip-bg, #10B981);
    background: var(--slider-tooltip-bg, #10B981)
}

.slider-horizontal .slider-tooltip-top {
    transform: translate(-50%);
    left: 50%;
    bottom: calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px))
}

.slider-horizontal .slider-tooltip-top:before {
    content: "";
    position: absolute;
    bottom: calc(var(--slider-tooltip-arrow-size, 5px) * -2);
    left: 50%;
    width: 0;
    height: 0;
    border: var(--slider-tooltip-arrow-size, 5px) solid transparent;
    border-top-color: inherit;
    transform: translate(-50%)
}

.slider-horizontal .slider-tooltip-bottom {
    transform: translate(-50%);
    left: 50%;
    top: calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px))
}

.slider-horizontal .slider-tooltip-bottom:before {
    content: "";
    position: absolute;
    top: calc(var(--slider-tooltip-arrow-size, 5px) * -2);
    left: 50%;
    width: 0;
    height: 0;
    border: var(--slider-tooltip-arrow-size, 5px) solid transparent;
    border-bottom-color: inherit;
    transform: translate(-50%)
}

.slider-vertical .slider-tooltip-left {
    transform: translateY(-50%);
    top: 50%;
    right: calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px))
}

.slider-vertical .slider-tooltip-left:before {
    content: "";
    position: absolute;
    right: calc(var(--slider-tooltip-arrow-size, 5px) * -2);
    top: 50%;
    width: 0;
    height: 0;
    border: var(--slider-tooltip-arrow-size, 5px) solid transparent;
    border-left-color: inherit;
    transform: translateY(-50%)
}

.slider-vertical .slider-tooltip-right {
    transform: translateY(-50%);
    top: 50%;
    left: calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px))
}

.slider-vertical .slider-tooltip-right:before {
    content: "";
    position: absolute;
    left: calc(var(--slider-tooltip-arrow-size, 5px) * -2);
    top: 50%;
    width: 0;
    height: 0;
    border: var(--slider-tooltip-arrow-size, 5px) solid transparent;
    border-right-color: inherit;
    transform: translateY(-50%)
}

.slider-horizontal .slider-origin>.slider-tooltip {
    transform: translate(50%);
    left: auto
}

.slider-horizontal .slider-origin>.slider-tooltip-top {
    bottom: calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2 + var(--slider-tooltip-distance, 3px) + 1px)
}

.slider-horizontal .slider-origin>.slider-tooltip-bottom {
    top: calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2 + var(--slider-tooltip-distance, 3px) + var(--slider-height, 6px) - 1px)
}

.slider-vertical .slider-origin>.slider-tooltip {
    transform: translateY(calc((var(--slider-tooltip-line-height, 1.25rem) - var(--slider-tooltip-py, 2px)) * -1 + 1px));
    top: auto
}

.slider-vertical .slider-origin>.slider-tooltip-left {
    right: calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2 + var(--slider-tooltip-distance, 3px) - 1px)
}

.slider-vertical .slider-origin>.slider-tooltip-right {
    left: calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2 + var(--slider-tooltip-distance, 3px) - var(--slider-height, 6px) + 1px)
}

:root {
    --vc-clr-primary: #000;
    --vc-clr-secondary: #090f207f;
    --vc-clr-white: #ffffff;
    --vc-icn-width: 1.2em;
    --vc-nav-width: 30px;
    --vc-nav-height: 30px;
    --vc-nav-border-radius: 0;
    --vc-nav-color: var(--vc-clr-primary);
    --vc-nav-color-hover: var(--vc-clr-secondary);
    --vc-nav-background: transparent;
    --vc-pgn-width: 12px;
    --vc-pgn-height: 4px;
    --vc-pgn-margin: 4px;
    --vc-pgn-border-radius: 0;
    --vc-pgn-background-color: var(--vc-clr-secondary);
    --vc-pgn-active-color: var(--vc-clr-primary)
}

.carousel__prev,
.carousel__next {
    box-sizing: content-box;
    background: var(--vc-nav-background);
    border-radius: var(--vc-nav-border-radius);
    width: var(--vc-nav-width);
    height: var(--vc-nav-height);
    text-align: center;
    font-size: var(--vc-nav-height);
    padding: 0;
    color: var(--vc-nav-color);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    border: 0;
    cursor: pointer;
    margin: 0 10px;
    top: 50%;
    transform: translateY(-50%)
}

.carousel__prev:hover,
.carousel__next:hover {
    color: var(--vc-nav-color-hover)
}

.carousel__next--disabled,
.carousel__prev--disabled {
    cursor: not-allowed;
    opacity: .5
}

.carousel__prev {
    left: 0
}

.carousel__next {
    right: 0
}

.carousel--rtl .carousel__prev {
    left: auto;
    right: 0
}

.carousel--rtl .carousel__next {
    right: auto;
    left: 0
}

.carousel {
    position: relative;
    text-align: center;
    box-sizing: border-box;
    touch-action: pan-y;
    overscroll-behavior: none
}

.carousel.is-dragging {
    touch-action: none
}

.carousel * {
    box-sizing: border-box
}

.carousel__track {
    display: flex;
    padding: 0 !important;
    position: relative
}

.carousel__viewport {
    overflow: hidden
}

.carousel__sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.carousel__icon {
    width: var(--vc-icn-width);
    height: var(--vc-icn-width);
    fill: currentColor
}

.carousel__pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    line-height: 0;
    margin: 10px 0 0
}

.carousel__pagination-button {
    display: block;
    border: 0;
    margin: 0;
    cursor: pointer;
    padding: var(--vc-pgn-margin);
    background: transparent
}

.carousel__pagination-button:after {
    display: block;
    content: "";
    width: var(--vc-pgn-width);
    height: var(--vc-pgn-height);
    border-radius: var(--vc-pgn-border-radius);
    background-color: var(--vc-pgn-background-color)
}

.carousel__pagination-button:hover:after,
.carousel__pagination-button--active:after {
    background-color: var(--vc-pgn-active-color)
}

.carousel__slide {
    scroll-snap-stop: auto;
    flex-shrink: 0;
    margin: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateZ(0)
}

:root {
    --black: rgb(10, 10, 10);
    --danger: rgb(252, 3, 98);
    --dark: rgb(37, 46, 60);
    --info: rgb(22, 119, 223);
    --link: rgb(26 67 192);
    --primary: rgb(119, 3, 252);
    --success: rgb(22, 223, 149);
    --warning: rgb(242, 183, 54);
    --white: rgb(255, 255, 255)
}

:root {
    --black--10--rgba: rgba(10, 10, 10, .1);
    --black--2--rgba: rgba(10, 10, 10, .02);
    --black--20--rgba: rgba(10, 10, 10, .2);
    --black--5--rgba: rgba(10, 10, 10, .05);
    --black--800--lighten: rgb(30, 30, 30);
    --danger--color-invert: rgb(255, 255, 255);
    --danger--dark-color: rgb(227, 3, 88);
    --danger--light-color: rgb(255, 235, 242);
    --dark--800--lighten: rgb(53, 65, 85);
    --dark--color-invert: rgb(255, 255, 255);
    --info--color-invert: rgb(255, 255, 255);
    --info--dark-color: rgb(21, 112, 209);
    --info--light-color: rgb(236, 245, 253);
    --link--color-invert: rgb(255, 255, 255);
    --link--dark-color: rgb(122, 8, 252);
    --link--light-color: rgb(244, 235, 255);
    --primary--color-invert: rgb(255, 255, 255);
    --primary--dark-color: rgb(122, 8, 252);
    --primary--light-color: rgb(244, 235, 255);
    --success--color-invert: rgba(0, 0, 0, .7);
    --success--dark-color: rgb(13, 135, 90);
    --success--light-color: rgb(236, 253, 247);
    --warning--color-invert: rgba(0, 0, 0, .7);
    --warning--dark-color: rgb(139, 98, 9);
    --warning--light-color: rgb(254, 248, 236);
    --white--800--lighten: rgb(255, 255, 255)
}

:root {
    --primary-rgb: 130 23 253;
    --white: #fff;
    --white-smoke: #fcfcfc;
    --placeholder: #cecece;
    --border: #e5e5e5;
    --border-hover: #d4cfcf;
    --dark-text: #283252;
    --medium-text: #757a91;
    --light-text: #a2a5b9;
    --widget-grey: #f5f6fa;
    --fade-grey: #ededed;
    --dark-border: #393945;
    --placeload-nuance-from: rgb(0 0 0 / 7%);
    --placeload-nuance-to: rgb(0 0 0 / 15%);
    --placeload-dark-nuance-from: var(--night-light-12);
    --placeload-dark-nuance-to: var(--night-light-16);
    --primary-h: 225.18;
    --primary-s: 76.15%;
    --primary-l: 42.75%;
    --primary: hsl(var(--primary-h) var(--primary-s) var(--primary-l));
    --secondary-h: 339;
    --secondary-s: 77%;
    --secondary-l: 53%;
    --secondary: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l));
    --success-h: 162;
    --success-s: 56%;
    --success-l: 50%;
    --success: hsl(var(--success-h) var(--success-s) var(--success-l));
    --info-h: 200;
    --info-s: 97%;
    --info-l: 45%;
    --info: hsl(var(--info-h) var(--info-s) var(--info-l));
    --warning-h: 35;
    --warning-s: 95%;
    --warning-l: 62%;
    --warning: hsl(var(--warning-h) var(--warning-s) var(--warning-l));
    --danger-h: 341;
    --danger-s: 79%;
    --danger-l: 53%;
    --danger: hsl(var(--danger-h) var(--danger-s) var(--danger-l));
    --dark-bg-h: 240;
    --dark-bg-s: 4%;
    --dark-bg-l: 14%;
    --dark-bg: hsl(var(--dark-bg-h) var(--dark-bg-s) var(--dark-bg-l));
    --dark-h: 217;
    --dark-s: 24%;
    --dark-l: 19%;
    --dark: hsl(var(--dark-h) var(--dark-s) var(--dark-l));
    --night-h: 240;
    --night-s: 33%;
    --night-l: 6%;
    --night: hsl(var(--night-h) var(--night-s) var(--night-l));
    --purple-h: 261;
    --purple-s: 32%;
    --purple-l: 55%;
    --purple: hsl(var(--purple-h) var(--purple-s) var(--purple-l));
    --blue-h: 198;
    --blue-s: 100%;
    --blue-l: 61%;
    --blue: hsl(var(--blue-h) var(--blue-s) var(--blue-l));
    --red-h: 345;
    --red-s: 94%;
    --red-l: 57%;
    --red: hsl(var(--red-h) var(--red-s) var(--red-l));
    --orange-h: 19;
    --orange-s: 100%;
    --orange-l: 75%;
    --orange: hsl(var(--orange-h) var(--orange-s) var(--orange-l));
    --yellow-h: 43;
    --yellow-s: 100%;
    --yellow-l: 72%;
    --yellow: hsl(var(--yellow-h) var(--yellow-s) var(--yellow-l));
    --green-h: 113;
    --green-s: 59%;
    --green-l: 71%;
    --green: hsl(var(--green-h) var(--green-s) var(--green-l));
    --widget-grey-h: 228;
    --widget-grey-s: 33%;
    --widget-grey-l: 97%;
    --widget-grey: hsl(var(--widget-grey-h) var(--widget-grey-s) var(--widget-grey-l));
    --light-text-h: 232;
    --light-text-s: 14%;
    --light-text-l: 68%;
    --light-text: hsl(var(--light-text-h) var(--light-text-s) var(--light-text-l));
    --medium-text-h: 229;
    --medium-text-s: 11%;
    --medium-text-l: 51%;
    --medium-text: hsl(var(--medium-text-h) var(--medium-text-s) var(--medium-text-l));
    --dark-text-h: 226;
    --dark-text-s: 34%;
    --dark-text-l: 24%;
    --dark-text: hsl(var(--dark-text-h) var(--dark-text-s) var(--dark-text-l))
}

:root {
    --primary-dark-1: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 1%));
    --primary-dark-2: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 2%));
    --primary-dark-3: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 3%));
    --primary-dark-4: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 4%));
    --primary-dark-5: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 5%));
    --primary-dark-6: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 6%));
    --primary-dark-7: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 7%));
    --primary-dark-8: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 8%));
    --primary-dark-9: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 9%));
    --primary-dark-10: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 10%));
    --primary-dark-11: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 11%));
    --primary-dark-12: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 12%));
    --primary-dark-13: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 13%));
    --primary-dark-14: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 14%));
    --primary-dark-15: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 15%));
    --primary-dark-16: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 16%));
    --primary-dark-18: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 18%));
    --primary-dark-20: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 20%));
    --primary-dark-22: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 22%));
    --primary-dark-24: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 24%));
    --primary-dark-26: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 26%));
    --primary-dark-28: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 28%));
    --primary-dark-30: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 30%));
    --primary-dark-35: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 35%));
    --primary-dark-38: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 38%));
    --primary-dark-40: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 40%));
    --primary-dark-42: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 42%));
    --primary-dark-45: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 45%));
    --primary-dark-48: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 48%));
    --primary-dark-50: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 50%));
    --primary-dark-60: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 60%));
    --primary-dark-70: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 70%));
    --primary-dark-80: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 80%));
    --primary-dark-90: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) - 90%));
    --primary-light-1: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 1%));
    --primary-light-2: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 2%));
    --primary-light-3: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 3%));
    --primary-light-4: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 4%));
    --primary-light-5: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 5%));
    --primary-light-6: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 6%));
    --primary-light-7: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 7%));
    --primary-light-8: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 8%));
    --primary-light-9: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 9%));
    --primary-light-10: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 10%));
    --primary-light-11: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 11%));
    --primary-light-12: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 12%));
    --primary-light-13: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 13%));
    --primary-light-14: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 14%));
    --primary-light-15: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 15%));
    --primary-light-16: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 16%));
    --primary-light-18: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 18%));
    --primary-light-20: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 20%));
    --primary-light-22: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 22%));
    --primary-light-24: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 24%));
    --primary-light-26: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 26%));
    --primary-light-28: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 28%));
    --primary-light-30: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 30%));
    --primary-light-35: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 35%));
    --primary-light-38: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 38%));
    --primary-light-40: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 40%));
    --primary-light-42: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 42%));
    --primary-light-45: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 45%));
    --primary-light-48: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 48%));
    --primary-light-50: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 50%));
    --primary-light-60: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 60%));
    --primary-light-70: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 70%));
    --primary-light-80: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 80%));
    --primary-light-90: hsl( var(--primary-h) var(--primary-s) calc(var(--primary-l) + 90%));
    --success-dark-1: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 1%));
    --success-dark-2: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 2%));
    --success-dark-3: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 3%));
    --success-dark-4: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 4%));
    --success-dark-5: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 5%));
    --success-dark-6: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 6%));
    --success-dark-7: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 7%));
    --success-dark-8: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 8%));
    --success-dark-9: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 9%));
    --success-dark-10: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 10%));
    --success-dark-11: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 11%));
    --success-dark-12: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 12%));
    --success-dark-13: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 13%));
    --success-dark-14: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 14%));
    --success-dark-15: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 15%));
    --success-dark-16: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 16%));
    --success-dark-18: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 18%));
    --success-dark-20: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 20%));
    --success-dark-22: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 22%));
    --success-dark-24: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 24%));
    --success-dark-26: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 26%));
    --success-dark-28: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 28%));
    --success-dark-30: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 30%));
    --success-dark-35: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 35%));
    --success-dark-38: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 38%));
    --success-dark-40: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 40%));
    --success-dark-42: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 42%));
    --success-dark-45: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 45%));
    --success-dark-48: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 48%));
    --success-dark-50: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 50%));
    --success-dark-60: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 60%));
    --success-dark-70: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 70%));
    --success-dark-80: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 80%));
    --success-dark-90: hsl( var(--success-h) var(--success-s) calc(var(--success-l) - 90%));
    --success-light-1: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 1%));
    --success-light-2: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 2%));
    --success-light-3: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 3%));
    --success-light-4: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 4%));
    --success-light-5: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 5%));
    --success-light-6: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 6%));
    --success-light-7: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 7%));
    --success-light-8: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 8%));
    --success-light-9: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 9%));
    --success-light-10: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 10%));
    --success-light-11: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 11%));
    --success-light-12: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 12%));
    --success-light-13: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 13%));
    --success-light-14: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 14%));
    --success-light-15: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 15%));
    --success-light-16: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 16%));
    --success-light-18: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 18%));
    --success-light-20: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 20%));
    --success-light-22: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 22%));
    --success-light-24: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 24%));
    --success-light-26: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 26%));
    --success-light-28: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 28%));
    --success-light-30: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 30%));
    --success-light-35: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 35%));
    --success-light-38: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 38%));
    --success-light-40: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 40%));
    --success-light-42: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 42%));
    --success-light-45: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 45%));
    --success-light-48: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 48%));
    --success-light-50: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 50%));
    --success-light-60: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 60%));
    --success-light-70: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 70%));
    --success-light-80: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 80%));
    --success-light-90: hsl( var(--success-h) var(--success-s) calc(var(--success-l) + 90%));
    --info-dark-1: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 1%));
    --info-dark-2: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 2%));
    --info-dark-3: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 3%));
    --info-dark-4: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 4%));
    --info-dark-5: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 5%));
    --info-dark-6: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 6%));
    --info-dark-7: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 7%));
    --info-dark-8: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 8%));
    --info-dark-9: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 9%));
    --info-dark-10: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 10%));
    --info-dark-11: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 11%));
    --info-dark-12: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 12%));
    --info-dark-13: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 13%));
    --info-dark-14: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 14%));
    --info-dark-15: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 15%));
    --info-dark-16: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 16%));
    --info-dark-18: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 18%));
    --info-dark-20: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 20%));
    --info-dark-22: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 22%));
    --info-dark-24: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 24%));
    --info-dark-26: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 26%));
    --info-dark-28: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 28%));
    --info-dark-30: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 30%));
    --info-dark-35: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 35%));
    --info-dark-38: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 38%));
    --info-dark-40: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 40%));
    --info-dark-42: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 42%));
    --info-dark-45: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 45%));
    --info-dark-48: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 48%));
    --info-dark-50: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 50%));
    --info-dark-60: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 60%));
    --info-dark-70: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 70%));
    --info-dark-80: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 80%));
    --info-dark-90: hsl( var(--info-h) var(--info-s) calc(var(--info-l) - 90%));
    --info-light-1: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 1%));
    --info-light-2: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 2%));
    --info-light-3: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 3%));
    --info-light-4: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 4%));
    --info-light-5: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 5%));
    --info-light-6: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 6%));
    --info-light-7: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 7%));
    --info-light-8: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 8%));
    --info-light-9: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 9%));
    --info-light-10: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 10%));
    --info-light-11: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 11%));
    --info-light-12: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 12%));
    --info-light-13: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 13%));
    --info-light-14: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 14%));
    --info-light-15: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 15%));
    --info-light-16: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 16%));
    --info-light-18: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 18%));
    --info-light-20: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 20%));
    --info-light-22: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 22%));
    --info-light-24: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 24%));
    --info-light-26: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 26%));
    --info-light-28: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 28%));
    --info-light-30: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 30%));
    --info-light-35: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 35%));
    --info-light-38: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 38%));
    --info-light-40: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 40%));
    --info-light-42: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 42%));
    --info-light-45: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 45%));
    --info-light-48: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 48%));
    --info-light-50: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 50%));
    --info-light-60: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 60%));
    --info-light-70: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 70%));
    --info-light-80: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 80%));
    --info-light-90: hsl( var(--info-h) var(--info-s) calc(var(--info-l) + 90%));
    --warning-dark-1: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 1%));
    --warning-dark-2: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 2%));
    --warning-dark-3: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 3%));
    --warning-dark-4: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 4%));
    --warning-dark-5: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 5%));
    --warning-dark-6: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 6%));
    --warning-dark-7: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 7%));
    --warning-dark-8: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 8%));
    --warning-dark-9: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 9%));
    --warning-dark-10: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 10%));
    --warning-dark-11: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 11%));
    --warning-dark-12: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 12%));
    --warning-dark-13: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 13%));
    --warning-dark-14: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 14%));
    --warning-dark-15: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 15%));
    --warning-dark-16: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 16%));
    --warning-dark-18: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 18%));
    --warning-dark-20: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 20%));
    --warning-dark-22: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 22%));
    --warning-dark-24: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 24%));
    --warning-dark-26: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 26%));
    --warning-dark-28: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 28%));
    --warning-dark-30: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 30%));
    --warning-dark-35: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 35%));
    --warning-dark-38: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 38%));
    --warning-dark-40: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 40%));
    --warning-dark-42: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 42%));
    --warning-dark-45: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 45%));
    --warning-dark-48: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 48%));
    --warning-dark-50: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 50%));
    --warning-dark-60: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 60%));
    --warning-dark-70: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 70%));
    --warning-dark-80: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 80%));
    --warning-dark-90: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) - 90%));
    --warning-light-1: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 1%));
    --warning-light-2: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 2%));
    --warning-light-3: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 3%));
    --warning-light-4: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 4%));
    --warning-light-5: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 5%));
    --warning-light-6: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 6%));
    --warning-light-7: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 7%));
    --warning-light-8: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 8%));
    --warning-light-9: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 9%));
    --warning-light-10: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 10%));
    --warning-light-11: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 11%));
    --warning-light-12: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 12%));
    --warning-light-13: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 13%));
    --warning-light-14: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 14%));
    --warning-light-15: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 15%));
    --warning-light-16: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 16%));
    --warning-light-18: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 18%));
    --warning-light-20: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 20%));
    --warning-light-22: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 22%));
    --warning-light-24: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 24%));
    --warning-light-26: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 26%));
    --warning-light-28: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 28%));
    --warning-light-30: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 30%));
    --warning-light-35: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 35%));
    --warning-light-38: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 38%));
    --warning-light-40: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 40%));
    --warning-light-42: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 42%));
    --warning-light-45: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 45%));
    --warning-light-48: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 48%));
    --warning-light-50: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 50%));
    --warning-light-60: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 60%));
    --warning-light-70: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 70%));
    --warning-light-80: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 80%));
    --warning-light-90: hsl( var(--warning-h) var(--warning-s) calc(var(--warning-l) + 90%));
    --danger-dark-1: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 1%));
    --danger-dark-2: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 2%));
    --danger-dark-3: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 3%));
    --danger-dark-4: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 4%));
    --danger-dark-5: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 5%));
    --danger-dark-6: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 6%));
    --danger-dark-7: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 7%));
    --danger-dark-8: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 8%));
    --danger-dark-9: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 9%));
    --danger-dark-10: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 10%));
    --danger-dark-11: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 11%));
    --danger-dark-12: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 12%));
    --danger-dark-13: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 13%));
    --danger-dark-14: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 14%));
    --danger-dark-15: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 15%));
    --danger-dark-16: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 16%));
    --danger-dark-18: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 18%));
    --danger-dark-20: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 20%));
    --danger-dark-22: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 22%));
    --danger-dark-24: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 24%));
    --danger-dark-26: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 26%));
    --danger-dark-28: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 28%));
    --danger-dark-30: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 30%));
    --danger-dark-35: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 35%));
    --danger-dark-38: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 38%));
    --danger-dark-40: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 40%));
    --danger-dark-42: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 42%));
    --danger-dark-45: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 45%));
    --danger-dark-48: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 48%));
    --danger-dark-50: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 50%));
    --danger-dark-60: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 60%));
    --danger-dark-70: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 70%));
    --danger-dark-80: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 80%));
    --danger-dark-90: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) - 90%));
    --danger-light-1: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 1%));
    --danger-light-2: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 2%));
    --danger-light-3: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 3%));
    --danger-light-4: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 4%));
    --danger-light-5: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 5%));
    --danger-light-6: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 6%));
    --danger-light-7: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 7%));
    --danger-light-8: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 8%));
    --danger-light-9: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 9%));
    --danger-light-10: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 10%));
    --danger-light-11: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 11%));
    --danger-light-12: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 12%));
    --danger-light-13: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 13%));
    --danger-light-14: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 14%));
    --danger-light-15: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 15%));
    --danger-light-16: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 16%));
    --danger-light-18: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 18%));
    --danger-light-20: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 20%));
    --danger-light-22: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 22%));
    --danger-light-24: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 24%));
    --danger-light-26: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 26%));
    --danger-light-28: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 28%));
    --danger-light-30: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 30%));
    --danger-light-35: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 35%));
    --danger-light-38: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 38%));
    --danger-light-40: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 40%));
    --danger-light-42: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 42%));
    --danger-light-45: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 45%));
    --danger-light-48: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 48%));
    --danger-light-50: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 50%));
    --danger-light-60: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 60%));
    --danger-light-70: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 70%));
    --danger-light-80: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 80%));
    --danger-light-90: hsl( var(--danger-h) var(--danger-s) calc(var(--danger-l) + 90%));
    --purple-dark-1: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 1%));
    --purple-dark-2: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 2%));
    --purple-dark-3: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 3%));
    --purple-dark-4: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 4%));
    --purple-dark-5: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 5%));
    --purple-dark-6: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 6%));
    --purple-dark-7: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 7%));
    --purple-dark-8: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 8%));
    --purple-dark-9: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 9%));
    --purple-dark-10: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 10%));
    --purple-dark-11: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 11%));
    --purple-dark-12: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 12%));
    --purple-dark-13: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 13%));
    --purple-dark-14: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 14%));
    --purple-dark-15: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 15%));
    --purple-dark-16: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 16%));
    --purple-dark-18: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 18%));
    --purple-dark-20: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 20%));
    --purple-dark-22: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 22%));
    --purple-dark-24: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 24%));
    --purple-dark-26: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 26%));
    --purple-dark-28: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 28%));
    --purple-dark-30: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 30%));
    --purple-dark-35: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 35%));
    --purple-dark-38: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 38%));
    --purple-dark-40: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 40%));
    --purple-dark-42: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 42%));
    --purple-dark-45: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 45%));
    --purple-dark-48: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 48%));
    --purple-dark-50: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 50%));
    --purple-dark-60: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 60%));
    --purple-dark-70: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 70%));
    --purple-dark-80: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 80%));
    --purple-dark-90: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) - 90%));
    --purple-light-1: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 1%));
    --purple-light-2: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 2%));
    --purple-light-3: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 3%));
    --purple-light-4: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 4%));
    --purple-light-5: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 5%));
    --purple-light-6: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 6%));
    --purple-light-7: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 7%));
    --purple-light-8: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 8%));
    --purple-light-9: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 9%));
    --purple-light-10: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 10%));
    --purple-light-11: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 11%));
    --purple-light-12: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 12%));
    --purple-light-13: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 13%));
    --purple-light-14: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 14%));
    --purple-light-15: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 15%));
    --purple-light-16: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 16%));
    --purple-light-18: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 18%));
    --purple-light-20: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 20%));
    --purple-light-22: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 22%));
    --purple-light-24: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 24%));
    --purple-light-26: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 26%));
    --purple-light-28: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 28%));
    --purple-light-30: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 30%));
    --purple-light-35: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 35%));
    --purple-light-38: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 38%));
    --purple-light-40: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 40%));
    --purple-light-42: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 42%));
    --purple-light-45: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 45%));
    --purple-light-48: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 48%));
    --purple-light-50: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 50%));
    --purple-light-60: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 60%));
    --purple-light-70: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 70%));
    --purple-light-80: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 80%));
    --purple-light-90: hsl( var(--purple-h) var(--purple-s) calc(var(--purple-l) + 90%));
    --blue-dark-1: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 1%));
    --blue-dark-2: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 2%));
    --blue-dark-3: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 3%));
    --blue-dark-4: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 4%));
    --blue-dark-5: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 5%));
    --blue-dark-6: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 6%));
    --blue-dark-7: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 7%));
    --blue-dark-8: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 8%));
    --blue-dark-9: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 9%));
    --blue-dark-10: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 10%));
    --blue-dark-11: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 11%));
    --blue-dark-12: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 12%));
    --blue-dark-13: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 13%));
    --blue-dark-14: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 14%));
    --blue-dark-15: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 15%));
    --blue-dark-16: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 16%));
    --blue-dark-18: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 18%));
    --blue-dark-20: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 20%));
    --blue-dark-22: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 22%));
    --blue-dark-24: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 24%));
    --blue-dark-26: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 26%));
    --blue-dark-28: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 28%));
    --blue-dark-30: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 30%));
    --blue-dark-35: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 35%));
    --blue-dark-38: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 38%));
    --blue-dark-40: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 40%));
    --blue-dark-42: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 42%));
    --blue-dark-45: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 45%));
    --blue-dark-48: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 48%));
    --blue-dark-50: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 50%));
    --blue-dark-60: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 60%));
    --blue-dark-70: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 70%));
    --blue-dark-80: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 80%));
    --blue-dark-90: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) - 90%));
    --blue-light-1: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 1%));
    --blue-light-2: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 2%));
    --blue-light-3: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 3%));
    --blue-light-4: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 4%));
    --blue-light-5: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 5%));
    --blue-light-6: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 6%));
    --blue-light-7: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 7%));
    --blue-light-8: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 8%));
    --blue-light-9: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 9%));
    --blue-light-10: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 10%));
    --blue-light-11: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 11%));
    --blue-light-12: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 12%));
    --blue-light-13: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 13%));
    --blue-light-14: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 14%));
    --blue-light-15: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 15%));
    --blue-light-16: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 16%));
    --blue-light-18: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 18%));
    --blue-light-20: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 20%));
    --blue-light-22: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 22%));
    --blue-light-24: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 24%));
    --blue-light-26: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 26%));
    --blue-light-28: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 28%));
    --blue-light-30: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 30%));
    --blue-light-35: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 35%));
    --blue-light-38: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 38%));
    --blue-light-40: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 40%));
    --blue-light-42: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 42%));
    --blue-light-45: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 45%));
    --blue-light-48: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 48%));
    --blue-light-50: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 50%));
    --blue-light-60: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 60%));
    --blue-light-70: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 70%));
    --blue-light-80: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 80%));
    --blue-light-90: hsl( var(--blue-h) var(--blue-s) calc(var(--blue-l) + 90%));
    --orange-dark-1: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 1%));
    --orange-dark-2: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 2%));
    --orange-dark-3: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 3%));
    --orange-dark-4: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 4%));
    --orange-dark-5: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 5%));
    --orange-dark-6: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 6%));
    --orange-dark-7: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 7%));
    --orange-dark-8: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 8%));
    --orange-dark-9: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 9%));
    --orange-dark-10: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 10%));
    --orange-dark-11: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 11%));
    --orange-dark-12: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 12%));
    --orange-dark-13: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 13%));
    --orange-dark-14: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 14%));
    --orange-dark-15: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 15%));
    --orange-dark-16: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 16%));
    --orange-dark-18: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 18%));
    --orange-dark-20: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 20%));
    --orange-dark-22: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 22%));
    --orange-dark-24: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 24%));
    --orange-dark-26: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 26%));
    --orange-dark-28: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 28%));
    --orange-dark-30: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 30%));
    --orange-dark-35: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 35%));
    --orange-dark-38: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 38%));
    --orange-dark-40: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 40%));
    --orange-dark-42: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 42%));
    --orange-dark-45: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 45%));
    --orange-dark-48: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 48%));
    --orange-dark-50: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 50%));
    --orange-dark-60: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 60%));
    --orange-dark-70: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 70%));
    --orange-dark-80: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 80%));
    --orange-dark-90: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) - 90%));
    --orange-light-1: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 1%));
    --orange-light-2: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 2%));
    --orange-light-3: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 3%));
    --orange-light-4: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 4%));
    --orange-light-5: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 5%));
    --orange-light-6: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 6%));
    --orange-light-7: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 7%));
    --orange-light-8: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 8%));
    --orange-light-9: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 9%));
    --orange-light-10: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 10%));
    --orange-light-11: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 11%));
    --orange-light-12: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 12%));
    --orange-light-13: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 13%));
    --orange-light-14: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 14%));
    --orange-light-15: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 15%));
    --orange-light-16: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 16%));
    --orange-light-18: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 18%));
    --orange-light-20: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 20%));
    --orange-light-22: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 22%));
    --orange-light-24: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 24%));
    --orange-light-26: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 26%));
    --orange-light-28: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 28%));
    --orange-light-30: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 30%));
    --orange-light-35: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 35%));
    --orange-light-38: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 38%));
    --orange-light-40: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 40%));
    --orange-light-42: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 42%));
    --orange-light-45: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 45%));
    --orange-light-48: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 48%));
    --orange-light-50: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 50%));
    --orange-light-60: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 60%));
    --orange-light-70: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 70%));
    --orange-light-80: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 80%));
    --orange-light-90: hsl( var(--orange-h) var(--orange-s) calc(var(--orange-l) + 90%));
    --yellow-dark-1: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 1%));
    --yellow-dark-2: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 2%));
    --yellow-dark-3: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 3%));
    --yellow-dark-4: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 4%));
    --yellow-dark-5: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 5%));
    --yellow-dark-6: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 6%));
    --yellow-dark-7: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 7%));
    --yellow-dark-8: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 8%));
    --yellow-dark-9: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 9%));
    --yellow-dark-10: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 10%));
    --yellow-dark-11: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 11%));
    --yellow-dark-12: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 12%));
    --yellow-dark-13: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 13%));
    --yellow-dark-14: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 14%));
    --yellow-dark-15: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 15%));
    --yellow-dark-16: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 16%));
    --yellow-dark-18: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 18%));
    --yellow-dark-20: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 20%));
    --yellow-dark-22: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 22%));
    --yellow-dark-24: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 24%));
    --yellow-dark-26: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 26%));
    --yellow-dark-28: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 28%));
    --yellow-dark-30: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 30%));
    --yellow-dark-35: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 35%));
    --yellow-dark-38: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 38%));
    --yellow-dark-40: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 40%));
    --yellow-dark-42: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 42%));
    --yellow-dark-45: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 45%));
    --yellow-dark-48: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 48%));
    --yellow-dark-50: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 50%));
    --yellow-dark-60: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 60%));
    --yellow-dark-70: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 70%));
    --yellow-dark-80: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 80%));
    --yellow-dark-90: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 90%));
    --yellow-light-1: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 1%));
    --yellow-light-2: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 2%));
    --yellow-light-3: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 3%));
    --yellow-light-4: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 4%));
    --yellow-light-5: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 5%));
    --yellow-light-6: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 6%));
    --yellow-light-7: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 7%));
    --yellow-light-8: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 8%));
    --yellow-light-9: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 9%));
    --yellow-light-10: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 10%));
    --yellow-light-11: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 11%));
    --yellow-light-12: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 12%));
    --yellow-light-13: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 13%));
    --yellow-light-14: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 14%));
    --yellow-light-15: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 15%));
    --yellow-light-16: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 16%));
    --yellow-light-18: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 18%));
    --yellow-light-20: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 20%));
    --yellow-light-22: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 22%));
    --yellow-light-24: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 24%));
    --yellow-light-26: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 26%));
    --yellow-light-28: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 28%));
    --yellow-light-30: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 30%));
    --yellow-light-35: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 35%));
    --yellow-light-38: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 38%));
    --yellow-light-40: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 40%));
    --yellow-light-42: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 42%));
    --yellow-light-45: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 45%));
    --yellow-light-48: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 48%));
    --yellow-light-50: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 50%));
    --yellow-light-60: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 60%));
    --yellow-light-70: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 70%));
    --yellow-light-80: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 80%));
    --yellow-light-90: hsl( var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 90%));
    --green-dark-1: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 1%));
    --green-dark-2: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 2%));
    --green-dark-3: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 3%));
    --green-dark-4: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 4%));
    --green-dark-5: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 5%));
    --green-dark-6: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 6%));
    --green-dark-7: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 7%));
    --green-dark-8: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 8%));
    --green-dark-9: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 9%));
    --green-dark-10: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 10%));
    --green-dark-11: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 11%));
    --green-dark-12: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 12%));
    --green-dark-13: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 13%));
    --green-dark-14: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 14%));
    --green-dark-15: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 15%));
    --green-dark-16: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 16%));
    --green-dark-18: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 18%));
    --green-dark-20: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 20%));
    --green-dark-22: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 22%));
    --green-dark-24: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 24%));
    --green-dark-26: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 26%));
    --green-dark-28: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 28%));
    --green-dark-30: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 30%));
    --green-dark-35: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 35%));
    --green-dark-38: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 38%));
    --green-dark-40: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 40%));
    --green-dark-42: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 42%));
    --green-dark-45: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 45%));
    --green-dark-48: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 48%));
    --green-dark-50: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 50%));
    --green-dark-60: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 60%));
    --green-dark-70: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 70%));
    --green-dark-80: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 80%));
    --green-dark-90: hsl( var(--green-h) var(--green-s) calc(var(--green-l) - 90%));
    --green-light-1: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 1%));
    --green-light-2: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 2%));
    --green-light-3: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 3%));
    --green-light-4: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 4%));
    --green-light-5: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 5%));
    --green-light-6: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 6%));
    --green-light-7: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 7%));
    --green-light-8: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 8%));
    --green-light-9: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 9%));
    --green-light-10: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 10%));
    --green-light-11: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 11%));
    --green-light-12: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 12%));
    --green-light-13: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 13%));
    --green-light-14: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 14%));
    --green-light-15: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 15%));
    --green-light-16: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 16%));
    --green-light-18: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 18%));
    --green-light-20: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 20%));
    --green-light-22: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 22%));
    --green-light-24: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 24%));
    --green-light-26: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 26%));
    --green-light-28: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 28%));
    --green-light-30: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 30%));
    --green-light-35: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 35%));
    --green-light-38: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 38%));
    --green-light-40: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 40%));
    --green-light-42: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 42%));
    --green-light-45: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 45%));
    --green-light-48: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 48%));
    --green-light-50: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 50%));
    --green-light-60: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 60%));
    --green-light-70: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 70%));
    --green-light-80: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 80%));
    --green-light-90: hsl( var(--green-h) var(--green-s) calc(var(--green-l) + 90%));
    --red-dark-1: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 1%));
    --red-dark-2: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 2%));
    --red-dark-3: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 3%));
    --red-dark-4: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 4%));
    --red-dark-5: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 5%));
    --red-dark-6: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 6%));
    --red-dark-7: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 7%));
    --red-dark-8: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 8%));
    --red-dark-9: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 9%));
    --red-dark-10: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 10%));
    --red-dark-11: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 11%));
    --red-dark-12: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 12%));
    --red-dark-13: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 13%));
    --red-dark-14: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 14%));
    --red-dark-15: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 15%));
    --red-dark-16: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 16%));
    --red-dark-18: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 18%));
    --red-dark-20: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 20%));
    --red-dark-22: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 22%));
    --red-dark-24: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 24%));
    --red-dark-26: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 26%));
    --red-dark-28: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 28%));
    --red-dark-30: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 30%));
    --red-dark-35: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 35%));
    --red-dark-38: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 38%));
    --red-dark-40: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 40%));
    --red-dark-42: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 42%));
    --red-dark-45: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 45%));
    --red-dark-48: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 48%));
    --red-dark-50: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 50%));
    --red-dark-60: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 60%));
    --red-dark-70: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 70%));
    --red-dark-80: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 80%));
    --red-dark-90: hsl( var(--red-h) var(--red-s) calc(var(--red-l) - 90%));
    --red-light-1: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 1%));
    --red-light-2: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 2%));
    --red-light-3: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 3%));
    --red-light-4: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 4%));
    --red-light-5: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 5%));
    --red-light-6: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 6%));
    --red-light-7: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 7%));
    --red-light-8: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 8%));
    --red-light-9: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 9%));
    --red-light-10: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 10%));
    --red-light-11: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 11%));
    --red-light-12: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 12%));
    --red-light-13: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 13%));
    --red-light-14: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 14%));
    --red-light-15: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 15%));
    --red-light-16: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 16%));
    --red-light-18: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 18%));
    --red-light-20: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 20%));
    --red-light-22: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 22%));
    --red-light-24: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 24%));
    --red-light-26: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 26%));
    --red-light-28: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 28%));
    --red-light-30: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 30%));
    --red-light-35: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 35%));
    --red-light-38: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 38%));
    --red-light-40: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 40%));
    --red-light-42: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 42%));
    --red-light-45: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 45%));
    --red-light-48: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 48%));
    --red-light-50: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 50%));
    --red-light-60: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 60%));
    --red-light-70: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 70%));
    --red-light-80: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 80%));
    --red-light-90: hsl( var(--red-h) var(--red-s) calc(var(--red-l) + 90%));
    --dark-bg-dark-1: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 1%));
    --dark-bg-dark-2: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 2%));
    --dark-bg-dark-3: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 3%));
    --dark-bg-dark-4: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 4%));
    --dark-bg-dark-5: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 5%));
    --dark-bg-dark-6: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 6%));
    --dark-bg-dark-7: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 7%));
    --dark-bg-dark-8: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 8%));
    --dark-bg-dark-9: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 9%));
    --dark-bg-dark-10: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 10%));
    --dark-bg-dark-11: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 11%));
    --dark-bg-dark-12: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 12%));
    --dark-bg-dark-13: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 13%));
    --dark-bg-dark-14: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 14%));
    --dark-bg-dark-15: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 15%));
    --dark-bg-dark-16: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 16%));
    --dark-bg-dark-18: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 18%));
    --dark-bg-dark-20: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 20%));
    --dark-bg-dark-22: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 22%));
    --dark-bg-dark-24: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 24%));
    --dark-bg-dark-26: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 26%));
    --dark-bg-dark-28: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 28%));
    --dark-bg-dark-30: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 30%));
    --dark-bg-dark-35: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 35%));
    --dark-bg-dark-38: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 38%));
    --dark-bg-dark-40: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 40%));
    --dark-bg-dark-42: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 42%));
    --dark-bg-dark-45: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 45%));
    --dark-bg-dark-48: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 48%));
    --dark-bg-dark-50: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 50%));
    --dark-bg-dark-60: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 60%));
    --dark-bg-dark-70: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 70%));
    --dark-bg-dark-80: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 80%));
    --dark-bg-dark-90: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 90%));
    --dark-bg-light-1: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 1%));
    --dark-bg-light-2: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 2%));
    --dark-bg-light-3: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 3%));
    --dark-bg-light-4: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 4%));
    --dark-bg-light-5: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 5%));
    --dark-bg-light-6: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 6%));
    --dark-bg-light-7: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 7%));
    --dark-bg-light-8: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 8%));
    --dark-bg-light-9: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 9%));
    --dark-bg-light-10: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 10%));
    --dark-bg-light-11: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 11%));
    --dark-bg-light-12: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 12%));
    --dark-bg-light-13: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 13%));
    --dark-bg-light-14: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 14%));
    --dark-bg-light-15: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 15%));
    --dark-bg-light-16: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 16%));
    --dark-bg-light-18: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 18%));
    --dark-bg-light-20: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 20%));
    --dark-bg-light-22: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 22%));
    --dark-bg-light-24: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 24%));
    --dark-bg-light-26: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 26%));
    --dark-bg-light-28: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 28%));
    --dark-bg-light-30: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 30%));
    --dark-bg-light-35: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 35%));
    --dark-bg-light-38: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 38%));
    --dark-bg-light-40: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 40%));
    --dark-bg-light-42: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 42%));
    --dark-bg-light-45: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 45%));
    --dark-bg-light-48: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 48%));
    --dark-bg-light-50: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 50%));
    --dark-bg-light-60: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 60%));
    --dark-bg-light-70: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 70%));
    --dark-bg-light-80: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 80%));
    --dark-bg-light-90: hsl( var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 90%));
    --light-text-dark-2: hsl( var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 2%));
    --light-text-dark-4: hsl( var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 4%));
    --light-text-dark-5: hsl( var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 5%));
    --light-text-dark-6: hsl( var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 6%));
    --light-text-dark-8: hsl( var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 8%));
    --light-text-dark-10: hsl( var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 10%));
    --light-text-dark-12: hsl( var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 12%));
    --light-text-dark-20: hsl( var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 20%));
    --light-text-dark-22: hsl( var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 22%));
    --light-text-light-2: hsl( var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) + 2%));
    --light-text-light-5: hsl( var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) + 5%));
    --light-text-light-6: hsl( var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) + 6%));
    --light-text-light-12: hsl( var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) + 12%));
    --light-text-light-15: hsl( var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) + 15%));
    --dark-dark-1: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 1%));
    --dark-dark-2: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 2%));
    --dark-dark-3: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 3%));
    --dark-dark-4: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 4%));
    --dark-dark-5: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 5%));
    --dark-dark-6: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 6%));
    --dark-dark-7: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 7%));
    --dark-dark-8: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 8%));
    --dark-dark-9: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 9%));
    --dark-dark-10: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 10%));
    --dark-dark-11: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 11%));
    --dark-dark-12: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 12%));
    --dark-dark-13: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 13%));
    --dark-dark-14: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 14%));
    --dark-dark-15: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 15%));
    --dark-dark-16: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 16%));
    --dark-dark-18: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 18%));
    --dark-dark-20: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 20%));
    --dark-dark-22: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 22%));
    --dark-dark-24: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 24%));
    --dark-dark-26: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 26%));
    --dark-dark-28: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 28%));
    --dark-dark-30: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 30%));
    --dark-dark-35: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 35%));
    --dark-dark-38: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 38%));
    --dark-dark-40: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 40%));
    --dark-dark-42: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 42%));
    --dark-dark-45: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 45%));
    --dark-dark-48: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 48%));
    --dark-dark-50: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 50%));
    --dark-dark-60: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 60%));
    --dark-dark-70: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 70%));
    --dark-dark-80: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 80%));
    --dark-dark-90: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) - 90%));
    --dark-light-1: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 1%));
    --dark-light-2: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 2%));
    --dark-light-3: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 3%));
    --dark-light-4: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 4%));
    --dark-light-5: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 5%));
    --dark-light-6: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 6%));
    --dark-light-7: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 7%));
    --dark-light-8: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 8%));
    --dark-light-9: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 9%));
    --dark-light-10: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 10%));
    --dark-light-11: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 11%));
    --dark-light-12: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 12%));
    --dark-light-13: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 13%));
    --dark-light-14: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 14%));
    --dark-light-15: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 15%));
    --dark-light-16: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 16%));
    --dark-light-18: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 18%));
    --dark-light-20: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 20%));
    --dark-light-22: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 22%));
    --dark-light-24: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 24%));
    --dark-light-26: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 26%));
    --dark-light-28: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 28%));
    --dark-light-30: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 30%));
    --dark-light-35: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 35%));
    --dark-light-38: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 38%));
    --dark-light-40: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 40%));
    --dark-light-42: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 42%));
    --dark-light-45: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 45%));
    --dark-light-48: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 48%));
    --dark-light-50: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 50%));
    --dark-light-60: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 60%));
    --dark-light-70: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 70%));
    --dark-light-80: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 80%));
    --dark-light-90: hsl( var(--dark-h) var(--dark-s) calc(var(--dark-l) + 90%));
    --widget-grey-dark-1: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 1%));
    --widget-grey-dark-2: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 2%));
    --widget-grey-dark-3: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 3%));
    --widget-grey-dark-4: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 4%));
    --widget-grey-dark-5: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 5%));
    --widget-grey-dark-6: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 6%));
    --widget-grey-dark-7: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 7%));
    --widget-grey-dark-8: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 8%));
    --widget-grey-dark-9: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 9%));
    --widget-grey-dark-10: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 10%));
    --widget-grey-dark-11: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 11%));
    --widget-grey-dark-12: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 12%));
    --widget-grey-dark-13: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 13%));
    --widget-grey-dark-14: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 14%));
    --widget-grey-dark-15: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 15%));
    --widget-grey-dark-16: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 16%));
    --widget-grey-dark-18: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 18%));
    --widget-grey-dark-20: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 20%));
    --widget-grey-dark-22: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 22%));
    --widget-grey-dark-24: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 24%));
    --widget-grey-dark-26: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 26%));
    --widget-grey-dark-28: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 28%));
    --widget-grey-dark-30: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 30%));
    --widget-grey-dark-35: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 35%));
    --widget-grey-dark-38: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 38%));
    --widget-grey-dark-40: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 40%));
    --widget-grey-dark-42: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 42%));
    --widget-grey-dark-45: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 45%));
    --widget-grey-dark-48: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 48%));
    --widget-grey-dark-50: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 50%));
    --widget-grey-dark-60: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 60%));
    --widget-grey-dark-70: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 70%));
    --widget-grey-dark-80: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 80%));
    --widget-grey-dark-90: hsl( var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 90%));
    --night-dark-1: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 1%));
    --night-dark-2: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 2%));
    --night-dark-3: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 3%));
    --night-dark-4: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 4%));
    --night-dark-5: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 5%));
    --night-dark-6: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 6%));
    --night-dark-7: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 7%));
    --night-dark-8: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 8%));
    --night-dark-9: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 9%));
    --night-dark-10: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 10%));
    --night-dark-11: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 11%));
    --night-dark-12: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 12%));
    --night-dark-13: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 13%));
    --night-dark-14: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 14%));
    --night-dark-15: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 15%));
    --night-dark-16: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 16%));
    --night-dark-18: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 18%));
    --night-dark-20: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 20%));
    --night-dark-22: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 22%));
    --night-dark-24: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 24%));
    --night-dark-26: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 26%));
    --night-dark-28: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 28%));
    --night-dark-30: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 30%));
    --night-dark-35: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 35%));
    --night-dark-38: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 38%));
    --night-dark-40: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 40%));
    --night-dark-42: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 42%));
    --night-dark-45: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 45%));
    --night-dark-48: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 48%));
    --night-dark-50: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 50%));
    --night-dark-60: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 60%));
    --night-dark-70: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 70%));
    --night-dark-80: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 80%));
    --night-dark-90: hsl( var(--night-h) var(--night-s) calc(var(--night-l) - 90%));
    --night-light-1: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 1%));
    --night-light-2: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 2%));
    --night-light-3: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 3%));
    --night-light-4: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 4%));
    --night-light-5: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 5%));
    --night-light-6: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 6%));
    --night-light-7: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 7%));
    --night-light-8: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 8%));
    --night-light-9: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 9%));
    --night-light-10: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 10%));
    --night-light-11: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 11%));
    --night-light-12: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 12%));
    --night-light-13: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 13%));
    --night-light-14: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 14%));
    --night-light-15: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 15%));
    --night-light-16: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 16%));
    --night-light-18: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 18%));
    --night-light-20: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 20%));
    --night-light-22: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 22%));
    --night-light-24: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 24%));
    --night-light-26: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 26%));
    --night-light-28: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 28%));
    --night-light-30: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 30%));
    --night-light-35: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 35%));
    --night-light-38: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 38%));
    --night-light-40: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 40%));
    --night-light-42: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 42%));
    --night-light-45: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 45%));
    --night-light-48: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 48%));
    --night-light-50: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 50%));
    --night-light-60: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 60%));
    --night-light-70: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 70%));
    --night-light-80: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 80%));
    --night-light-90: hsl( var(--night-h) var(--night-s) calc(var(--night-l) + 90%))
}

:root {
    --font: "Lato", sans-serif;
    --font-alt: "Montserrat", sans-serif;
    --title-color: var(--dark-text);
    --title-color-inverted: var(--white-smoke);
    --paragraph-color: var(--medium-text);
    --paragraph-color-inverted: var(--light-text);
    --code-bg-color: var(--widget-grey);
    --code-color: var(--success)
}

.is-dark {
    --title-color: var(--white-smoke);
    --code-bg-color: var(--night-light-14);
    --code-color: var(--success)
}

:root {
    --base-shadow: rgb(0 0 0 / 12%);
    --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
    --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
    --light-box-shadow-lg: 0 15px 35px rgb(50 50 93 / 10%), 0 5px 15px rgb(0 0 0 / 7%);
    --spread-shadow: 0 .25rem 1.875rem rgb(42 53 79 / 17%);
    --primary-shadow-from: hsl( var(--primary-h) var(--primary-s) var(--primary-l) / 42%);
    --primary-shadow-to: hsl( var(--primary-h) var(--primary-s) var(--primary-l) / 20%);
    --primary-box-shadow: 0 14px 26px -12px var(--primary-shadow-from), 0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
    --secondary-shadow-from: hsl( var(--secondary-h) var(--secondary-s) var(--secondary-l) / 42%);
    --secondary-shadow-to: hsl( var(--secondary-h) var(--secondary-s) var(--secondary-l) / 20%);
    --secondary-box-shadow: 0 14px 26px -12px var(--secondary-shadow-from), 0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
    --danger-shadow-from: hsl( var(--danger-h) var(--danger-s) var(--danger-l) / 42%);
    --danger-shadow-to: hsl( var(--danger-h) var(--danger-s) var(--danger-l) / 20%);
    --danger-box-shadow: 0 14px 26px -12px var(--danger-shadow-from), 0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
    --warning-shadow-from: hsl( var(--warning-h) var(--warning-s) var(--warning-l) / 42%);
    --warning-shadow-to: hsl( var(--warning-h) var(--warning-s) var(--warning-l) / 20%);
    --warning-box-shadow: 0 14px 26px -12px var(--warning-shadow-from), 0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
    --info-shadow-from: hsl( var(--info-h) var(--info-s) var(--info-l) / 42%);
    --info-shadow-to: hsl( var(--info-h) var(--info-s) var(--info-l) / 20%);
    --info-box-shadow: 0 14px 26px -12px var(--info-shadow-from), 0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
    --success-shadow-from: hsl( var(--success-h) var(--success-s) var(--success-l) / 42%);
    --success-shadow-to: hsl( var(--success-h) var(--success-s) var(--success-l) / 20%);
    --success-box-shadow: 0 14px 26px -12px var(--success-shadow-from), 0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
    --purple-shadow-from: hsl( var(--purple-h) var(--purple-s) var(--purple-l) / 42%);
    --purple-shadow-to: hsl( var(--purple-h) var(--purple-s) var(--purple-l) / 20%);
    --purple-box-shadow: 0 14px 26px -12px var(--purple-shadow-from), 0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
    --blue-shadow-from: hsl( var(--blue-h) var(--blue-s) var(--blue-l) / 42%);
    --blue-shadow-to: hsl( var(--blue-h) var(--blue-s) var(--blue-l) / 20%);
    --blue-box-shadow: 0 14px 26px -12px var(--blue-shadow-from), 0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
    --red-shadow-from: hsl( var(--red-h) var(--red-s) var(--red-l) / 42%);
    --red-shadow-to: hsl( var(--red-h) var(--red-s) var(--red-l) / 20%);
    --red-box-shadow: 0 14px 26px -12px var(--red-shadow-from), 0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
    --orange-shadow-from: hsl( var(--orange-h) var(--orange-s) var(--orange-l) / 42%);
    --orange-shadow-to: hsl( var(--orange-h) var(--orange-s) var(--orange-l) / 20%);
    --orange-box-shadow: 0 14px 26px -12px var(--orange-shadow-from), 0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
    --yellow-shadow-from: hsl( var(--yellow-h) var(--yellow-s) var(--yellow-l) / 42%);
    --yellow-shadow-to: hsl( var(--yellow-h) var(--yellow-s) var(--yellow-l) / 20%);
    --yellow-box-shadow: 0 14px 26px -12px var(--yellow-shadow-from), 0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
    --green-shadow-from: hsl( var(--green-h) var(--green-s) var(--green-l) / 42%);
    --green-shadow-to: hsl( var(--green-h) var(--green-s) var(--green-l) / 20%);
    --green-box-shadow: 0 14px 26px -12px var(--green-shadow-from), 0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
    --github-shadow-from: hsl( var(--github-h) var(--github-s) var(--github-l) / 42%);
    --github-shadow-to: hsl( var(--github-h) var(--github-s) var(--github-l) / 20%);
    --github-box-shadow: 0 14px 26px -12px var(--github-shadow-from), 0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--github-shadow-to) !important;
    --invision-shadow-from: hsl( var(--invision-h) var(--invision-s) var(--invision-l) / 42%);
    --invision-shadow-to: hsl( var(--invision-h) var(--invision-s) var(--invision-l) / 20%);
    --invision-box-shadow: 0 14px 26px -12px var(--invision-shadow-from), 0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--invision-shadow-to) !important;
    --facebook-shadow-from: hsl( var(--facebook-h) var(--facebook-s) var(--facebook-l) / 42%);
    --facebook-shadow-to: hsl( var(--facebook-h) var(--facebook-s) var(--facebook-l) / 20%);
    --facebook-box-shadow: 0 14px 26px -12px var(--facebook-shadow-from), 0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--facebook-shadow-to) !important;
    --amazon-shadow-from: hsl( var(--amazon-h) var(--amazon-s) var(--amazon-l) / 42%);
    --amazon-shadow-to: hsl( var(--amazon-h) var(--amazon-s) var(--amazon-l) / 20%);
    --amazon-box-shadow: 0 14px 26px -12px var(--amazon-shadow-from), 0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--amazon-shadow-to) !important;
    --twitter-shadow-from: hsl( var(--twitter-h) var(--twitter-s) var(--twitter-l) / 42%);
    --twitter-shadow-to: hsl( var(--twitter-h) var(--twitter-s) var(--twitter-l) / 20%);
    --twitter-box-shadow: 0 14px 26px -12px var(--twitter-shadow-from), 0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--twitter-shadow-to) !important;
    --angular-shadow-from: hsl( var(--angular-h) var(--angular-s) var(--angular-l) / 42%);
    --angular-shadow-to: hsl( var(--angular-h) var(--angular-s) var(--angular-l) / 20%);
    --angular-box-shadow: 0 14px 26px -12px var(--angular-shadow-from), 0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--angular-shadow-to) !important;
    --linkedin-shadow-from: hsl( var(--linkedin-h) var(--linkedin-s) var(--linkedin-l) / 42%);
    --linkedin-shadow-to: hsl( var(--linkedin-h) var(--linkedin-s) var(--linkedin-l) / 20%);
    --linkedin-box-shadow: 0 14px 26px -12px var(--linkedin-shadow-from), 0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--linkedin-shadow-to) !important
}

:root {
    --html-bg-color: var(--white)
}

:root.is-dark {
    --html-bg-color: var(--night-light-3);
    color-scheme: dark
}

:root {
    --avatar-border-color: var(--white);
    --avatar-counter-bg-color: var(--widget-grey);
    --avatar-counter-color: var(--dark-text)
}

.is-dark {
    --avatar-border-color: var(--night-light-8);
    --avatar-counter-bg-color: var(--night-light-4);
    --avatar-counter-color: var(--light-text)
}

:root {
    --button-base-color: var(--dark-text);
    --button-base-bg-color: var(--white);
    --button-base-border-color: var(--border);
    --button-base-border-color-hover: var(--border-hover);
    --button-base-shadow: var(--light-box-shadow);
    --button-light-color: var(--dark-text);
    --button-light-color-inverted: var(--white);
    --button-light-bg-color: var(--widget-grey);
    --button-light-bg-color-inverted: var(--white);
    --button-light-border-color: var(--widget-grey);
    --button-light-border-color-inverted: var(--white);
    --button-primary-color: var(--white);
    --button-primary-color-inverted: var(--primary);
    --button-primary-bg-color: var(--primary);
    --button-primary-bg-color-hover: var(--primary-light-4);
    --button-primary-border-color: var(--primary);
    --button-primary-border-color-hover: var(--primary-light-4);
    --button-secondary-color: var(--white);
    --button-secondary-color-inverted: var(--secondary);
    --button-secondary-bg-color: var(--secondary);
    --button-secondary-bg-color-hover: var(--secondary-light-4);
    --button-secondary-border-color: var(--secondary);
    --button-secondary-border-color-hover: var(--secondary-light-4);
    --button-success-color: var(--white);
    --button-success-color-inverted: var(--success);
    --button-success-bg-color: var(--success);
    --button-success-bg-color-hover: var(--success-light-4);
    --button-success-border-color: var(--success);
    --button-success-border-color-hover: var(--success-light-4);
    --button-info-color: var(--white);
    --button-info-color-inverted: var(--info);
    --button-info-bg-color: var(--info);
    --button-info-bg-color-hover: var(--info-light-4);
    --button-info-border-color: var(--info);
    --button-info-border-color-hover: var(--info-light-4);
    --button-warning-color: var(--white);
    --button-warning-color-inverted: var(--warning);
    --button-warning-bg-color: var(--warning);
    --button-warning-bg-color-hover: var(--warning-light-4);
    --button-warning-border-color: var(--warning);
    --button-warning-border-color-hover: var(--warning-light-4);
    --button-danger-color: var(--white);
    --button-danger-color-inverted: var(--danger);
    --button-danger-bg-color: var(--danger);
    --button-danger-bg-color-hover: var(--danger-light-4);
    --button-danger-border-color: var(--danger);
    --button-danger-border-color-hover: var(--danger-light-4)
}

.is-dark {
    --button-base-color: var(--white-smoke);
    --button-base-bg-color: var(--night-light-6);
    --button-base-border-color: var(--night-light-14);
    --button-base-border-color-hover: var(--night-light-24);
    --button-light-color: var(--white-smoke);
    --button-light-bg-color: var(--night-light-10);
    --button-light-border-color: var(--night-light-10);
    --button-light-color-inverted-hover: var(--dark-text)
}

:root {
    --card-bg-color: var(--white);
    --card-border-color: var(--border)
}

.is-dark {
    --card-bg-color: var(--night-light-8);
    --card-border-color: var(--night-light-16)
}

:root {
    --icon-bg-color: var(--widget-grey);
    --icon-primary-bg-color: var(--primary-light-45);
    --icon-primary-inverted-bg-color: var(--primary);
    --icon-info-bg-color: var(--info-light-48);
    --icon-info-inverted-bg-color: var(--info);
    --icon-success-bg-color: var(--success-light-45);
    --icon-success-inverted-bg-color: var(--success);
    --icon-warning-bg-color: var(--warning-light-30);
    --icon-warning-inverted-bg-color: var(--warning);
    --icon-danger-bg-color: var(--danger-light-38);
    --icon-danger-inverted-bg-color: var(--danger);
    --icon-purple-bg-color: var(--purple-light-35);
    --icon-purple-inverted-bg-color: var(--purple);
    --icon-yellow-bg-color: var(--yellow-light-24);
    --icon-yellow-inverted-bg-color: var(--yellow);
    --icon-orange-bg-color: var(--orange-light-20);
    --icon-orange-inverted-bg-color: var(--orange);
    --icon-green-bg-color: var(--green-light-22);
    --icon-green-inverted-bg-color: var(--green);
    --icon-red-bg-color: var(--red-light-40);
    --icon-red-inverted-bg-color: var(--red);
    --icon-blue-bg-color: var(--blue-light-35);
    --icon-blue-inverted-bg-color: var(--blue);
    --icon-color: var(--medium-text);
    --icon-primary-color: var(--primary);
    --icon-info-color: var(--info);
    --icon-success-color: var(--success);
    --icon-warning-color: var(--warning);
    --icon-danger-color: var(--danger);
    --icon-purple-color: var(--purple);
    --icon-yellow-color: var(--yellow);
    --icon-orange-color: var(--orange);
    --icon-green-color: var(--green);
    --icon-red-color: var(--red);
    --icon-blue-color: var(--blue)
}

.is-dark {
    --icon-bg-color: var(--night-light-12);
    --icon-primary-bg-color: var(--primary);
    --icon-info-bg-color: var(--info);
    --icon-success-bg-color: var(--success);
    --icon-warning-bg-color: var(--warning);
    --icon-danger-bg-color: var(--danger);
    --icon-purple-bg-color: var(--purple);
    --icon-yellow-bg-color: var(--yellow);
    --icon-orange-bg-color: var(--orange);
    --icon-green-bg-color: var(--green);
    --icon-red-bg-color: var(--red);
    --icon-blue-bg-color: var(--blue);
    --icon-color: var(--light-text);
    --icon-primary-color: var(--white-smoke);
    --icon-info-color: var(--white-smoke);
    --icon-success-color: var(--white-smoke);
    --icon-warning-color: var(--white-smoke);
    --icon-danger-color: var(--white-smoke);
    --icon-purple-color: var(--white-smoke);
    --icon-yellow-color: var(--white-smoke);
    --icon-orange-color: var(--white-smoke);
    --icon-green-color: var(--white-smoke);
    --icon-red-color: var(--white-smoke);
    --icon-blue-color: var(--white-smoke)
}

:root {
    --modal-bg-color: var(--white);
    --modal-border-color: var(--border)
}

.is-dark {
    --modal-bg-color: var(--night-light-8);
    --modal-border-color: var(--night-light-16)
}

:root {
    --table-bg-color: var(--white);
    --table-border-color: var(--border);
    --table-th-color: var(--dark-text);
    --table-striped-bg-color: var(--widget-grey)
}

.is-dark {
    --table-bg-color: var(--night-light-8);
    --table-border-color: var(--night-light-16);
    --table-th-color: var(--light-text);
    --table-striped-bg-color: var(--night-light-10)
}

:root {
    --tag-default-bg-color: var(--widget-grey);
    --tag-default-color: var(--dark-text);
    --tag-solid-bg-color: var(--white);
    --tag-solid-border-color: var(--border)
}

.is-dark {
    --tag-default-bg-color: var(--night-light-12);
    --tag-default-color: var(--light-text);
    --tag-solid-bg-color: var(--night-light-10);
    --tag-solid-border-color: var(--night-light-16)
}

:root {
    --tab-item-color: var(--placeholder);
    --tab-item-hover-color: var(--light-text);
    --tab-border-color: var(--border);
    --tabs-bg-color: var(--widget-grey)
}

.is-dark {
    --tab-item-color: var(--medium-text);
    --tab-item-hover-color: var(--light-text);
    --tab-border-color: var(--night-light-16);
    --tabs-bg-color: var(--night-light-12)
}

:root {
    --popper-theme-background-color: var(--white);
    --popper-theme-background-color-hover: var(--white);
    --popper-theme-text-color: var(--medium-text);
    --popper-theme-border-width: 1px;
    --popper-theme-border-style: solid;
    --popper-theme-border-radius: .75rem;
    --popper-theme-padding: 1rem;
    --popper-theme-box-shadow: var(--spread-shadow)
}

.is-dark {
    --popper-theme-background-color: var(--night-light-12);
    --popper-theme-background-color-hover: var(--night-light-13);
    --popper-theme-text-color: var(--light-text)
}

.popover-inverted {
    --popper-theme-background-color: var(--night-light-8);
    --popper-theme-background-color-hover: var(--night-light-6);
    --popper-theme-text-color: var(--white-smoke);
    --popper-theme-box-shadow: var(--night-box-shadow)
}

.popover-primary {
    --popper-theme-background-color: var(--primary);
    --popper-theme-background-color-hover: var(--primary-light-4);
    --popper-theme-text-color: var(--white-smoke);
    --popper-theme-box-shadow: var(--primary-box-shadow)
}

.popover-info {
    --popper-theme-background-color: var(--info);
    --popper-theme-background-color-hover: var(--info-light-4);
    --popper-theme-text-color: var(--white-smoke);
    --popper-theme-box-shadow: var(--info-box-shadow)
}

.popover-success {
    --popper-theme-background-color: var(--success);
    --popper-theme-background-color-hover: var(--success-light-4);
    --popper-theme-text-color: var(--white-smoke);
    --popper-theme-box-shadow: var(--success-box-shadow)
}

.popover-warning {
    --popper-theme-background-color: var(--warning);
    --popper-theme-background-color-hover: var(--warning-light-4);
    --popper-theme-text-color: var(--white-smoke);
    --popper-theme-box-shadow: var(--warning-box-shadow)
}

.popover-danger {
    --popper-theme-background-color: var(--danger);
    --popper-theme-background-color-hover: var(--danger-light-4);
    --popper-theme-text-color: var(--white-smoke);
    --popper-theme-box-shadow: var(--danger-box-shadow)
}

.popover-purple {
    --popper-theme-background-color: var(--purple);
    --popper-theme-background-color-hover: var(--purple-light-4);
    --popper-theme-text-color: var(--white-smoke);
    --popper-theme-box-shadow: var(--purple-box-shadow)
}

.popover-spacing-small {
    --popper-theme-padding: .5rem
}

.popover-spacing-medium {
    --popper-theme-padding: .75rem
}

.popover-spacing-large {
    --popper-theme-padding: 1.25rem
}

:root {
    --vc-clr-primary: var(--primary);
    --vc-clr-secondary: #8e98f3;
    --vc-clr-white: var(--white);
    --vc-icn-width: 1em;
    --vc-nav-width: 30px;
    --vc-nav-color: var(--white);
    --vc-nav-background-color: var(--vc-clr-primary);
    --vc-pgn-width: 10px;
    --vc-pgn-height: 5px;
    --vc-pgn-margin: 5px;
    --vc-pgn-border-radius: 0;
    --vc-pgn-background-color: var(--vc-clr-secondary);
    --vc-pgn-active-color: var(--vc-clr-primary)
}

.is-dark {
    --vc-clr-primary: var(--primary);
    --vc-clr-secondary: #8e98f3;
    --vc-clr-white: var(--white);
    --vc-icn-width: 1.2em;
    --vc-nav-width: 30px;
    --vc-nav-color: var(--white);
    --vc-nav-background-color: var(--vc-clr-primary);
    --vc-pgn-width: 10px;
    --vc-pgn-height: 5px;
    --vc-pgn-margin: 5px;
    --vc-pgn-border-radius: 0;
    --vc-pgn-background-color: var(--vc-clr-secondary);
    --vc-pgn-active-color: var(--vc-clr-primary)
}

:root {
    --wrap-bg-color: var(--white);
    --wrap-bg-color-heavy: var(--white);
    --wrap-border-color: var(--border);
    --wrap-muted-color: var(--widget-grey);
    --wrap-muted-color-inverted: var(--white);
    --wrap-muted-color-heavy: var(--widget-grey-dark-5);
    --wrap-inverted-color: var(--dark-text);
    --wrap-inverted-bg: var(--white)
}

.is-dark {
    --wrap-bg-color: var(--night-light-8);
    --wrap-bg-color-heavy: var(--night-light-4);
    --wrap-border-color: var(--night-light-16);
    --wrap-muted-color: var(--night-light-12);
    --wrap-muted-color-inverted: var(--night-light-12);
    --wrap-muted-color-heavy: var(--night-light-12);
    --wrap-inverted-color: var(--white-smoke);
    --wrap-inverted-bg: var(--night-light-8)
}

:root {
    --hero-bg-color: var(--white);
    --hero-grey-bg-color: var(--widget-grey);
    --hero-benefits-color: var(--dark-text);
    --hero-nuance-main: var(--primary);
    --hero-nuance-sub: var(--primary-dark-12);
    --hero-nuance-6: var(--primary-dark-6);
    --hero-nuance-12: var(--primary-dark-12);
    --hero-nuance-20: var(--primary-dark-20)
}

.is-dark {
    --hero-bg-color: var(--night-light-3);
    --hero-benefits-color: var(--light-text);
    --hero-grey-bg-color: var(--night-light-1);
    --hero-nuance-main: var(--night-light-8);
    --hero-nuance-sub: var(--night-light-14);
    --hero-nuance-6: var(--night-light-16);
    --hero-nuance-12: var(--night-light-16);
    --hero-nuance-20: var(--night-light-6)
}

:root {
    --section-bg-color: var(--white);
    --section-bg-color-grey: var(--widget-grey);
    --section-bg-color-dark: var(--dark-bg);
    --section-border-color: var(--border)
}

.is-dark {
    --section-bg-color: var(--night-light-3);
    --section-bg-color-dark: var(--night-light-1);
    --section-bg-color-grey: var(--night-light-1);
    --section-border-color: var(--night-light-16)
}

:root {
    --footer-default-bg-color: var(--widget-grey);
    --footer-light-bg-color: var(--white);
    --footer-light-link-color: var(--medium-text);
    --footer-light-link-color-hover: var(--primary);
    --footer-light-border-color: var(--border);
    --footer-dark-bg-color: var(--dark);
    --footer-dark-heading-color: var(--white-smoke);
    --footer-dark-link-color: var(--light-text);
    --footer-dark-link-color-hover: var(--primary-light-8);
    --footer-dark-border-color: var(--dark-border)
}

.is-dark {
    --footer-default-bg-color: var(--night-light-6);
    --footer-light-bg-color: var(--night-light-3);
    --footer-dark-bg-color: var(--night);
    --footer-dark-border-color: var(--night-light-8)
}

:root {
    --navbar-bg-color: var(--white);
    --navbar-bg-color-solid: var(--widget-grey);
    --navbar-border-color: var(--border);
    --navbar-link-color: var(--dark-text);
    --navbar-link-color-medium: var(--medium-text);
    --navbar-link-color-inverted: var(--white-smoke);
    --megamenu-heading-color: var(--dark-text);
    --megamenu-close-color: var(--dark-text);
    --navbar-dropdown-item-hover-bg: var(--widget-grey)
}

.is-dark {
    --navbar-bg-color: var(--night-light-2);
    --navbar-bg-color-solid: var(--night);
    --navbar-border-color: var(--night-light-12);
    --navbar-link-color: var(--light-text);
    --navbar-link-color-medium: var(--light-text);
    --navbar-link-color-inverted: var(--white-smoke);
    --megamenu-heading-color: var(--white-smoke);
    --megamenu-close-color: var(--light-text);
    --navbar-dropdown-item-hover-bg: var(--night-light-8)
}

:root {
    --input-base-color: var(--medium-text);
    --input-inverted-color: var(--white-smoke);
    --input-base-bg-color: var(--white);
    --input-inverted-bg-color: var(--dark-light-5);
    --input-base-border-color: var(--border);
    --input-base-border-color-hover: var(--border-hover);
    --input-base-focus-color: var(--border-hover);
    --input-inverted-border-color: var(--dark-light-12);
    --input-inverted-border-color-hover: var(--dark-light-16);
    --input-inverted-focus-color: var(--border-hover);
    --input-inverted-placeholder-color: var(--dark-light-24);
    --input-base-shadow: var(--light-box-shadow);
    --input-form-icon-color: var(--placeholder);
    --input-placeholder-color: var(--placeholder);
    --slider-connect-bg: var(--primary);
    --slider-tooltip-bg: var(--primary);
    --slider-handle-shadow: var(--primary);
    --slider-tooltip-font-size: .8rem
}

.is-dark {
    --input-base-color: var(--light-text);
    --input-base-bg-color: var(--night-light-6);
    --input-inverted-bg-color: var(--night-light-8);
    --input-base-border-color: var(--night-light-14);
    --input-base-border-color-hover: var(--night-light-24);
    --input-base-focus-color: var(--primary);
    --input-inverted-border-color: var(--night-light-16);
    --input-inverted-border-color-hover: var(--night-light-20);
    --input-inverted-focus-color: var(--primary);
    --input-form-icon-color: var(--medium-text);
    --input-placeholder-color: var(--night-light-30);
    --slider-bg: var(--custom-toggle-track-bg)
}

:root {
    --checkbox-bg-color: #ebebf0;
    --checkbox-overlay-bg-color-default: var(--white);
    --checkbox-symbol-color-default: var(--dark-text);
    --checkbox-border-color: var(--input-base-focus-color)
}

.is-dark {
    --checkbox-bg-color: var(--night-light-8);
    --checkbox-overlay-bg-color-default: var(--night-light-12);
    --checkbox-symbol-color-default: var(--white-smoke);
    --checkbox-border-color: var(--night-light-16)
}

:root {
    --custom-toggle-track-bg: var(--fade-grey);
    --custom-toggle-knob-bg: var(--white);
    --custom-toggle-knob-border: var(--border);
    --custom-toggle-knob-color: var(--dark-text)
}

.is-dark {
    --custom-toggle-track-bg: var(--night-light-16);
    --custom-toggle-knob-bg: var(--night-light-12);
    --custom-toggle-knob-border: var(--night-light-20);
    --custom-toggle-knob-color: var(--white)
}

:root {
    --side-section-border-color: var(--border);
    --side-section-border-color-inverted: var(--dark-border);
    --quick-features-color: var(--dark-text)
}

.is-dark {
    --quick-features-color: var(--white-smoke)
}

:root {
    --logo-section-logo-invert: 0
}

.is-dark {
    --logo-section-logo-invert: 1
}

:root {
    --ui-mockup-bg-color: var(--white);
    --ui-mockup-border-color: var(--border);
    --ui-mockup-heading-color: var(--dark-text);
    --ui-mockup-label-color: var(--medium-text);
    --ui-mockup-line-color: var(--border);
    --ui-mockup-value-color: var(--dark-text)
}

.is-dark {
    --ui-mockup-bg-color: var(--night-light-8);
    --ui-mockup-border-color: var(--night-light-16);
    --ui-mockup-heading-color: var(--white-smoke);
    --ui-mockup-line-color: var(--night-light-16);
    --ui-mockup-value-color: var(--medium-text)
}

:root {
    --testimonial-card-bg-color: var(--white);
    --testimonial-card-border-color: var(--border);
    --testimonial-card-name-color: var(--dark-text)
}

.is-dark {
    --testimonial-card-bg-color: var(--night-light-8);
    --testimonial-card-border-color: var(--night-light-16);
    --testimonial-card-name-color: var(--white-smoke)
}

:root {
    --boxed-section-bg: var(--primary-light-48);
    --boxed-section-paragraph-color: var(--medium-text);
    --boxed-section-pill-color: var(--dark-text);
    --boxed-section-pill-bg-color: var(--white);
    --boxed-section-pill-border-color: var(--border)
}

.is-dark {
    --boxed-section-bg: var(--night-light-10);
    --boxed-section-paragraph-color: var(--light-text);
    --boxed-section-pill-color: var(--light-text);
    --boxed-section-pill-bg-color: var(--night-light-14);
    --boxed-section-pill-border-color: var(--night-light-20)
}

:root {
    --plan-bg-color: var(--white);
    --plan-border-color: var(--border);
    --plan-heading-color: var(--dark-text)
}

.is-dark {
    --plan-bg-color: var(--night-light-8);
    --plan-border-color: var(--night-light-16);
    --plan-heading-color: var(--white-smoke)
}

:root {
    --team-member-social-bg: var(--white);
    --team-member-social-color: var(--light-text);
    --team-member-social-border: var(--border)
}

.is-dark {
    --team-member-social-bg: var(--night-light-8);
    --team-member-social-color: var(--medium-text);
    --team-member-social-border: var(--night-light-16)
}

:root {
    --press-card-bg-color: var(--white);
    --press-card-border-color: var(--border);
    --press-card-name-color: var(--dark-text)
}

.is-dark {
    --press-card-bg-color: var(--night-light-8);
    --press-card-border-color: var(--night-light-16);
    --press-card-name-color: var(--white-smoke)
}

:root {
    --blog-grid-item-bg-color: var(--white);
    --blog-grid-item-border-color: var(--border);
    --blog-post-border-color: var(--border);
    --blog-post-tag-border-color: var(--fade-grey);
    --blog-post-tag-bg-color: var(--fade-grey);
    --blog-post-tag-color: var(--dark-text);
    --blog-post-author-name-color: var(--dark-text);
    --blog-post-heading-color: var(--dark-text);
    --blog-post-text-color: var(--medium-text);
    --blog-post-sharing-color: var(--medium-text);
    --blog-post-sharing-color-hover: var(--medium-text)
}

.is-dark {
    --blog-grid-item-bg-color: var(--night-light-8);
    --blog-grid-item-border-color: var(--night-light-16);
    --blog-post-border-color: var(--night-light-16);
    --blog-post-heading-color: var(--white-smoke);
    --blog-post-text-color: var(--medium-text);
    --blog-post-tag-border-color: var(--primary);
    --blog-post-tag-bg-color: transparent;
    --blog-post-tag-color: var(--primary);
    --blog-post-author-name-color: var(--white-smoke)
}

:root {
    --feature-block-c-box-bg: var(--white);
    --feature-block-c-box-border: var(--border);
    --feature-block-c-box-bubble-bg: var(--widget-grey)
}

.is-dark {
    --feature-block-c-box-bg: var(--night-light-8);
    --feature-block-c-box-border: var(--night-light-16);
    --feature-block-c-box-bubble-bg: var(--night-light-12)
}

:root {
    --cta-boxed-minimal-bg-color: var(--widget-grey);
    --cta-boxed-primary-bg-color: var(--primary-dark-16);
    --cta-boxed-darker-bg-color: var(--dark-light-6);
    --cta-boxed-inverted-bg-color: var(--dark-bg-light-4);
    --cta-boxed-inverted-border-color: var(--dark-bg-light-12);
    --cta-boxed-circle-bg-color: var(--widget-grey);
    --cta-boxed-circle-inverted-bg-color: var(--white);
    --cta-boxed-circle-dark-bg-color: var(--dark-bg-light-8)
}

.is-dark {
    --cta-boxed-minimal-bg-color: var(--night-light-12);
    --cta-boxed-primary-bg-color: var(--primary-dark-16);
    --cta-boxed-darker-bg-color: var(--night-light-8);
    --cta-boxed-inverted-bg-color: var(--night-light-8);
    --cta-boxed-inverted-border-color: var(--night-light-14);
    --cta-boxed-circle-bg-color: var(--night-light-16);
    --cta-boxed-circle-inverted-bg-color: var(--night-light-16);
    --cta-boxed-circle-dark-bg-color: var(--night-light-12)
}

:root {
    --gallery-like-bg-color: var(--white);
    --gallery-like-icon-color: var(--dark-text);
    --gallery-like-icon-color-active: var(--white)
}

.is-dark {
    --gallery-like-bg-color: var(--night-light-10);
    --gallery-like-icon-color: var(--light-text)
}

:root {
    --demo-links-bg-color: var(--white);
    --demo-links-border-color: var(--border);
    --demo-links-color: var(--light-text);
    --demo-links-hover-color: var(--medium-text);
    --demo-links-hover-bg: var(--widget-grey);
    --demo-links-active-color: var(--medium-text)
}

.is-dark {
    --demo-links-bg-color: var(--night-light-4);
    --demo-links-border-color: var(--night-light-10);
    --demo-links-color: var(--light-text);
    --demo-links-hover-color: var(--white-smoke);
    --demo-links-hover-bg: var(--night-light-12);
    --demo-links-active-color: var(--white-smoke)
}

:root {
    --component-card-bg-color: var(--widget-grey);
    --demo-tab-bg-color: var(--white);
    --demo-tab-bg-hover-color: var(--widget-grey);
    --demo-tab-border-color: var(--border-hover)
}

.is-dark {
    --component-card-bg-color: var(--night-light-10);
    --demo-tab-bg-color: var(--night-light-4);
    --demo-tab-bg-hover-color: var(--night-light-12);
    --demo-tab-border-color: var(--night-light-16)
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis,
.file-cta,
.file-name,
.select select,
.textarea,
.input,
.button {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: none;
    display: inline-flex;
    font-size: 1rem;
    height: 2.5em;
    justify-content: flex-start;
    line-height: 1.5;
    padding-bottom: calc(.5em - 1px);
    padding-left: calc(.75em - 1px);
    padding-right: calc(.75em - 1px);
    padding-top: calc(.5em - 1px);
    position: relative;
    vertical-align: top
}

.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus,
.pagination-ellipsis:focus,
.file-cta:focus,
.file-name:focus,
.select select:focus,
.textarea:focus,
.input:focus,
.button:focus,
.is-focused.pagination-previous,
.is-focused.pagination-next,
.is-focused.pagination-link,
.is-focused.pagination-ellipsis,
.is-focused.file-cta,
.is-focused.file-name,
.select select.is-focused,
.is-focused.textarea,
.is-focused.input,
.is-focused.button,
.pagination-previous:active,
.pagination-next:active,
.pagination-link:active,
.pagination-ellipsis:active,
.file-cta:active,
.file-name:active,
.select select:active,
.textarea:active,
.input:active,
.button:active,
.is-active.pagination-previous,
.is-active.pagination-next,
.is-active.pagination-link,
.is-active.pagination-ellipsis,
.is-active.file-cta,
.is-active.file-name,
.select select.is-active,
.is-active.textarea,
.is-active.input,
.is-active.button {
    outline: none
}

[disabled].pagination-previous,
[disabled].pagination-next,
[disabled].pagination-link,
[disabled].pagination-ellipsis,
[disabled].file-cta,
[disabled].file-name,
.select select[disabled],
[disabled].textarea,
[disabled].input,
[disabled].button,
fieldset[disabled] .pagination-previous,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-link,
fieldset[disabled] .pagination-ellipsis,
fieldset[disabled] .file-cta,
fieldset[disabled] .file-name,
fieldset[disabled] .select select,
.select fieldset[disabled] select,
fieldset[disabled] .textarea,
fieldset[disabled] .input,
fieldset[disabled] .button {
    cursor: not-allowed
}

.is-unselectable,
.tabs,
.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis,
.breadcrumb,
.file,
.button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.navbar-link:not(.is-arrowless):after,
.select:not(.is-multiple):not(.is-loading):after {
    border: 3px solid transparent;
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: .625em;
    margin-top: -.4375em;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
    transform-origin: center;
    width: .625em
}

.tabs:not(:last-child),
.pagination:not(:last-child),
.message:not(:last-child),
.level:not(:last-child),
.breadcrumb:not(:last-child),
.block:not(:last-child),
.title:not(:last-child),
.subtitle:not(:last-child),
.table-container:not(:last-child),
.table:not(:last-child),
.progress:not(:last-child),
.notification:not(:last-child),
.content:not(:last-child),
.box:not(:last-child) {
    margin-bottom: 1.5rem
}

.modal-close,
.delete {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: var(--black);
    border: none;
    border-radius: 9999px;
    cursor: pointer;
    pointer-events: auto;
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 0;
    height: 20px;
    max-height: 20px;
    max-width: 20px;
    min-height: 20px;
    min-width: 20px;
    outline: none;
    position: relative;
    vertical-align: top;
    width: 20px
}

.modal-close:before,
.delete:before,
.modal-close:after,
.delete:after {
    background-color: var(--white);
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%) translateY(-50%) rotate(45deg);
    transform-origin: center center
}

.modal-close:before,
.delete:before {
    height: 2px;
    width: 50%
}

.modal-close:after,
.delete:after {
    height: 50%;
    width: 2px
}

.modal-close:hover,
.delete:hover,
.modal-close:focus,
.delete:focus {
    background-color: var(--black)
}

.modal-close:active,
.delete:active {
    background-color: var(--black)
}

.is-small.modal-close,
.is-small.delete {
    height: 16px;
    max-height: 16px;
    max-width: 16px;
    min-height: 16px;
    min-width: 16px;
    width: 16px
}

.is-medium.modal-close,
.is-medium.delete {
    height: 24px;
    max-height: 24px;
    max-width: 24px;
    min-height: 24px;
    min-width: 24px;
    width: 24px
}

.is-large.modal-close,
.is-large.delete {
    height: 32px;
    max-height: 32px;
    max-width: 32px;
    min-height: 32px;
    min-width: 32px;
    width: 32px
}

.control.is-loading:after,
.select.is-loading:after,
.loader,
.button.is-loading:after {
    animation: spinAround .5s infinite linear;
    border: 2px solid hsl(0, 0%, 86%);
    border-radius: 9999px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

.hero-video,
.is-overlay,
.modal-background,
.modal,
.image.is-square img,
.image.is-square .has-ratio,
.image.is-1by1 img,
.image.is-1by1 .has-ratio,
.image.is-5by4 img,
.image.is-5by4 .has-ratio,
.image.is-4by3 img,
.image.is-4by3 .has-ratio,
.image.is-3by2 img,
.image.is-3by2 .has-ratio,
.image.is-5by3 img,
.image.is-5by3 .has-ratio,
.image.is-16by9 img,
.image.is-16by9 .has-ratio,
.image.is-2by1 img,
.image.is-2by1 .has-ratio,
.image.is-3by1 img,
.image.is-3by1 .has-ratio,
.image.is-4by5 img,
.image.is-4by5 .has-ratio,
.image.is-3by4 img,
.image.is-3by4 .has-ratio,
.image.is-2by3 img,
.image.is-2by3 .has-ratio,
.image.is-3by5 img,
.image.is-3by5 .has-ratio,
.image.is-9by16 img,
.image.is-9by16 .has-ratio,
.image.is-1by2 img,
.image.is-1by2 .has-ratio,
.image.is-1by3 img,
.image.is-1by3 .has-ratio {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.navbar-burger {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: currentColor;
    font-family: inherit;
    font-size: 1em;
    margin: 0;
    padding: 0
}

/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */

html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

ul {
    list-style: none
}

button,
input,
select,
textarea {
    margin: 0
}

html {
    box-sizing: border-box
}

*,
*:before,
*:after {
    box-sizing: inherit
}

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

iframe {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

td:not([align]),
th:not([align]) {
    text-align: inherit
}

html {
    background-color: var(--white);
    font-size: 16px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    min-width: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
    display: block
}

body,
button,
input,
optgroup,
select,
textarea {
    font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif
}

code,
pre {
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-family: monospace
}

body {
    color: var(--dark-text);
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5
}

a {
    color: var(--link);
    cursor: pointer;
    text-decoration: none
}

a strong {
    color: currentColor
}

a:hover {
    color: #363636
}

code {
    background-color: #f5f5f5;
    color: #da1039;
    font-size: .875em;
    font-weight: 400;
    padding: .25em .5em
}

hr {
    background-color: #f5f5f5;
    border: none;
    display: block;
    height: 2px;
    margin: 1.5rem 0
}

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

input[type=checkbox],
input[type=radio] {
    vertical-align: baseline
}

small {
    font-size: .875em
}

span {
    font-style: inherit;
    font-weight: inherit
}

strong {
    color: #363636;
    font-weight: 700
}

fieldset {
    border: none
}

pre {
    -webkit-overflow-scrolling: touch;
    background-color: #f5f5f5;
    color: #4a4a4a;
    font-size: .875em;
    overflow-x: auto;
    padding: 1.25rem 1.5rem;
    white-space: pre;
    word-wrap: normal
}

pre code {
    background-color: transparent;
    color: currentColor;
    font-size: 1em;
    padding: 0
}

table td,
table th {
    vertical-align: top
}

table td:not([align]),
table th:not([align]) {
    text-align: inherit
}

table th {
    color: #363636
}

@keyframes spinAround {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(359deg)
    }
}

.box {
    background-color: var(--white);
    border-radius: 6px;
    box-shadow: 0 .5em 1em -.125em var(--black--10--rgba), 0 0 0 1px var(--black--2--rgba);
    color: #4a4a4a;
    display: block;
    padding: 1.25rem
}

a.box:hover,
a.box:focus {
    box-shadow: 0 .5em 1em -.125em var(--black--10--rgba), 0 0 0 1px var(--link)
}

a.box:active {
    box-shadow: inset 0 1px 2px var(--black--20--rgba), 0 0 0 1px var(--link)
}

.button {
    background-color: var(--white);
    border-color: #dbdbdb;
    border-width: 1px;
    color: #363636;
    cursor: pointer;
    justify-content: center;
    padding-bottom: calc(.5em - 1px);
    padding-left: 1em;
    padding-right: 1em;
    padding-top: calc(.5em - 1px);
    text-align: center;
    white-space: nowrap
}

.button strong {
    color: inherit
}

.button .icon,
.button .icon.is-small,
.button .icon.is-medium,
.button .icon.is-large {
    height: 1.5em;
    width: 1.5em
}

.button .icon:first-child:not(:last-child) {
    margin-left: calc(-.5em - 1px);
    margin-right: .25em
}

.button .icon:last-child:not(:first-child) {
    margin-left: .25em;
    margin-right: calc(-.5em - 1px)
}

.button .icon:first-child:last-child {
    margin-left: calc(-.5em - 1px);
    margin-right: calc(-.5em - 1px)
}

.button:hover,
.button.is-hovered {
    border-color: #b5b5b5;
    color: #363636
}

.button:focus,
.button.is-focused {
    border-color: #485fc7;
    color: #363636
}

.button:focus:not(:active),
.button.is-focused:not(:active) {
    box-shadow: 0 0 0 .125em var(--link)
}

.button:active,
.button.is-active {
    border-color: #4a4a4a;
    color: #363636
}

.button.is-text {
    background-color: transparent;
    border-color: transparent;
    color: #4a4a4a;
    text-decoration: underline
}

.button.is-text:hover,
.button.is-text.is-hovered,
.button.is-text:focus,
.button.is-text.is-focused {
    background-color: #f5f5f5;
    color: #363636
}

.button.is-text:active,
.button.is-text.is-active {
    background-color: #e8e8e8;
    color: #363636
}

.button.is-text[disabled],
fieldset[disabled] .button.is-text {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none
}

.button.is-ghost {
    background: none;
    border-color: transparent;
    color: var(--link);
    text-decoration: none
}

.button.is-ghost:hover,
.button.is-ghost.is-hovered {
    color: var(--link);
    text-decoration: underline
}

.button.is-white,
.button.is-white:hover,
.button.is-white.is-hovered {
    background-color: var(--white);
    border-color: transparent;
    color: var(--black)
}

.button.is-white:focus,
.button.is-white.is-focused {
    border-color: transparent;
    color: var(--black)
}

.button.is-white:focus:not(:active),
.button.is-white.is-focused:not(:active) {
    box-shadow: 0 0 0 .125em var(--white)
}

.button.is-white:active,
.button.is-white.is-active {
    background-color: var(--white);
    border-color: transparent;
    color: var(--black)
}

.button.is-white[disabled],
fieldset[disabled] .button.is-white {
    background-color: var(--white);
    border-color: var(--white);
    box-shadow: none
}

.button.is-white.is-inverted {
    background-color: var(--black);
    color: var(--white)
}

.button.is-white.is-inverted:hover,
.button.is-white.is-inverted.is-hovered {
    background-color: var(--black)
}

.button.is-white.is-inverted[disabled],
fieldset[disabled] .button.is-white.is-inverted {
    background-color: var(--black);
    border-color: transparent;
    box-shadow: none;
    color: var(--white)
}

.button.is-white.is-loading:after {
    border-color: transparent transparent var(--black) var(--black) !important
}

.button.is-white.is-outlined {
    background-color: transparent;
    border-color: var(--white);
    color: var(--white)
}

.button.is-white.is-outlined:hover,
.button.is-white.is-outlined.is-hovered,
.button.is-white.is-outlined:focus,
.button.is-white.is-outlined.is-focused {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--black)
}

.button.is-white.is-outlined.is-loading:after {
    border-color: transparent transparent var(--white) var(--white) !important
}

.button.is-white.is-outlined.is-loading:hover:after,
.button.is-white.is-outlined.is-loading.is-hovered:after,
.button.is-white.is-outlined.is-loading:focus:after,
.button.is-white.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--black) var(--black) !important
}

.button.is-white.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-outlined {
    background-color: transparent;
    border-color: var(--white);
    box-shadow: none;
    color: var(--white)
}

.button.is-white.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--black);
    color: var(--black)
}

.button.is-white.is-inverted.is-outlined:hover,
.button.is-white.is-inverted.is-outlined.is-hovered,
.button.is-white.is-inverted.is-outlined:focus,
.button.is-white.is-inverted.is-outlined.is-focused {
    background-color: var(--black);
    color: var(--white)
}

.button.is-white.is-inverted.is-outlined.is-loading:hover:after,
.button.is-white.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-white.is-inverted.is-outlined.is-loading:focus:after,
.button.is-white.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--white) var(--white) !important
}

.button.is-white.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--black);
    box-shadow: none;
    color: var(--black)
}

.button.is-black,
.button.is-black:hover,
.button.is-black.is-hovered {
    background-color: var(--black);
    border-color: transparent;
    color: var(--white)
}

.button.is-black:focus,
.button.is-black.is-focused {
    border-color: transparent;
    color: var(--white)
}

.button.is-black:focus:not(:active),
.button.is-black.is-focused:not(:active) {
    box-shadow: 0 0 0 .125em var(--black)
}

.button.is-black:active,
.button.is-black.is-active {
    background-color: var(--black);
    border-color: transparent;
    color: var(--white)
}

.button.is-black[disabled],
fieldset[disabled] .button.is-black {
    background-color: var(--black);
    border-color: var(--black);
    box-shadow: none
}

.button.is-black.is-inverted {
    background-color: var(--white);
    color: var(--black)
}

.button.is-black.is-inverted:hover,
.button.is-black.is-inverted.is-hovered {
    background-color: var(--white)
}

.button.is-black.is-inverted[disabled],
fieldset[disabled] .button.is-black.is-inverted {
    background-color: var(--white);
    border-color: transparent;
    box-shadow: none;
    color: var(--black)
}

.button.is-black.is-loading:after {
    border-color: transparent transparent var(--white) var(--white) !important
}

.button.is-black.is-outlined {
    background-color: transparent;
    border-color: var(--black);
    color: var(--black)
}

.button.is-black.is-outlined:hover,
.button.is-black.is-outlined.is-hovered,
.button.is-black.is-outlined:focus,
.button.is-black.is-outlined.is-focused {
    background-color: var(--black);
    border-color: var(--black);
    color: var(--white)
}

.button.is-black.is-outlined.is-loading:after {
    border-color: transparent transparent var(--black) var(--black) !important
}

.button.is-black.is-outlined.is-loading:hover:after,
.button.is-black.is-outlined.is-loading.is-hovered:after,
.button.is-black.is-outlined.is-loading:focus:after,
.button.is-black.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--white) var(--white) !important
}

.button.is-black.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-outlined {
    background-color: transparent;
    border-color: var(--black);
    box-shadow: none;
    color: var(--black)
}

.button.is-black.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--white);
    color: var(--white)
}

.button.is-black.is-inverted.is-outlined:hover,
.button.is-black.is-inverted.is-outlined.is-hovered,
.button.is-black.is-inverted.is-outlined:focus,
.button.is-black.is-inverted.is-outlined.is-focused {
    background-color: var(--white);
    color: var(--black)
}

.button.is-black.is-inverted.is-outlined.is-loading:hover:after,
.button.is-black.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-black.is-inverted.is-outlined.is-loading:focus:after,
.button.is-black.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--black) var(--black) !important
}

.button.is-black.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--white);
    box-shadow: none;
    color: var(--white)
}

.button.is-light {
    background-color: #f5f5f5;
    border-color: transparent;
    color: #000000b3
}

.button.is-light:hover,
.button.is-light.is-hovered {
    background-color: #eee;
    border-color: transparent;
    color: #000000b3
}

.button.is-light:focus,
.button.is-light.is-focused {
    border-color: transparent;
    color: #000000b3
}

.button.is-light:focus:not(:active),
.button.is-light.is-focused:not(:active) {
    box-shadow: 0 0 0 .125em #f5f5f540
}

.button.is-light:active,
.button.is-light.is-active {
    background-color: #e8e8e8;
    border-color: transparent;
    color: #000000b3
}

.button.is-light[disabled],
fieldset[disabled] .button.is-light {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    box-shadow: none
}

.button.is-light.is-inverted {
    background-color: #000000b3;
    color: #f5f5f5
}

.button.is-light.is-inverted:hover,
.button.is-light.is-inverted.is-hovered {
    background-color: #000000b3
}

.button.is-light.is-inverted[disabled],
fieldset[disabled] .button.is-light.is-inverted {
    background-color: #000000b3;
    border-color: transparent;
    box-shadow: none;
    color: #f5f5f5
}

.button.is-light.is-loading:after {
    border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7) !important
}

.button.is-light.is-outlined {
    background-color: transparent;
    border-color: #f5f5f5;
    color: #f5f5f5
}

.button.is-light.is-outlined:hover,
.button.is-light.is-outlined.is-hovered,
.button.is-light.is-outlined:focus,
.button.is-light.is-outlined.is-focused {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #000000b3
}

.button.is-light.is-outlined.is-loading:after {
    border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important
}

.button.is-light.is-outlined.is-loading:hover:after,
.button.is-light.is-outlined.is-loading.is-hovered:after,
.button.is-light.is-outlined.is-loading:focus:after,
.button.is-light.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7) !important
}

.button.is-light.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-outlined {
    background-color: transparent;
    border-color: #f5f5f5;
    box-shadow: none;
    color: #f5f5f5
}

.button.is-light.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #000000b3;
    color: #000000b3
}

.button.is-light.is-inverted.is-outlined:hover,
.button.is-light.is-inverted.is-outlined.is-hovered,
.button.is-light.is-inverted.is-outlined:focus,
.button.is-light.is-inverted.is-outlined.is-focused {
    background-color: #000000b3;
    color: #f5f5f5
}

.button.is-light.is-inverted.is-outlined.is-loading:hover:after,
.button.is-light.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-light.is-inverted.is-outlined.is-loading:focus:after,
.button.is-light.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important
}

.button.is-light.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #000000b3;
    box-shadow: none;
    color: #000000b3
}

.button.is-dark,
.button.is-dark:hover,
.button.is-dark.is-hovered {
    background-color: var(--dark);
    border-color: transparent;
    color: var(--dark--color-invert)
}

.button.is-dark:focus,
.button.is-dark.is-focused {
    border-color: transparent;
    color: var(--dark--color-invert)
}

.button.is-dark:focus:not(:active),
.button.is-dark.is-focused:not(:active) {
    box-shadow: 0 0 0 .125em var(--dark)
}

.button.is-dark:active,
.button.is-dark.is-active {
    background-color: var(--dark);
    border-color: transparent;
    color: var(--dark--color-invert)
}

.button.is-dark[disabled],
fieldset[disabled] .button.is-dark {
    background-color: var(--dark);
    border-color: var(--dark);
    box-shadow: none
}

.button.is-dark.is-inverted {
    background-color: var(--dark--color-invert);
    color: var(--dark)
}

.button.is-dark.is-inverted:hover,
.button.is-dark.is-inverted.is-hovered {
    background-color: var(--dark--color-invert)
}

.button.is-dark.is-inverted[disabled],
fieldset[disabled] .button.is-dark.is-inverted {
    background-color: var(--dark--color-invert);
    border-color: transparent;
    box-shadow: none;
    color: var(--dark)
}

.button.is-dark.is-loading:after {
    border-color: transparent transparent var(--dark--color-invert) var(--dark--color-invert) !important
}

.button.is-dark.is-outlined {
    background-color: transparent;
    border-color: var(--dark);
    color: var(--dark)
}

.button.is-dark.is-outlined:hover,
.button.is-dark.is-outlined.is-hovered,
.button.is-dark.is-outlined:focus,
.button.is-dark.is-outlined.is-focused {
    background-color: var(--dark);
    border-color: var(--dark);
    color: var(--dark--color-invert)
}

.button.is-dark.is-outlined.is-loading:after {
    border-color: transparent transparent var(--dark) var(--dark) !important
}

.button.is-dark.is-outlined.is-loading:hover:after,
.button.is-dark.is-outlined.is-loading.is-hovered:after,
.button.is-dark.is-outlined.is-loading:focus:after,
.button.is-dark.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--dark--color-invert) var(--dark--color-invert) !important
}

.button.is-dark.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-outlined {
    background-color: transparent;
    border-color: var(--dark);
    box-shadow: none;
    color: var(--dark)
}

.button.is-dark.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--dark--color-invert);
    color: var(--dark--color-invert)
}

.button.is-dark.is-inverted.is-outlined:hover,
.button.is-dark.is-inverted.is-outlined.is-hovered,
.button.is-dark.is-inverted.is-outlined:focus,
.button.is-dark.is-inverted.is-outlined.is-focused {
    background-color: var(--dark--color-invert);
    color: var(--dark)
}

.button.is-dark.is-inverted.is-outlined.is-loading:hover:after,
.button.is-dark.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-dark.is-inverted.is-outlined.is-loading:focus:after,
.button.is-dark.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--dark) var(--dark) !important
}

.button.is-dark.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--dark--color-invert);
    box-shadow: none;
    color: var(--dark--color-invert)
}

.button.is-primary,
.button.is-primary:hover,
.button.is-primary.is-hovered {
    background-color: var(--primary);
    border-color: transparent;
    color: var(--primary--color-invert)
}

.button.is-primary:focus,
.button.is-primary.is-focused {
    border-color: transparent;
    color: var(--primary--color-invert)
}

.button.is-primary:focus:not(:active),
.button.is-primary.is-focused:not(:active) {
    box-shadow: 0 0 0 .125em var(--primary)
}

.button.is-primary:active,
.button.is-primary.is-active {
    background-color: var(--primary);
    border-color: transparent;
    color: var(--primary--color-invert)
}

.button.is-primary[disabled],
fieldset[disabled] .button.is-primary {
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: none
}

.button.is-primary.is-inverted {
    background-color: var(--primary--color-invert);
    color: var(--primary)
}

.button.is-primary.is-inverted:hover,
.button.is-primary.is-inverted.is-hovered {
    background-color: var(--primary--color-invert)
}

.button.is-primary.is-inverted[disabled],
fieldset[disabled] .button.is-primary.is-inverted {
    background-color: var(--primary--color-invert);
    border-color: transparent;
    box-shadow: none;
    color: var(--primary)
}

.button.is-primary.is-loading:after {
    border-color: transparent transparent var(--primary--color-invert) var(--primary--color-invert) !important
}

.button.is-primary.is-outlined {
    background-color: transparent;
    border-color: var(--primary);
    color: var(--primary)
}

.button.is-primary.is-outlined:hover,
.button.is-primary.is-outlined.is-hovered,
.button.is-primary.is-outlined:focus,
.button.is-primary.is-outlined.is-focused {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--primary--color-invert)
}

.button.is-primary.is-outlined.is-loading:after {
    border-color: transparent transparent var(--primary) var(--primary) !important
}

.button.is-primary.is-outlined.is-loading:hover:after,
.button.is-primary.is-outlined.is-loading.is-hovered:after,
.button.is-primary.is-outlined.is-loading:focus:after,
.button.is-primary.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--primary--color-invert) var(--primary--color-invert) !important
}

.button.is-primary.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-outlined {
    background-color: transparent;
    border-color: var(--primary);
    box-shadow: none;
    color: var(--primary)
}

.button.is-primary.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--primary--color-invert);
    color: var(--primary--color-invert)
}

.button.is-primary.is-inverted.is-outlined:hover,
.button.is-primary.is-inverted.is-outlined.is-hovered,
.button.is-primary.is-inverted.is-outlined:focus,
.button.is-primary.is-inverted.is-outlined.is-focused {
    background-color: var(--primary--color-invert);
    color: var(--primary)
}

.button.is-primary.is-inverted.is-outlined.is-loading:hover:after,
.button.is-primary.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-primary.is-inverted.is-outlined.is-loading:focus:after,
.button.is-primary.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--primary) var(--primary) !important
}

.button.is-primary.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--primary--color-invert);
    box-shadow: none;
    color: var(--primary--color-invert)
}

.button.is-primary.is-light {
    background-color: var(--primary--light-color);
    color: var(--primary--dark-color)
}

.button.is-primary.is-light:hover,
.button.is-primary.is-light.is-hovered,
.button.is-primary.is-light:active,
.button.is-primary.is-light.is-active {
    background-color: var(--primary--light-color);
    border-color: transparent;
    color: var(--primary--dark-color)
}

.button.is-link,
.button.is-link:hover,
.button.is-link.is-hovered {
    background-color: var(--link);
    border-color: transparent;
    color: var(--link--color-invert)
}

.button.is-link:focus,
.button.is-link.is-focused {
    border-color: transparent;
    color: var(--link--color-invert)
}

.button.is-link:focus:not(:active),
.button.is-link.is-focused:not(:active) {
    box-shadow: 0 0 0 .125em var(--link)
}

.button.is-link:active,
.button.is-link.is-active {
    background-color: var(--link);
    border-color: transparent;
    color: var(--link--color-invert)
}

.button.is-link[disabled],
fieldset[disabled] .button.is-link {
    background-color: var(--link);
    border-color: var(--link);
    box-shadow: none
}

.button.is-link.is-inverted {
    background-color: var(--link--color-invert);
    color: var(--link)
}

.button.is-link.is-inverted:hover,
.button.is-link.is-inverted.is-hovered {
    background-color: var(--link--color-invert)
}

.button.is-link.is-inverted[disabled],
fieldset[disabled] .button.is-link.is-inverted {
    background-color: var(--link--color-invert);
    border-color: transparent;
    box-shadow: none;
    color: var(--link)
}

.button.is-link.is-loading:after {
    border-color: transparent transparent var(--link--color-invert) var(--link--color-invert) !important
}

.button.is-link.is-outlined {
    background-color: transparent;
    border-color: var(--link);
    color: var(--link)
}

.button.is-link.is-outlined:hover,
.button.is-link.is-outlined.is-hovered,
.button.is-link.is-outlined:focus,
.button.is-link.is-outlined.is-focused {
    background-color: var(--link);
    border-color: var(--link);
    color: var(--link--color-invert)
}

.button.is-link.is-outlined.is-loading:after {
    border-color: transparent transparent var(--link) var(--link) !important
}

.button.is-link.is-outlined.is-loading:hover:after,
.button.is-link.is-outlined.is-loading.is-hovered:after,
.button.is-link.is-outlined.is-loading:focus:after,
.button.is-link.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--link--color-invert) var(--link--color-invert) !important
}

.button.is-link.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-outlined {
    background-color: transparent;
    border-color: var(--link);
    box-shadow: none;
    color: var(--link)
}

.button.is-link.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--link--color-invert);
    color: var(--link--color-invert)
}

.button.is-link.is-inverted.is-outlined:hover,
.button.is-link.is-inverted.is-outlined.is-hovered,
.button.is-link.is-inverted.is-outlined:focus,
.button.is-link.is-inverted.is-outlined.is-focused {
    background-color: var(--link--color-invert);
    color: var(--link)
}

.button.is-link.is-inverted.is-outlined.is-loading:hover:after,
.button.is-link.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-link.is-inverted.is-outlined.is-loading:focus:after,
.button.is-link.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--link) var(--link) !important
}

.button.is-link.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--link--color-invert);
    box-shadow: none;
    color: var(--link--color-invert)
}

.button.is-link.is-light {
    background-color: var(--link--light-color);
    color: var(--link--dark-color)
}

.button.is-link.is-light:hover,
.button.is-link.is-light.is-hovered,
.button.is-link.is-light:active,
.button.is-link.is-light.is-active {
    background-color: var(--link--light-color);
    border-color: transparent;
    color: var(--link--dark-color)
}

.button.is-info,
.button.is-info:hover,
.button.is-info.is-hovered {
    background-color: var(--info);
    border-color: transparent;
    color: var(--info--color-invert)
}

.button.is-info:focus,
.button.is-info.is-focused {
    border-color: transparent;
    color: var(--info--color-invert)
}

.button.is-info:focus:not(:active),
.button.is-info.is-focused:not(:active) {
    box-shadow: 0 0 0 .125em var(--info)
}

.button.is-info:active,
.button.is-info.is-active {
    background-color: var(--info);
    border-color: transparent;
    color: var(--info--color-invert)
}

.button.is-info[disabled],
fieldset[disabled] .button.is-info {
    background-color: var(--info);
    border-color: var(--info);
    box-shadow: none
}

.button.is-info.is-inverted {
    background-color: var(--info--color-invert);
    color: var(--info)
}

.button.is-info.is-inverted:hover,
.button.is-info.is-inverted.is-hovered {
    background-color: var(--info--color-invert)
}

.button.is-info.is-inverted[disabled],
fieldset[disabled] .button.is-info.is-inverted {
    background-color: var(--info--color-invert);
    border-color: transparent;
    box-shadow: none;
    color: var(--info)
}

.button.is-info.is-loading:after {
    border-color: transparent transparent var(--info--color-invert) var(--info--color-invert) !important
}

.button.is-info.is-outlined {
    background-color: transparent;
    border-color: var(--info);
    color: var(--info)
}

.button.is-info.is-outlined:hover,
.button.is-info.is-outlined.is-hovered,
.button.is-info.is-outlined:focus,
.button.is-info.is-outlined.is-focused {
    background-color: var(--info);
    border-color: var(--info);
    color: var(--info--color-invert)
}

.button.is-info.is-outlined.is-loading:after {
    border-color: transparent transparent var(--info) var(--info) !important
}

.button.is-info.is-outlined.is-loading:hover:after,
.button.is-info.is-outlined.is-loading.is-hovered:after,
.button.is-info.is-outlined.is-loading:focus:after,
.button.is-info.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--info--color-invert) var(--info--color-invert) !important
}

.button.is-info.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-outlined {
    background-color: transparent;
    border-color: var(--info);
    box-shadow: none;
    color: var(--info)
}

.button.is-info.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--info--color-invert);
    color: var(--info--color-invert)
}

.button.is-info.is-inverted.is-outlined:hover,
.button.is-info.is-inverted.is-outlined.is-hovered,
.button.is-info.is-inverted.is-outlined:focus,
.button.is-info.is-inverted.is-outlined.is-focused {
    background-color: var(--info--color-invert);
    color: var(--info)
}

.button.is-info.is-inverted.is-outlined.is-loading:hover:after,
.button.is-info.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-info.is-inverted.is-outlined.is-loading:focus:after,
.button.is-info.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--info) var(--info) !important
}

.button.is-info.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--info--color-invert);
    box-shadow: none;
    color: var(--info--color-invert)
}

.button.is-info.is-light {
    background-color: var(--info--light-color);
    color: var(--info--dark-color)
}

.button.is-info.is-light:hover,
.button.is-info.is-light.is-hovered,
.button.is-info.is-light:active,
.button.is-info.is-light.is-active {
    background-color: var(--info--light-color);
    border-color: transparent;
    color: var(--info--dark-color)
}

.button.is-success,
.button.is-success:hover,
.button.is-success.is-hovered {
    background-color: var(--success);
    border-color: transparent;
    color: var(--success--color-invert)
}

.button.is-success:focus,
.button.is-success.is-focused {
    border-color: transparent;
    color: var(--success--color-invert)
}

.button.is-success:focus:not(:active),
.button.is-success.is-focused:not(:active) {
    box-shadow: 0 0 0 .125em var(--success)
}

.button.is-success:active,
.button.is-success.is-active {
    background-color: var(--success);
    border-color: transparent;
    color: var(--success--color-invert)
}

.button.is-success[disabled],
fieldset[disabled] .button.is-success {
    background-color: var(--success);
    border-color: var(--success);
    box-shadow: none
}

.button.is-success.is-inverted {
    background-color: var(--success--color-invert);
    color: var(--success)
}

.button.is-success.is-inverted:hover,
.button.is-success.is-inverted.is-hovered {
    background-color: var(--success--color-invert)
}

.button.is-success.is-inverted[disabled],
fieldset[disabled] .button.is-success.is-inverted {
    background-color: var(--success--color-invert);
    border-color: transparent;
    box-shadow: none;
    color: var(--success)
}

.button.is-success.is-loading:after {
    border-color: transparent transparent var(--success--color-invert) var(--success--color-invert) !important
}

.button.is-success.is-outlined {
    background-color: transparent;
    border-color: var(--success);
    color: var(--success)
}

.button.is-success.is-outlined:hover,
.button.is-success.is-outlined.is-hovered,
.button.is-success.is-outlined:focus,
.button.is-success.is-outlined.is-focused {
    background-color: var(--success);
    border-color: var(--success);
    color: var(--success--color-invert)
}

.button.is-success.is-outlined.is-loading:after {
    border-color: transparent transparent var(--success) var(--success) !important
}

.button.is-success.is-outlined.is-loading:hover:after,
.button.is-success.is-outlined.is-loading.is-hovered:after,
.button.is-success.is-outlined.is-loading:focus:after,
.button.is-success.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--success--color-invert) var(--success--color-invert) !important
}

.button.is-success.is-outlined[disabled],
fieldset[disabled] .button.is-success.is-outlined {
    background-color: transparent;
    border-color: var(--success);
    box-shadow: none;
    color: var(--success)
}

.button.is-success.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--success--color-invert);
    color: var(--success--color-invert)
}

.button.is-success.is-inverted.is-outlined:hover,
.button.is-success.is-inverted.is-outlined.is-hovered,
.button.is-success.is-inverted.is-outlined:focus,
.button.is-success.is-inverted.is-outlined.is-focused {
    background-color: var(--success--color-invert);
    color: var(--success)
}

.button.is-success.is-inverted.is-outlined.is-loading:hover:after,
.button.is-success.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-success.is-inverted.is-outlined.is-loading:focus:after,
.button.is-success.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--success) var(--success) !important
}

.button.is-success.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-success.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--success--color-invert);
    box-shadow: none;
    color: var(--success--color-invert)
}

.button.is-success.is-light {
    background-color: var(--success--light-color);
    color: var(--success--dark-color)
}

.button.is-success.is-light:hover,
.button.is-success.is-light.is-hovered,
.button.is-success.is-light:active,
.button.is-success.is-light.is-active {
    background-color: var(--success--light-color);
    border-color: transparent;
    color: var(--success--dark-color)
}

.button.is-warning,
.button.is-warning:hover,
.button.is-warning.is-hovered {
    background-color: var(--warning);
    border-color: transparent;
    color: var(--warning--color-invert)
}

.button.is-warning:focus,
.button.is-warning.is-focused {
    border-color: transparent;
    color: var(--warning--color-invert)
}

.button.is-warning:focus:not(:active),
.button.is-warning.is-focused:not(:active) {
    box-shadow: 0 0 0 .125em var(--warning)
}

.button.is-warning:active,
.button.is-warning.is-active {
    background-color: var(--warning);
    border-color: transparent;
    color: var(--warning--color-invert)
}

.button.is-warning[disabled],
fieldset[disabled] .button.is-warning {
    background-color: var(--warning);
    border-color: var(--warning);
    box-shadow: none
}

.button.is-warning.is-inverted {
    background-color: var(--warning--color-invert);
    color: var(--warning)
}

.button.is-warning.is-inverted:hover,
.button.is-warning.is-inverted.is-hovered {
    background-color: var(--warning--color-invert)
}

.button.is-warning.is-inverted[disabled],
fieldset[disabled] .button.is-warning.is-inverted {
    background-color: var(--warning--color-invert);
    border-color: transparent;
    box-shadow: none;
    color: var(--warning)
}

.button.is-warning.is-loading:after {
    border-color: transparent transparent var(--warning--color-invert) var(--warning--color-invert) !important
}

.button.is-warning.is-outlined {
    background-color: transparent;
    border-color: var(--warning);
    color: var(--warning)
}

.button.is-warning.is-outlined:hover,
.button.is-warning.is-outlined.is-hovered,
.button.is-warning.is-outlined:focus,
.button.is-warning.is-outlined.is-focused {
    background-color: var(--warning);
    border-color: var(--warning);
    color: var(--warning--color-invert)
}

.button.is-warning.is-outlined.is-loading:after {
    border-color: transparent transparent var(--warning) var(--warning) !important
}

.button.is-warning.is-outlined.is-loading:hover:after,
.button.is-warning.is-outlined.is-loading.is-hovered:after,
.button.is-warning.is-outlined.is-loading:focus:after,
.button.is-warning.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--warning--color-invert) var(--warning--color-invert) !important
}

.button.is-warning.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-outlined {
    background-color: transparent;
    border-color: var(--warning);
    box-shadow: none;
    color: var(--warning)
}

.button.is-warning.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--warning--color-invert);
    color: var(--warning--color-invert)
}

.button.is-warning.is-inverted.is-outlined:hover,
.button.is-warning.is-inverted.is-outlined.is-hovered,
.button.is-warning.is-inverted.is-outlined:focus,
.button.is-warning.is-inverted.is-outlined.is-focused {
    background-color: var(--warning--color-invert);
    color: var(--warning)
}

.button.is-warning.is-inverted.is-outlined.is-loading:hover:after,
.button.is-warning.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-warning.is-inverted.is-outlined.is-loading:focus:after,
.button.is-warning.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--warning) var(--warning) !important
}

.button.is-warning.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--warning--color-invert);
    box-shadow: none;
    color: var(--warning--color-invert)
}

.button.is-warning.is-light {
    background-color: var(--warning--light-color);
    color: var(--warning--dark-color)
}

.button.is-warning.is-light:hover,
.button.is-warning.is-light.is-hovered,
.button.is-warning.is-light:active,
.button.is-warning.is-light.is-active {
    background-color: var(--warning--light-color);
    border-color: transparent;
    color: var(--warning--dark-color)
}

.button.is-danger,
.button.is-danger:hover,
.button.is-danger.is-hovered {
    background-color: var(--danger);
    border-color: transparent;
    color: var(--danger--color-invert)
}

.button.is-danger:focus,
.button.is-danger.is-focused {
    border-color: transparent;
    color: var(--danger--color-invert)
}

.button.is-danger:focus:not(:active),
.button.is-danger.is-focused:not(:active) {
    box-shadow: 0 0 0 .125em var(--danger)
}

.button.is-danger:active,
.button.is-danger.is-active {
    background-color: var(--danger);
    border-color: transparent;
    color: var(--danger--color-invert)
}

.button.is-danger[disabled],
fieldset[disabled] .button.is-danger {
    background-color: var(--danger);
    border-color: var(--danger);
    box-shadow: none
}

.button.is-danger.is-inverted {
    background-color: var(--danger--color-invert);
    color: var(--danger)
}

.button.is-danger.is-inverted:hover,
.button.is-danger.is-inverted.is-hovered {
    background-color: var(--danger--color-invert)
}

.button.is-danger.is-inverted[disabled],
fieldset[disabled] .button.is-danger.is-inverted {
    background-color: var(--danger--color-invert);
    border-color: transparent;
    box-shadow: none;
    color: var(--danger)
}

.button.is-danger.is-loading:after {
    border-color: transparent transparent var(--danger--color-invert) var(--danger--color-invert) !important
}

.button.is-danger.is-outlined {
    background-color: transparent;
    border-color: var(--danger);
    color: var(--danger)
}

.button.is-danger.is-outlined:hover,
.button.is-danger.is-outlined.is-hovered,
.button.is-danger.is-outlined:focus,
.button.is-danger.is-outlined.is-focused {
    background-color: var(--danger);
    border-color: var(--danger);
    color: var(--danger--color-invert)
}

.button.is-danger.is-outlined.is-loading:after {
    border-color: transparent transparent var(--danger) var(--danger) !important
}

.button.is-danger.is-outlined.is-loading:hover:after,
.button.is-danger.is-outlined.is-loading.is-hovered:after,
.button.is-danger.is-outlined.is-loading:focus:after,
.button.is-danger.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--danger--color-invert) var(--danger--color-invert) !important
}

.button.is-danger.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-outlined {
    background-color: transparent;
    border-color: var(--danger);
    box-shadow: none;
    color: var(--danger)
}

.button.is-danger.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--danger--color-invert);
    color: var(--danger--color-invert)
}

.button.is-danger.is-inverted.is-outlined:hover,
.button.is-danger.is-inverted.is-outlined.is-hovered,
.button.is-danger.is-inverted.is-outlined:focus,
.button.is-danger.is-inverted.is-outlined.is-focused {
    background-color: var(--danger--color-invert);
    color: var(--danger)
}

.button.is-danger.is-inverted.is-outlined.is-loading:hover:after,
.button.is-danger.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-danger.is-inverted.is-outlined.is-loading:focus:after,
.button.is-danger.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--danger) var(--danger) !important
}

.button.is-danger.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--danger--color-invert);
    box-shadow: none;
    color: var(--danger--color-invert)
}

.button.is-danger.is-light {
    background-color: var(--danger--light-color);
    color: var(--danger--dark-color)
}

.button.is-danger.is-light:hover,
.button.is-danger.is-light.is-hovered,
.button.is-danger.is-light:active,
.button.is-danger.is-light.is-active {
    background-color: var(--danger--light-color);
    border-color: transparent;
    color: var(--danger--dark-color)
}

.button.is-small {
    font-size: .75rem
}

.button.is-small:not(.is-rounded) {
    border-radius: 2px
}

.button.is-normal {
    font-size: 1rem
}

.button.is-medium {
    font-size: 1.25rem
}

.button.is-large {
    font-size: 1.5rem
}

.button[disabled],
fieldset[disabled] .button {
    background-color: var(--white);
    border-color: #dbdbdb;
    box-shadow: none;
    opacity: .5
}

.button.is-fullwidth {
    display: flex;
    width: 100%
}

.button.is-loading {
    color: transparent !important;
    pointer-events: none
}

.button.is-loading:after {
    position: absolute;
    left: calc(50% - .5em);
    top: calc(50% - .5em);
    position: absolute !important
}

.button.is-static {
    background-color: #f5f5f5;
    border-color: #dbdbdb;
    color: #7a7a7a;
    box-shadow: none;
    pointer-events: none
}

.button.is-rounded {
    border-radius: 9999px;
    padding-left: 1.25em;
    padding-right: 1.25em
}

.buttons {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.buttons .button {
    margin-bottom: .5rem;
    box-shadow: var(--light-box-shadow-lg);
}

.buttons .button:not(:last-child):not(.is-fullwidth) {
    margin-right: .5rem
}

.buttons:last-child {
    margin-bottom: -.5rem
}

.buttons:not(:last-child) {
    margin-bottom: 1rem
}

.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
    font-size: .75rem
}

.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
    border-radius: 2px
}

.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
    font-size: 1.25rem
}

.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
    font-size: 1.5rem
}

.buttons.has-addons .button:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.buttons.has-addons .button:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: -1px
}

.buttons.has-addons .button:last-child {
    margin-right: 0
}

.buttons.has-addons .button:hover,
.buttons.has-addons .button.is-hovered {
    z-index: 2
}

.buttons.has-addons .button:focus,
.buttons.has-addons .button.is-focused,
.buttons.has-addons .button:active,
.buttons.has-addons .button.is-active,
.buttons.has-addons .button.is-selected {
    z-index: 3
}

.buttons.has-addons .button:focus:hover,
.buttons.has-addons .button.is-focused:hover,
.buttons.has-addons .button:active:hover,
.buttons.has-addons .button.is-active:hover,
.buttons.has-addons .button.is-selected:hover {
    z-index: 4
}

.buttons.has-addons .button.is-expanded {
    flex-grow: 1;
    flex-shrink: 1
}

.buttons.is-centered {
    justify-content: center
}

.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
    margin-left: .25rem;
    margin-right: .25rem;
	min-height: 48px;
	border-radius: .65rem;
	font-weight: 600;
    box-shadow: var(--primary-box-shadow);
}

.buttons.is-right {
    justify-content: flex-end
}

.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
    margin-left: .25rem;
    margin-right: .25rem
}

@media screen and (max-width: 768px) {
    .button.is-responsive.is-small {
        font-size: .5625rem
    }
    .button.is-responsive,
    .button.is-responsive.is-normal {
        font-size: .65625rem
    }
    .button.is-responsive.is-medium {
        font-size: .75rem
    }
    .button.is-responsive.is-large {
        font-size: 1rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .button.is-responsive.is-small {
        font-size: .65625rem
    }
    .button.is-responsive,
    .button.is-responsive.is-normal {
        font-size: .75rem
    }
    .button.is-responsive.is-medium {
        font-size: 1rem
    }
    .button.is-responsive.is-large {
        font-size: 1.25rem
    }
}

.container {
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: auto
}

.container.is-fluid {
    max-width: none !important;
    padding-left: 32px;
    padding-right: 32px;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .container {
        max-width: 960px
    }
}

@media screen and (max-width: 1215px) {
    .container.is-widescreen:not(.is-max-desktop) {
        max-width: 1152px
    }
}

@media screen and (min-width: 1216px) {
    .container:not(.is-max-desktop) {
        max-width: 1152px
    }
}

.content li+li {
    margin-top: .25em
}

.content p:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content ul:not(:last-child),
.content blockquote:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child) {
    margin-bottom: 1em
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    color: #363636;
    font-weight: 600;
    line-height: 1.125
}

.content h1 {
    font-size: 2em;
    margin-bottom: .5em
}

.content h1:not(:first-child) {
    margin-top: 1em
}

.content h2 {
    font-size: 1.75em;
    margin-bottom: .5714em
}

.content h2:not(:first-child) {
    margin-top: 1.1428em
}

.content h3 {
    font-size: 1.5em;
    margin-bottom: .6666em
}

.content h3:not(:first-child) {
    margin-top: 1.3333em
}

.content h4 {
    font-size: 1.25em;
    margin-bottom: .8em
}

.content h5 {
    font-size: 1.125em;
    margin-bottom: .8888em
}

.content h6 {
    font-size: 1em;
    margin-bottom: 1em
}

.content blockquote {
    background-color: #f5f5f5;
    border-left: 5px solid hsl(0, 0%, 86%);
    padding: 1.25em 1.5em
}

.content ol {
    list-style-position: outside;
    margin-left: 2em;
    margin-top: 1em
}

.content ol:not([type]) {
    list-style-type: decimal
}

.content ol:not([type]).is-lower-alpha {
    list-style-type: lower-alpha
}

.content ol:not([type]).is-lower-roman {
    list-style-type: lower-roman
}

.content ol:not([type]).is-upper-alpha {
    list-style-type: upper-alpha
}

.content ol:not([type]).is-upper-roman {
    list-style-type: upper-roman
}

.content ul {
    list-style: disc outside;
    margin-left: 2em;
    margin-top: 1em
}

.content ul ul {
    list-style-type: circle;
    margin-top: .5em
}

.content ul ul ul {
    list-style-type: square
}

.content dd {
    margin-left: 2em
}

.content figure {
    margin-left: 2em;
    margin-right: 2em;
    text-align: center
}

.content figure:not(:first-child) {
    margin-top: 2em
}

.content figure:not(:last-child) {
    margin-bottom: 2em
}

.content figure img {
    display: inline-block
}

.content figure figcaption {
    font-style: italic
}

.content pre {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    padding: 1.25em 1.5em;
    white-space: pre;
    word-wrap: normal
}

.content sup,
.content sub {
    font-size: 75%
}

.content table {
    width: 100%
}

.content table td,
.content table th {
    border: 1px solid hsl(0, 0%, 86%);
    border-width: 0 0 1px;
    padding: .5em .75em;
    vertical-align: top
}

.content table th {
    color: #363636
}

.content table th:not([align]) {
    text-align: inherit
}

.content table thead td,
.content table thead th {
    border-width: 0 0 2px;
    color: #363636
}

.content table tfoot td,
.content table tfoot th {
    border-width: 2px 0 0;
    color: #363636
}

.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
    border-bottom-width: 0
}

.content .tabs li+li {
    margin-top: 0
}

.content.is-small {
    font-size: .75rem
}

.content.is-normal {
    font-size: 1rem
}

.content.is-medium {
    font-size: 1.25rem
}

.content.is-large {
    font-size: 1.5rem
}

.icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    height: 2.5rem;
    width: 2.5rem
}

.icon.is-small {
    height: 1rem;
    width: 1rem
}

.icon.is-medium {
    height: 2rem;
    width: 2rem
}

.icon.is-large {
    height: 3rem;
    width: 3rem
}

.icon-text {
    align-items: flex-start;
    color: inherit;
    display: inline-flex;
    flex-wrap: wrap;
    line-height: 1.5rem;
    vertical-align: top
}

.icon-text .icon {
    flex-grow: 0;
    flex-shrink: 0
}

.icon-text .icon:not(:last-child) {
    margin-right: .25em
}

.icon-text .icon:not(:first-child) {
    margin-left: .25em
}

div.icon-text {
    display: flex
}

.image {
    display: block;
    position: relative
}

.image img {
    display: block;
    height: auto;
    width: 100%
}

.image img.is-rounded {
    border-radius: 9999px
}

.image.is-fullwidth {
    width: 100%
}

.image.is-square img,
.image.is-square .has-ratio,
.image.is-1by1 img,
.image.is-1by1 .has-ratio,
.image.is-5by4 img,
.image.is-5by4 .has-ratio,
.image.is-4by3 img,
.image.is-4by3 .has-ratio,
.image.is-3by2 img,
.image.is-3by2 .has-ratio,
.image.is-5by3 img,
.image.is-5by3 .has-ratio,
.image.is-16by9 img,
.image.is-16by9 .has-ratio,
.image.is-2by1 img,
.image.is-2by1 .has-ratio,
.image.is-3by1 img,
.image.is-3by1 .has-ratio,
.image.is-4by5 img,
.image.is-4by5 .has-ratio,
.image.is-3by4 img,
.image.is-3by4 .has-ratio,
.image.is-2by3 img,
.image.is-2by3 .has-ratio,
.image.is-3by5 img,
.image.is-3by5 .has-ratio,
.image.is-9by16 img,
.image.is-9by16 .has-ratio,
.image.is-1by2 img,
.image.is-1by2 .has-ratio,
.image.is-1by3 img,
.image.is-1by3 .has-ratio {
    height: 100%;
    width: 100%
}

.image.is-square,
.image.is-1by1 {
    padding-top: 100%
}

.image.is-5by4 {
    padding-top: 80%
}

.image.is-4by3 {
    padding-top: 75%
}

.image.is-3by2 {
    padding-top: 66.6666%
}

.image.is-5by3 {
    padding-top: 60%
}

.image.is-16by9 {
    padding-top: 56.25%
}

.image.is-2by1 {
    padding-top: 50%
}

.image.is-3by1 {
    padding-top: 33.3333%
}

.image.is-4by5 {
    padding-top: 125%
}

.image.is-3by4 {
    padding-top: 133.3333%
}

.image.is-2by3 {
    padding-top: 150%
}

.image.is-3by5 {
    padding-top: 166.6666%
}

.image.is-9by16 {
    padding-top: 177.7777%
}

.image.is-1by2 {
    padding-top: 200%
}

.image.is-1by3 {
    padding-top: 300%
}

.image.is-16x16 {
    height: 16px;
    width: 16px
}

.image.is-24x24 {
    height: 24px;
    width: 24px
}

.image.is-32x32 {
    height: 32px;
    width: 32px
}

.image.is-48x48 {
    height: 48px;
    width: 48px
}

.image.is-64x64 {
    height: 64px;
    width: 64px
}

.image.is-96x96 {
    height: 96px;
    width: 96px
}

.image.is-128x128 {
    height: 128px;
    width: 128px
}

.notification {
    background-color: #f5f5f5;
    border-radius: 4px;
    position: relative;
    padding: 1.25rem 2.5rem 1.25rem 1.5rem
}

.notification a:not(.button):not(.dropdown-item) {
    color: currentColor;
    text-decoration: underline
}

.notification strong {
    color: currentColor
}

.notification code,
.notification pre {
    background: var(--white)
}

.notification pre code {
    background: transparent
}

.notification>.delete {
    right: .5rem;
    position: absolute;
    top: .5rem
}

.notification .title,
.notification .subtitle,
.notification .content {
    color: currentColor
}

.notification.is-white {
    background-color: var(--white);
    color: var(--black)
}

.notification.is-black {
    background-color: var(--black);
    color: var(--white)
}

.notification.is-light {
    background-color: #f5f5f5;
    color: #000000b3
}

.notification.is-dark {
    background-color: var(--dark);
    color: var(--dark--color-invert)
}

.notification.is-primary {
    background-color: var(--primary);
    color: var(--primary--color-invert)
}

.notification.is-primary.is-light {
    background-color: var(--primary--light-color);
    color: var(--primary--dark-color)
}

.notification.is-link {
    background-color: var(--link);
    color: var(--link--color-invert)
}

.notification.is-link.is-light {
    background-color: var(--link--light-color);
    color: var(--link--dark-color)
}

.notification.is-info {
    background-color: var(--info);
    color: var(--info--color-invert)
}

.notification.is-info.is-light {
    background-color: var(--info--light-color);
    color: var(--info--dark-color)
}

.notification.is-success {
    background-color: var(--success);
    color: var(--success--color-invert)
}

.notification.is-success.is-light {
    background-color: var(--success--light-color);
    color: var(--success--dark-color)
}

.notification.is-warning {
    background-color: var(--warning);
    color: var(--warning--color-invert)
}

.notification.is-warning.is-light {
    background-color: var(--warning--light-color);
    color: var(--warning--dark-color)
}

.notification.is-danger {
    background-color: var(--danger);
    color: var(--danger--color-invert)
}

.notification.is-danger.is-light {
    background-color: var(--danger--light-color);
    color: var(--danger--dark-color)
}

.progress {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 9999px;
    display: block;
    height: 1rem;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.progress::-webkit-progress-bar {
    background-color: #ededed
}

.progress::-webkit-progress-value {
    background-color: #4a4a4a
}

.progress::-moz-progress-bar {
    background-color: #4a4a4a
}

.progress::-ms-fill {
    background-color: #4a4a4a;
    border: none
}

.progress.is-white::-webkit-progress-value {
    background-color: var(--white)
}

.progress.is-white::-moz-progress-bar {
    background-color: var(--white)
}

.progress.is-white::-ms-fill {
    background-color: var(--white)
}

.progress.is-white:indeterminate {
    background-image: linear-gradient(to right, var(--white) 30%, hsl(0, 0%, 93%) 30%)
}

.progress.is-black::-webkit-progress-value {
    background-color: var(--black)
}

.progress.is-black::-moz-progress-bar {
    background-color: var(--black)
}

.progress.is-black::-ms-fill {
    background-color: var(--black)
}

.progress.is-black:indeterminate {
    background-image: linear-gradient(to right, var(--black) 30%, hsl(0, 0%, 93%) 30%)
}

.progress.is-light::-webkit-progress-value {
    background-color: #f5f5f5
}

.progress.is-light::-moz-progress-bar {
    background-color: #f5f5f5
}

.progress.is-light::-ms-fill {
    background-color: #f5f5f5
}

.progress.is-light:indeterminate {
    background-image: linear-gradient(to right, hsl(0, 0%, 96%) 30%, hsl(0, 0%, 93%) 30%)
}

.progress.is-dark::-webkit-progress-value {
    background-color: var(--dark)
}

.progress.is-dark::-moz-progress-bar {
    background-color: var(--dark)
}

.progress.is-dark::-ms-fill {
    background-color: var(--dark)
}

.progress.is-dark:indeterminate {
    background-image: linear-gradient(to right, var(--dark) 30%, hsl(0, 0%, 93%) 30%)
}

.progress.is-primary::-webkit-progress-value {
    background-color: var(--primary)
}

.progress.is-primary::-moz-progress-bar {
    background-color: var(--primary)
}

.progress.is-primary::-ms-fill {
    background-color: var(--primary)
}

.progress.is-primary:indeterminate {
    background-image: linear-gradient(to right, var(--primary) 30%, hsl(0, 0%, 93%) 30%)
}

.progress.is-link::-webkit-progress-value {
    background-color: var(--link)
}

.progress.is-link::-moz-progress-bar {
    background-color: var(--link)
}

.progress.is-link::-ms-fill {
    background-color: var(--link)
}

.progress.is-link:indeterminate {
    background-image: linear-gradient(to right, var(--link) 30%, hsl(0, 0%, 93%) 30%)
}

.progress.is-info::-webkit-progress-value {
    background-color: var(--info)
}

.progress.is-info::-moz-progress-bar {
    background-color: var(--info)
}

.progress.is-info::-ms-fill {
    background-color: var(--info)
}

.progress.is-info:indeterminate {
    background-image: linear-gradient(to right, var(--info) 30%, hsl(0, 0%, 93%) 30%)
}

.progress.is-success::-webkit-progress-value {
    background-color: var(--success)
}

.progress.is-success::-moz-progress-bar {
    background-color: var(--success)
}

.progress.is-success::-ms-fill {
    background-color: var(--success)
}

.progress.is-success:indeterminate {
    background-image: linear-gradient(to right, var(--success) 30%, hsl(0, 0%, 93%) 30%)
}

.progress.is-warning::-webkit-progress-value {
    background-color: var(--warning)
}

.progress.is-warning::-moz-progress-bar {
    background-color: var(--warning)
}

.progress.is-warning::-ms-fill {
    background-color: var(--warning)
}

.progress.is-warning:indeterminate {
    background-image: linear-gradient(to right, var(--warning) 30%, hsl(0, 0%, 93%) 30%)
}

.progress.is-danger::-webkit-progress-value {
    background-color: var(--danger)
}

.progress.is-danger::-moz-progress-bar {
    background-color: var(--danger)
}

.progress.is-danger::-ms-fill {
    background-color: var(--danger)
}

.progress.is-danger:indeterminate {
    background-image: linear-gradient(to right, var(--danger) 30%, hsl(0, 0%, 93%) 30%)
}

.progress:indeterminate {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: moveIndeterminate;
    animation-timing-function: linear;
    background-color: #ededed;
    background-image: linear-gradient(to right, hsl(0, 0%, 29%) 30%, hsl(0, 0%, 93%) 30%);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 150% 150%
}

.progress:indeterminate::-webkit-progress-bar {
    background-color: transparent
}

.progress:indeterminate::-moz-progress-bar {
    background-color: transparent
}

.progress:indeterminate::-ms-fill {
    animation-name: none
}

.progress.is-small {
    height: .75rem
}

.progress.is-medium {
    height: 1.25rem
}

.progress.is-large {
    height: 1.5rem
}

@keyframes moveIndeterminate {
    0% {
        background-position: 200% 0
    }
    to {
        background-position: -200% 0
    }
}

.table {
    background-color: var(--white);
    color: #363636
}

.table td,
.table th {
    border: 1px solid hsl(0, 0%, 86%);
    border-width: 0 0 1px;
    padding: .5em .75em;
    vertical-align: top
}

.table td.is-white,
.table th.is-white {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--black)
}

.table td.is-black,
.table th.is-black {
    background-color: var(--black);
    border-color: var(--black);
    color: var(--white)
}

.table td.is-light,
.table th.is-light {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #000000b3
}

.table td.is-dark,
.table th.is-dark {
    background-color: var(--dark);
    border-color: var(--dark);
    color: var(--dark--color-invert)
}

.table td.is-primary,
.table th.is-primary {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--primary--color-invert)
}

.table td.is-link,
.table th.is-link {
    background-color: var(--link);
    border-color: var(--link);
    color: var(--link--color-invert)
}

.table td.is-info,
.table th.is-info {
    background-color: var(--info);
    border-color: var(--info);
    color: var(--info--color-invert)
}

.table td.is-success,
.table th.is-success {
    background-color: var(--success);
    border-color: var(--success);
    color: var(--success--color-invert)
}

.table td.is-warning,
.table th.is-warning {
    background-color: var(--warning);
    border-color: var(--warning);
    color: var(--warning--color-invert)
}

.table td.is-danger,
.table th.is-danger {
    background-color: var(--danger);
    border-color: var(--danger);
    color: var(--danger--color-invert)
}

.table td.is-narrow,
.table th.is-narrow {
    white-space: nowrap;
    width: 1%
}

.table td.is-selected,
.table th.is-selected {
    background-color: var(--primary);
    color: var(--primary--color-invert)
}

.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
    color: currentColor
}

.table td.is-vcentered,
.table th.is-vcentered {
    vertical-align: middle
}

.table th {
    color: #363636
}

.table th:not([align]) {
    text-align: left
}

.table tr.is-selected {
    background-color: var(--primary);
    color: var(--primary--color-invert)
}

.table tr.is-selected a,
.table tr.is-selected strong {
    color: currentColor
}

.table tr.is-selected td,
.table tr.is-selected th {
    border-color: var(--primary--color-invert);
    color: currentColor
}

.table thead {
    background-color: transparent
}

.table thead td,
.table thead th {
    border-width: 0 0 2px;
    color: #363636
}

.table tfoot {
    background-color: transparent
}

.table tfoot td,
.table tfoot th {
    border-width: 2px 0 0;
    color: #363636
}

.table tbody {
    background-color: transparent
}

.table tbody tr:last-child td,
.table tbody tr:last-child th {
    border-bottom-width: 0
}

.table.is-bordered td,
.table.is-bordered th {
    border-width: 1px
}

.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
    border-bottom-width: 1px
}

.table.is-fullwidth {
    width: 100%
}

.table.is-hoverable tbody tr:not(.is-selected):hover {
    background-color: #fafafa
}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
    background-color: #fafafa
}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(2n) {
    background-color: #f5f5f5
}

.table.is-narrow td,
.table.is-narrow th {
    padding: .25em .5em
}

.table.is-striped tbody tr:not(.is-selected):nth-child(2n) {
    background-color: #fafafa
}

.table-container {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    overflow-y: hidden;
    max-width: 100%
}

.tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.tags .tag {
    margin-bottom: .5rem
}

.tags .tag:not(:last-child) {
    margin-right: .5rem
}

.tags:last-child {
    margin-bottom: -.5rem
}

.tags:not(:last-child) {
    margin-bottom: 1rem
}

.tags.are-medium .tag:not(.is-normal):not(.is-large) {
    font-size: 1rem
}

.tags.are-large .tag:not(.is-normal):not(.is-medium) {
    font-size: 1.25rem
}

.tags.is-centered {
    justify-content: center
}

.tags.is-centered .tag {
    margin-right: .25rem;
    margin-left: .25rem
}

.tags.is-right {
    justify-content: flex-end
}

.tags.is-right .tag:not(:first-child) {
    margin-left: .5rem
}

.tags.is-right .tag:not(:last-child) {
    margin-right: 0
}

.tags.has-addons .tag {
    margin-right: 0
}

.tags.has-addons .tag:not(:first-child) {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.tags.has-addons .tag:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.tag:not(body) {
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 4px;
    color: #4a4a4a;
    display: inline-flex;
    font-size: .75rem;
    height: 2em;
    justify-content: center;
    line-height: 1.5;
    padding-left: .75em;
    padding-right: .75em;
    white-space: nowrap
}

.tag:not(body) .delete {
    margin-left: .25rem;
    margin-right: -.375rem
}

.tag:not(body).is-white {
    background-color: var(--white);
    color: var(--black)
}

.tag:not(body).is-black {
    background-color: var(--black);
    color: var(--white)
}

.tag:not(body).is-light {
    background-color: #f5f5f5;
    color: #000000b3
}

.tag:not(body).is-dark {
    background-color: var(--dark);
    color: var(--dark--color-invert)
}

.tag:not(body).is-primary {
    background-color: var(--primary);
    color: var(--primary--color-invert)
}

.tag:not(body).is-primary.is-light {
    background-color: var(--primary--light-color);
    color: var(--primary--dark-color)
}

.tag:not(body).is-link {
    background-color: var(--link);
    color: var(--link--color-invert)
}

.tag:not(body).is-link.is-light {
    background-color: var(--link--light-color);
    color: var(--link--dark-color)
}

.tag:not(body).is-info {
    background-color: var(--info);
    color: var(--info--color-invert)
}

.tag:not(body).is-info.is-light {
    background-color: var(--info--light-color);
    color: var(--info--dark-color)
}

.tag:not(body).is-success {
    background-color: var(--success);
    color: var(--success--color-invert)
}

.tag:not(body).is-success.is-light {
    background-color: var(--success--light-color);
    color: var(--success--dark-color)
}

.tag:not(body).is-warning {
    background-color: var(--warning);
    color: var(--warning--color-invert)
}

.tag:not(body).is-warning.is-light {
    background-color: var(--warning--light-color);
    color: var(--warning--dark-color)
}

.tag:not(body).is-danger {
    background-color: var(--danger);
    color: var(--danger--color-invert)
}

.tag:not(body).is-danger.is-light {
    background-color: var(--danger--light-color);
    color: var(--danger--dark-color)
}

.tag:not(body).is-normal {
    font-size: .75rem
}

.tag:not(body).is-medium {
    font-size: 1rem
}

.tag:not(body).is-large {
    font-size: 1.25rem
}

.tag:not(body) .icon:first-child:not(:last-child) {
    margin-left: -.375em;
    margin-right: .1875em
}

.tag:not(body) .icon:last-child:not(:first-child) {
    margin-left: .1875em;
    margin-right: -.375em
}

.tag:not(body) .icon:first-child:last-child {
    margin-left: -.375em;
    margin-right: -.375em
}

.tag:not(body).is-delete {
    margin-left: 1px;
    padding: 0;
    position: relative;
    width: 2em
}

.tag:not(body).is-delete:before,
.tag:not(body).is-delete:after {
    background-color: currentColor;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%) translateY(-50%) rotate(45deg);
    transform-origin: center center
}

.tag:not(body).is-delete:before {
    height: 1px;
    width: 50%
}

.tag:not(body).is-delete:after {
    height: 50%;
    width: 1px
}

.tag:not(body).is-delete:hover,
.tag:not(body).is-delete:focus {
    background-color: #e8e8e8
}

.tag:not(body).is-delete:active {
    background-color: #dbdbdb
}

.tag:not(body).is-rounded {
    border-radius: 9999px
}

a.tag:hover {
    text-decoration: underline
}

.title,
.subtitle {
    word-break: break-word
}

.title em,
.title span,
.subtitle em,
.subtitle span {
    font-weight: inherit
}

.title sub,
.subtitle sub,
.title sup,
.subtitle sup {
    font-size: .75em
}

.title .tag,
.subtitle .tag {
    vertical-align: middle
}

.title {
    color: #363636;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.125
}

.title strong {
    color: inherit;
    font-weight: inherit
}

.title:not(.is-spaced)+.subtitle {
    margin-top: -1.25rem
}

.title.is-1 {
    font-size: 3rem
}

.title.is-2 {
    font-size: 2.5rem
}

.title.is-3 {
    font-size: 2rem
}

.title.is-4 {
    font-size: 1.5rem
}

.title.is-5 {
    font-size: 1.25rem
}

.title.is-6 {
    font-size: 1rem
}

.title.is-7 {
    font-size: .75rem
}

.subtitle {
    color: #4a4a4a;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.25
}

.subtitle strong {
    color: #363636;
    font-weight: 600
}

.subtitle:not(.is-spaced)+.title {
    margin-top: -1.25rem
}

.subtitle.is-1 {
    font-size: 3rem
}

.subtitle.is-2 {
    font-size: 2.5rem
}

.subtitle.is-3 {
    font-size: 2rem
}

.subtitle.is-4 {
    font-size: 1.5rem
}

.subtitle.is-5 {
    font-size: 1.25rem
}

.subtitle.is-6 {
    font-size: 1rem
}

.subtitle.is-7 {
    font-size: .75rem
}

.heading {
    display: block;
    font-size: 11px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.number {
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 9999px;
    display: inline-flex;
    font-size: 1.25rem;
    height: 2em;
    justify-content: center;
    margin-right: 1.5rem;
    min-width: 2.5em;
    padding: .25rem .5rem;
    text-align: center;
    vertical-align: top
}

.select select,
.textarea,
.input {
    background-color: var(--white);
    border-color: #dbdbdb;
    border-radius: 4px;
    color: #363636
}

.select select::-moz-placeholder,
.textarea::-moz-placeholder,
.input::-moz-placeholder {
    color: #3636364d
}

.select select::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder,
.input::-webkit-input-placeholder {
    color: #3636364d
}

.select select:-moz-placeholder,
.textarea:-moz-placeholder,
.input:-moz-placeholder {
    color: #3636364d
}

.select select:-ms-input-placeholder,
.textarea:-ms-input-placeholder,
.input:-ms-input-placeholder {
    color: #3636364d
}

.select select:hover,
.textarea:hover,
.input:hover,
.select select.is-hovered,
.is-hovered.textarea,
.is-hovered.input {
    border-color: #b5b5b5
}

.select select:focus,
.textarea:focus,
.input:focus,
.select select.is-focused,
.is-focused.textarea,
.is-focused.input,
.select select:active,
.textarea:active,
.input:active,
.select select.is-active,
.is-active.textarea,
.is-active.input {
    border-color: var(--link);
    box-shadow: 0 0 0 .125em var(--link)
}

.select select[disabled],
[disabled].textarea,
[disabled].input,
fieldset[disabled] .select select,
.select fieldset[disabled] select,
fieldset[disabled] .textarea,
fieldset[disabled] .input {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    box-shadow: none;
    color: #7a7a7a
}

.select select[disabled]::-moz-placeholder,
[disabled].textarea::-moz-placeholder,
[disabled].input::-moz-placeholder,
fieldset[disabled] .select select::-moz-placeholder,
.select fieldset[disabled] select::-moz-placeholder,
fieldset[disabled] .textarea::-moz-placeholder,
fieldset[disabled] .input::-moz-placeholder {
    color: #7a7a7a4d
}

.select select[disabled]::-webkit-input-placeholder,
[disabled].textarea::-webkit-input-placeholder,
[disabled].input::-webkit-input-placeholder,
fieldset[disabled] .select select::-webkit-input-placeholder,
.select fieldset[disabled] select::-webkit-input-placeholder,
fieldset[disabled] .textarea::-webkit-input-placeholder,
fieldset[disabled] .input::-webkit-input-placeholder {
    color: #7a7a7a4d
}

.select select[disabled]:-moz-placeholder,
[disabled].textarea:-moz-placeholder,
[disabled].input:-moz-placeholder,
fieldset[disabled] .select select:-moz-placeholder,
.select fieldset[disabled] select:-moz-placeholder,
fieldset[disabled] .textarea:-moz-placeholder,
fieldset[disabled] .input:-moz-placeholder {
    color: #7a7a7a4d
}

.select select[disabled]:-ms-input-placeholder,
[disabled].textarea:-ms-input-placeholder,
[disabled].input:-ms-input-placeholder,
fieldset[disabled] .select select:-ms-input-placeholder,
.select fieldset[disabled] select:-ms-input-placeholder,
fieldset[disabled] .textarea:-ms-input-placeholder,
fieldset[disabled] .input:-ms-input-placeholder {
    color: #7a7a7a4d
}

.textarea,
.input {
    box-shadow: inset 0 .0625em .125em var(--black--5--rgba);
    max-width: 100%;
    width: 100%
}

[readonly].textarea,
[readonly].input {
    box-shadow: none
}

.is-white.textarea,
.is-white.input {
    border-color: var(--white)
}

.is-white.textarea:focus,
.is-white.input:focus,
.is-white.is-focused.textarea,
.is-white.is-focused.input,
.is-white.textarea:active,
.is-white.input:active,
.is-white.is-active.textarea,
.is-white.is-active.input {
    box-shadow: 0 0 0 .125em var(--white)
}

.is-black.textarea,
.is-black.input {
    border-color: var(--black)
}

.is-black.textarea:focus,
.is-black.input:focus,
.is-black.is-focused.textarea,
.is-black.is-focused.input,
.is-black.textarea:active,
.is-black.input:active,
.is-black.is-active.textarea,
.is-black.is-active.input {
    box-shadow: 0 0 0 .125em var(--black)
}

.is-light.textarea,
.is-light.input {
    border-color: #f5f5f5
}

.is-light.textarea:focus,
.is-light.input:focus,
.is-light.is-focused.textarea,
.is-light.is-focused.input,
.is-light.textarea:active,
.is-light.input:active,
.is-light.is-active.textarea,
.is-light.is-active.input {
    box-shadow: 0 0 0 .125em #f5f5f540
}

.is-dark.textarea,
.is-dark.input {
    border-color: var(--dark)
}

.is-dark.textarea:focus,
.is-dark.input:focus,
.is-dark.is-focused.textarea,
.is-dark.is-focused.input,
.is-dark.textarea:active,
.is-dark.input:active,
.is-dark.is-active.textarea,
.is-dark.is-active.input {
    box-shadow: 0 0 0 .125em var(--dark)
}

.is-primary.textarea,
.is-primary.input {
    border-color: var(--primary)
}

.is-primary.textarea:focus,
.is-primary.input:focus,
.is-primary.is-focused.textarea,
.is-primary.is-focused.input,
.is-primary.textarea:active,
.is-primary.input:active,
.is-primary.is-active.textarea,
.is-primary.is-active.input {
    box-shadow: 0 0 0 .125em var(--primary)
}

.is-link.textarea,
.is-link.input {
    border-color: var(--link)
}

.is-link.textarea:focus,
.is-link.input:focus,
.is-link.is-focused.textarea,
.is-link.is-focused.input,
.is-link.textarea:active,
.is-link.input:active,
.is-link.is-active.textarea,
.is-link.is-active.input {
    box-shadow: 0 0 0 .125em var(--link)
}

.is-info.textarea,
.is-info.input {
    border-color: var(--info)
}

.is-info.textarea:focus,
.is-info.input:focus,
.is-info.is-focused.textarea,
.is-info.is-focused.input,
.is-info.textarea:active,
.is-info.input:active,
.is-info.is-active.textarea,
.is-info.is-active.input {
    box-shadow: 0 0 0 .125em var(--info)
}

.is-success.textarea,
.is-success.input {
    border-color: var(--success)
}

.is-success.textarea:focus,
.is-success.input:focus,
.is-success.is-focused.textarea,
.is-success.is-focused.input,
.is-success.textarea:active,
.is-success.input:active,
.is-success.is-active.textarea,
.is-success.is-active.input {
    box-shadow: 0 0 0 .125em var(--success)
}

.is-warning.textarea,
.is-warning.input {
    border-color: var(--warning)
}

.is-warning.textarea:focus,
.is-warning.input:focus,
.is-warning.is-focused.textarea,
.is-warning.is-focused.input,
.is-warning.textarea:active,
.is-warning.input:active,
.is-warning.is-active.textarea,
.is-warning.is-active.input {
    box-shadow: 0 0 0 .125em var(--warning)
}

.is-danger.textarea,
.is-danger.input {
    border-color: var(--danger)
}

.is-danger.textarea:focus,
.is-danger.input:focus,
.is-danger.is-focused.textarea,
.is-danger.is-focused.input,
.is-danger.textarea:active,
.is-danger.input:active,
.is-danger.is-active.textarea,
.is-danger.is-active.input {
    box-shadow: 0 0 0 .125em var(--danger)
}

.is-small.textarea,
.is-small.input {
    border-radius: 2px;
    font-size: .75rem
}

.is-medium.textarea,
.is-medium.input {
    font-size: 1.25rem
}

.is-large.textarea,
.is-large.input {
    font-size: 1.5rem
}

.is-fullwidth.textarea,
.is-fullwidth.input {
    display: block;
    width: 100%
}

.is-inline.textarea,
.is-inline.input {
    display: inline;
    width: auto
}

.input.is-rounded {
    border-radius: 9999px;
    padding-left: calc(1.125em - 1px);
    padding-right: calc(1.125em - 1px)
}

.input.is-static {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0
}

.textarea {
    display: block;
    max-width: 100%;
    min-width: 100%;
    padding: calc(.75em - 1px);
    resize: vertical
}

.textarea:not([rows]) {
    max-height: 40em;
    min-height: 8em
}

.textarea[rows] {
    height: initial
}

.textarea.has-fixed-size {
    resize: none
}

.radio,
.checkbox {
    cursor: pointer;
    display: inline-block;
    line-height: 1.25;
    position: relative
}

.radio input,
.checkbox input {
    cursor: pointer
}

.radio:hover,
.checkbox:hover {
    color: #363636
}

[disabled].radio,
[disabled].checkbox,
fieldset[disabled] .radio,
fieldset[disabled] .checkbox,
.radio input[disabled],
.checkbox input[disabled] {
    color: #7a7a7a;
    cursor: not-allowed
}

.radio+.radio {
    margin-left: .5em
}

.select {
    display: inline-block;
    max-width: 100%;
    position: relative;
    vertical-align: top
}

.select:not(.is-multiple) {
    height: 2.5em
}

.select:not(.is-multiple):not(.is-loading):after {
    border-color: var(--link);
    right: 1.125em;
    z-index: 4
}

.select.is-rounded select {
    border-radius: 9999px;
    padding-left: 1em
}

.select select {
    cursor: pointer;
    display: block;
    font-size: 1em;
    max-width: 100%;
    outline: none
}

.select select::-ms-expand {
    display: none
}

.select select[disabled]:hover,
fieldset[disabled] .select select:hover {
    border-color: #f5f5f5
}

.select select:not([multiple]) {
    padding-right: 2.5em
}

.select select[multiple] {
    height: auto;
    padding: 0
}

.select select[multiple] option {
    padding: .5em 1em
}

.select:not(.is-multiple):not(.is-loading):hover:after {
    border-color: #363636
}

.select.is-white:not(:hover):after {
    border-color: var(--white)
}

.select.is-white select,
.select.is-white select:hover,
.select.is-white select.is-hovered {
    border-color: var(--white)
}

.select.is-white select:focus,
.select.is-white select.is-focused,
.select.is-white select:active,
.select.is-white select.is-active {
    box-shadow: 0 0 0 .125em var(--white)
}

.select.is-black:not(:hover):after {
    border-color: var(--black)
}

.select.is-black select,
.select.is-black select:hover,
.select.is-black select.is-hovered {
    border-color: var(--black)
}

.select.is-black select:focus,
.select.is-black select.is-focused,
.select.is-black select:active,
.select.is-black select.is-active {
    box-shadow: 0 0 0 .125em var(--black)
}

.select.is-light:not(:hover):after {
    border-color: #f5f5f5
}

.select.is-light select {
    border-color: #f5f5f5
}

.select.is-light select:hover,
.select.is-light select.is-hovered {
    border-color: #e8e8e8
}

.select.is-light select:focus,
.select.is-light select.is-focused,
.select.is-light select:active,
.select.is-light select.is-active {
    box-shadow: 0 0 0 .125em #f5f5f540
}

.select.is-dark:not(:hover):after {
    border-color: var(--dark)
}

.select.is-dark select,
.select.is-dark select:hover,
.select.is-dark select.is-hovered {
    border-color: var(--dark)
}

.select.is-dark select:focus,
.select.is-dark select.is-focused,
.select.is-dark select:active,
.select.is-dark select.is-active {
    box-shadow: 0 0 0 .125em var(--dark)
}

.select.is-primary:not(:hover):after {
    border-color: var(--primary)
}

.select.is-primary select,
.select.is-primary select:hover,
.select.is-primary select.is-hovered {
    border-color: var(--primary)
}

.select.is-primary select:focus,
.select.is-primary select.is-focused,
.select.is-primary select:active,
.select.is-primary select.is-active {
    box-shadow: 0 0 0 .125em var(--primary)
}

.select.is-link:not(:hover):after {
    border-color: var(--link)
}

.select.is-link select,
.select.is-link select:hover,
.select.is-link select.is-hovered {
    border-color: var(--link)
}

.select.is-link select:focus,
.select.is-link select.is-focused,
.select.is-link select:active,
.select.is-link select.is-active {
    box-shadow: 0 0 0 .125em var(--link)
}

.select.is-info:not(:hover):after {
    border-color: var(--info)
}

.select.is-info select,
.select.is-info select:hover,
.select.is-info select.is-hovered {
    border-color: var(--info)
}

.select.is-info select:focus,
.select.is-info select.is-focused,
.select.is-info select:active,
.select.is-info select.is-active {
    box-shadow: 0 0 0 .125em var(--info)
}

.select.is-success:not(:hover):after {
    border-color: var(--success)
}

.select.is-success select,
.select.is-success select:hover,
.select.is-success select.is-hovered {
    border-color: var(--success)
}

.select.is-success select:focus,
.select.is-success select.is-focused,
.select.is-success select:active,
.select.is-success select.is-active {
    box-shadow: 0 0 0 .125em var(--success)
}

.select.is-warning:not(:hover):after {
    border-color: var(--warning)
}

.select.is-warning select,
.select.is-warning select:hover,
.select.is-warning select.is-hovered {
    border-color: var(--warning)
}

.select.is-warning select:focus,
.select.is-warning select.is-focused,
.select.is-warning select:active,
.select.is-warning select.is-active {
    box-shadow: 0 0 0 .125em var(--warning)
}

.select.is-danger:not(:hover):after {
    border-color: var(--danger)
}

.select.is-danger select,
.select.is-danger select:hover,
.select.is-danger select.is-hovered {
    border-color: var(--danger)
}

.select.is-danger select:focus,
.select.is-danger select.is-focused,
.select.is-danger select:active,
.select.is-danger select.is-active {
    box-shadow: 0 0 0 .125em var(--danger)
}

.select.is-small {
    border-radius: 2px;
    font-size: .75rem
}

.select.is-medium {
    font-size: 1.25rem
}

.select.is-large {
    font-size: 1.5rem
}

.select.is-disabled:after {
    border-color: #7a7a7a !important;
    opacity: .5
}

.select.is-fullwidth,
.select.is-fullwidth select {
    width: 100%
}

.select.is-loading:after {
    margin-top: 0;
    position: absolute;
    right: .625em;
    top: .625em;
    transform: none
}

.select.is-loading.is-small:after {
    font-size: .75rem
}

.select.is-loading.is-medium:after {
    font-size: 1.25rem
}

.select.is-loading.is-large:after {
    font-size: 1.5rem
}

.file {
    align-items: stretch;
    display: flex;
    justify-content: flex-start;
    position: relative
}

.file.is-white .file-cta,
.file.is-white:hover .file-cta,
.file.is-white.is-hovered .file-cta {
    background-color: var(--white);
    border-color: transparent;
    color: var(--black)
}

.file.is-white:focus .file-cta,
.file.is-white.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 .5em var(--white);
    color: var(--black)
}

.file.is-white:active .file-cta,
.file.is-white.is-active .file-cta {
    background-color: var(--white);
    border-color: transparent;
    color: var(--black)
}

.file.is-black .file-cta,
.file.is-black:hover .file-cta,
.file.is-black.is-hovered .file-cta {
    background-color: var(--black);
    border-color: transparent;
    color: var(--white)
}

.file.is-black:focus .file-cta,
.file.is-black.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 .5em var(--black);
    color: var(--white)
}

.file.is-black:active .file-cta,
.file.is-black.is-active .file-cta {
    background-color: var(--black);
    border-color: transparent;
    color: var(--white)
}

.file.is-light .file-cta {
    background-color: #f5f5f5;
    border-color: transparent;
    color: #000000b3
}

.file.is-light:hover .file-cta,
.file.is-light.is-hovered .file-cta {
    background-color: #eee;
    border-color: transparent;
    color: #000000b3
}

.file.is-light:focus .file-cta,
.file.is-light.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 .5em #f5f5f540;
    color: #000000b3
}

.file.is-light:active .file-cta,
.file.is-light.is-active .file-cta {
    background-color: #e8e8e8;
    border-color: transparent;
    color: #000000b3
}

.file.is-dark .file-cta,
.file.is-dark:hover .file-cta,
.file.is-dark.is-hovered .file-cta {
    background-color: var(--dark);
    border-color: transparent;
    color: var(--dark--color-invert)
}

.file.is-dark:focus .file-cta,
.file.is-dark.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 .5em var(--dark);
    color: var(--dark--color-invert)
}

.file.is-dark:active .file-cta,
.file.is-dark.is-active .file-cta {
    background-color: var(--dark);
    border-color: transparent;
    color: var(--dark--color-invert)
}

.file.is-primary .file-cta,
.file.is-primary:hover .file-cta,
.file.is-primary.is-hovered .file-cta {
    background-color: var(--primary);
    border-color: transparent;
    color: var(--primary--color-invert)
}

.file.is-primary:focus .file-cta,
.file.is-primary.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 .5em var(--primary);
    color: var(--primary--color-invert)
}

.file.is-primary:active .file-cta,
.file.is-primary.is-active .file-cta {
    background-color: var(--primary);
    border-color: transparent;
    color: var(--primary--color-invert)
}

.file.is-link .file-cta,
.file.is-link:hover .file-cta,
.file.is-link.is-hovered .file-cta {
    background-color: var(--link);
    border-color: transparent;
    color: var(--link--color-invert)
}

.file.is-link:focus .file-cta,
.file.is-link.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 .5em var(--link);
    color: var(--link--color-invert)
}

.file.is-link:active .file-cta,
.file.is-link.is-active .file-cta {
    background-color: var(--link);
    border-color: transparent;
    color: var(--link--color-invert)
}

.file.is-info .file-cta,
.file.is-info:hover .file-cta,
.file.is-info.is-hovered .file-cta {
    background-color: var(--info);
    border-color: transparent;
    color: var(--info--color-invert)
}

.file.is-info:focus .file-cta,
.file.is-info.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 .5em var(--info);
    color: var(--info--color-invert)
}

.file.is-info:active .file-cta,
.file.is-info.is-active .file-cta {
    background-color: var(--info);
    border-color: transparent;
    color: var(--info--color-invert)
}

.file.is-success .file-cta,
.file.is-success:hover .file-cta,
.file.is-success.is-hovered .file-cta {
    background-color: var(--success);
    border-color: transparent;
    color: var(--success--color-invert)
}

.file.is-success:focus .file-cta,
.file.is-success.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 .5em var(--success);
    color: var(--success--color-invert)
}

.file.is-success:active .file-cta,
.file.is-success.is-active .file-cta {
    background-color: var(--success);
    border-color: transparent;
    color: var(--success--color-invert)
}

.file.is-warning .file-cta,
.file.is-warning:hover .file-cta,
.file.is-warning.is-hovered .file-cta {
    background-color: var(--warning);
    border-color: transparent;
    color: var(--warning--color-invert)
}

.file.is-warning:focus .file-cta,
.file.is-warning.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 .5em var(--warning);
    color: var(--warning--color-invert)
}

.file.is-warning:active .file-cta,
.file.is-warning.is-active .file-cta {
    background-color: var(--warning);
    border-color: transparent;
    color: var(--warning--color-invert)
}

.file.is-danger .file-cta,
.file.is-danger:hover .file-cta,
.file.is-danger.is-hovered .file-cta {
    background-color: var(--danger);
    border-color: transparent;
    color: var(--danger--color-invert)
}

.file.is-danger:focus .file-cta,
.file.is-danger.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 .5em var(--danger);
    color: var(--danger--color-invert)
}

.file.is-danger:active .file-cta,
.file.is-danger.is-active .file-cta {
    background-color: var(--danger);
    border-color: transparent;
    color: var(--danger--color-invert)
}

.file.is-small {
    font-size: .75rem
}

.file.is-normal {
    font-size: 1rem
}

.file.is-medium {
    font-size: 1.25rem
}

.file.is-medium .file-icon .fa {
    font-size: 21px
}

.file.is-large {
    font-size: 1.5rem
}

.file.is-large .file-icon .fa {
    font-size: 28px
}

.file.has-name .file-cta {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.file.has-name .file-name {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.file.has-name.is-empty .file-cta {
    border-radius: 4px
}

.file.has-name.is-empty .file-name {
    display: none
}

.file.is-boxed .file-label {
    flex-direction: column
}

.file.is-boxed .file-cta {
    flex-direction: column;
    height: auto;
    padding: 1em 3em
}

.file.is-boxed .file-name {
    border-width: 0 1px 1px
}

.file.is-boxed .file-icon {
    height: 1.5em;
    width: 1.5em
}

.file.is-boxed .file-icon .fa {
    font-size: 21px
}

.file.is-boxed.is-small .file-icon .fa {
    font-size: 14px
}

.file.is-boxed.is-medium .file-icon .fa {
    font-size: 28px
}

.file.is-boxed.is-large .file-icon .fa {
    font-size: 35px
}

.file.is-boxed.has-name .file-cta {
    border-radius: 4px 4px 0 0
}

.file.is-boxed.has-name .file-name {
    border-radius: 0 0 4px 4px;
    border-width: 0 1px 1px
}

.file.is-centered {
    justify-content: center
}

.file.is-fullwidth .file-label {
    width: 100%
}

.file.is-fullwidth .file-name {
    flex-grow: 1;
    max-width: none
}

.file.is-right {
    justify-content: flex-end
}

.file.is-right .file-cta {
    border-radius: 0 4px 4px 0
}

.file.is-right .file-name {
    border-radius: 4px 0 0 4px;
    border-width: 1px 0 1px 1px;
    order: -1
}

.file-label {
    align-items: stretch;
    display: flex;
    cursor: pointer;
    justify-content: flex-start;
    overflow: hidden;
    position: relative
}

.file-label:hover .file-cta {
    background-color: #eee;
    color: #363636
}

.file-label:hover .file-name {
    border-color: #d5d5d5
}

.file-label:active .file-cta {
    background-color: #e8e8e8;
    color: #363636
}

.file-label:active .file-name {
    border-color: #cfcfcf
}

.file-input {
    height: 100%;
    left: 0;
    opacity: 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 100%
}

.file-cta,
.file-name {
    border-color: #dbdbdb;
    border-radius: 4px;
    font-size: 1em;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap
}

.file-cta {
    background-color: #f5f5f5;
    color: #4a4a4a
}

.file-name {
    border-color: #dbdbdb;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    display: block;
    max-width: 16em;
    overflow: hidden;
    text-align: inherit;
    text-overflow: ellipsis
}

.file-icon {
    align-items: center;
    display: flex;
    height: 1em;
    justify-content: center;
    margin-right: .5em;
    width: 1em
}

.file-icon .fa {
    font-size: 14px
}

.label {
    color: #363636;
    display: block;
    font-size: 1rem;
    font-weight: 700
}

.label:not(:last-child) {
    margin-bottom: .5em
}

.label.is-small {
    font-size: .75rem
}

.label.is-medium {
    font-size: 1.25rem
}

.label.is-large {
    font-size: 1.5rem
}

.help {
    display: block;
    font-size: .75rem;
    margin-top: .25rem
}

.help.is-white {
    color: var(--white)
}

.help.is-black {
    color: var(--black)
}

.help.is-light {
    color: #f5f5f5
}

.help.is-dark {
    color: var(--dark)
}

.help.is-primary {
    color: var(--primary)
}

.help.is-link {
    color: var(--link)
}

.help.is-info {
    color: var(--info)
}

.help.is-success {
    color: var(--success)
}

.help.is-warning {
    color: var(--warning)
}

.help.is-danger {
    color: var(--danger)
}

.field:not(:last-child) {
    margin-bottom: .75rem
}

.field.has-addons {
    display: flex;
    justify-content: flex-start
}

.field.has-addons .control:not(:last-child) {
    margin-right: -1px
}

.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
    border-radius: 0
}

.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.field.has-addons .control .button:not([disabled]):hover,
.field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered {
    z-index: 2
}

.field.has-addons .control .button:not([disabled]):focus,
.field.has-addons .control .button:not([disabled]).is-focused,
.field.has-addons .control .button:not([disabled]):active,
.field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]).is-active {
    z-index: 3
}

.field.has-addons .control .button:not([disabled]):focus:hover,
.field.has-addons .control .button:not([disabled]).is-focused:hover,
.field.has-addons .control .button:not([disabled]):active:hover,
.field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover {
    z-index: 4
}

.field.has-addons .control.is-expanded {
    flex-grow: 1;
    flex-shrink: 1
}

.field.has-addons.has-addons-centered {
    justify-content: center
}

.field.has-addons.has-addons-right {
    justify-content: flex-end
}

.field.has-addons.has-addons-fullwidth .control {
    flex-grow: 1;
    flex-shrink: 0
}

.field.is-grouped {
    display: flex;
    justify-content: flex-start
}

.field.is-grouped>.control {
    flex-shrink: 0
}

.field.is-grouped>.control:not(:last-child) {
    margin-bottom: 0;
    margin-right: .75rem
}

.field.is-grouped>.control.is-expanded {
    flex-grow: 1;
    flex-shrink: 1
}

.field.is-grouped.is-grouped-centered {
    justify-content: center
}

.field.is-grouped.is-grouped-right {
    justify-content: flex-end
}

.field.is-grouped.is-grouped-multiline {
    flex-wrap: wrap
}

.field.is-grouped.is-grouped-multiline>.control:last-child,
.field.is-grouped.is-grouped-multiline>.control:not(:last-child) {
    margin-bottom: .75rem
}

.field.is-grouped.is-grouped-multiline:last-child {
    margin-bottom: -.75rem
}

.field.is-grouped.is-grouped-multiline:not(:last-child) {
    margin-bottom: 0
}

@media screen and (min-width: 769px),
print {
    .field.is-horizontal {
        display: flex
    }
}

.field-label .label {
    font-size: inherit
}

@media screen and (max-width: 768px) {
    .field-label {
        margin-bottom: .5rem
    }
}

@media screen and (min-width: 769px),
print {
    .field-label {
        flex-basis: 0;
        flex-grow: 1;
        flex-shrink: 0;
        margin-right: 1.5rem;
        text-align: right
    }
    .field-label.is-small {
        font-size: .75rem;
        padding-top: .375em
    }
    .field-label.is-normal {
        padding-top: .375em
    }
    .field-label.is-medium {
        font-size: 1.25rem;
        padding-top: .375em
    }
    .field-label.is-large {
        font-size: 1.5rem;
        padding-top: .375em
    }
}

.field-body .field .field {
    margin-bottom: 0
}

@media screen and (min-width: 769px),
print {
    .field-body {
        display: flex;
        flex-basis: 0;
        flex-grow: 5;
        flex-shrink: 1
    }
    .field-body .field {
        margin-bottom: 0
    }
    .field-body>.field {
        flex-shrink: 1
    }
    .field-body>.field:not(.is-narrow) {
        flex-grow: 1
    }
    .field-body>.field:not(:last-child) {
        margin-right: .75rem
    }
}

.control {
    box-sizing: border-box;
    clear: both;
    font-size: 1rem;
    position: relative;
    text-align: inherit
}

.control.has-icons-left .input:focus~.icon,
.control.has-icons-left .select:focus~.icon,
.control.has-icons-right .input:focus~.icon,
.control.has-icons-right .select:focus~.icon {
    color: #4a4a4a
}

.control.has-icons-left .input.is-small~.icon,
.control.has-icons-left .select.is-small~.icon,
.control.has-icons-right .input.is-small~.icon,
.control.has-icons-right .select.is-small~.icon {
    font-size: .75rem
}

.control.has-icons-left .input.is-medium~.icon,
.control.has-icons-left .select.is-medium~.icon,
.control.has-icons-right .input.is-medium~.icon,
.control.has-icons-right .select.is-medium~.icon {
    font-size: 1.25rem
}

.control.has-icons-left .input.is-large~.icon,
.control.has-icons-left .select.is-large~.icon,
.control.has-icons-right .input.is-large~.icon,
.control.has-icons-right .select.is-large~.icon {
    font-size: 1.5rem
}

.control.has-icons-left .icon,
.control.has-icons-right .icon {
    color: #dbdbdb;
    height: 2.5em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 2.5em;
    z-index: 4
}

.control.has-icons-left .input,
.control.has-icons-left .select select {
    padding-left: 2.5em
}

.control.has-icons-left .icon.is-left {
    left: 0
}

.control.has-icons-right .input,
.control.has-icons-right .select select {
    padding-right: 2.5em
}

.control.has-icons-right .icon.is-right {
    right: 0
}

.control.is-loading:after {
    position: absolute !important;
    right: .625em;
    top: .625em;
    z-index: 4
}

.control.is-loading.is-small:after {
    font-size: .75rem
}

.control.is-loading.is-medium:after {
    font-size: 1.25rem
}

.control.is-loading.is-large:after {
    font-size: 1.5rem
}

.breadcrumb {
    font-size: 1rem;
    white-space: nowrap
}

.breadcrumb a {
    align-items: center;
    color: var(--link);
    display: flex;
    justify-content: center;
    padding: 0 .75em
}

.breadcrumb a:hover {
    color: #363636
}

.breadcrumb li {
    align-items: center;
    display: flex
}

.breadcrumb li:first-child a {
    padding-left: 0
}

.breadcrumb li.is-active a {
    color: #363636;
    cursor: default;
    pointer-events: none
}

.breadcrumb li+li:before {
    color: #b5b5b5;
    content: "/"
}

.breadcrumb ul,
.breadcrumb ol {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.breadcrumb .icon:first-child {
    margin-right: .5em
}

.breadcrumb .icon:last-child {
    margin-left: .5em
}

.breadcrumb.is-centered ol,
.breadcrumb.is-centered ul {
    justify-content: center
}

.breadcrumb.is-right ol,
.breadcrumb.is-right ul {
    justify-content: flex-end
}

.breadcrumb.is-small {
    font-size: .75rem
}

.breadcrumb.is-medium {
    font-size: 1.25rem
}

.breadcrumb.is-large {
    font-size: 1.5rem
}

.breadcrumb.has-arrow-separator li+li:before {
    content: "→"
}

.breadcrumb.has-bullet-separator li+li:before {
    content: "•"
}

.breadcrumb.has-dot-separator li+li:before {
    content: "·"
}

.breadcrumb.has-succeeds-separator li+li:before {
    content: "≻"
}

.card {
    background-color: var(--white);
    border-radius: .25rem;
    box-shadow: 0 .5em 1em -.125em var(--black--10--rgba), 0 0 0 1px var(--black--2--rgba);
    color: #4a4a4a;
    max-width: 100%;
    position: relative
}

.card-footer:first-child,
.card-content:first-child,
.card-header:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card-footer:last-child,
.card-content:last-child,
.card-header:last-child {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.card-header {
    background-color: transparent;
    align-items: stretch;
    box-shadow: 0 .125em .25em var(--black--10--rgba);
    display: flex
}

.card-header-title {
    align-items: center;
    color: #363636;
    display: flex;
    flex-grow: 1;
    font-weight: 700;
    padding: .75rem 1rem
}

.card-header-title.is-centered {
    justify-content: center
}

.card-header-icon {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: currentColor;
    font-family: inherit;
    font-size: 1em;
    margin: 0;
    padding: 0;
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: .75rem 1rem
}

.card-image {
    display: block;
    position: relative
}

.card-image:first-child img {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card-image:last-child img {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.card-content {
    background-color: transparent;
    padding: 1.5rem
}

.card-footer {
    background-color: transparent;
    border-top: 1px solid hsl(0, 0%, 93%);
    align-items: stretch;
    display: flex
}

.card-footer-item {
    align-items: center;
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: center;
    padding: .75rem
}

.card-footer-item:not(:last-child) {
    border-right: 1px solid hsl(0, 0%, 93%)
}

.card .media:not(:last-child) {
    margin-bottom: 1.5rem
}

.dropdown {
    display: inline-flex;
    position: relative;
    vertical-align: top
}

.dropdown.is-active .dropdown-menu,
.dropdown.is-hoverable:hover .dropdown-menu {
    display: block
}

.dropdown.is-right .dropdown-menu {
    left: auto;
    right: 0
}

.dropdown.is-up .dropdown-menu {
    bottom: 100%;
    padding-bottom: 4px;
    padding-top: initial;
    top: auto
}

.dropdown-menu {
    display: none;
    left: 0;
    min-width: 12rem;
    padding-top: 4px;
    position: absolute;
    top: 100%;
    z-index: 20
}

.dropdown-content {
    background-color: var(--white);
    border-radius: 4px;
    box-shadow: 0 .5em 1em -.125em var(--black--10--rgba), 0 0 0 1px var(--black--2--rgba);
    padding-bottom: .5rem;
    padding-top: .5rem
}

.dropdown-item {
    color: #4a4a4a;
    display: block;
    font-size: .875rem;
    line-height: 1.5;
    padding: .375rem 1rem;
    position: relative
}

a.dropdown-item,
button.dropdown-item {
    padding-right: 3rem;
    text-align: inherit;
    white-space: nowrap;
    width: 100%
}

a.dropdown-item:hover,
button.dropdown-item:hover {
    background-color: #f5f5f5;
    color: var(--black)
}

a.dropdown-item.is-active,
button.dropdown-item.is-active {
    background-color: var(--link);
    color: var(--link--color-invert)
}

.dropdown-divider {
    background-color: #ededed;
    border: none;
    display: block;
    height: 1px;
    margin: .5rem 0
}

.level {
    align-items: center;
    justify-content: space-between
}

.level code {
    border-radius: 4px
}

.level img {
    display: inline-block;
    vertical-align: top
}

.level.is-mobile,
.level.is-mobile .level-left,
.level.is-mobile .level-right {
    display: flex
}

.level.is-mobile .level-left+.level-right {
    margin-top: 0
}

.level.is-mobile .level-item:not(:last-child) {
    margin-bottom: 0;
    margin-right: .75rem
}

.level.is-mobile .level-item:not(.is-narrow) {
    flex-grow: 1
}

@media screen and (min-width: 769px),
print {
    .level {
        display: flex
    }
    .level>.level-item:not(.is-narrow) {
        flex-grow: 1
    }
}

.level-item {
    align-items: center;
    display: flex;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center
}

.level-item .title,
.level-item .subtitle {
    margin-bottom: 0
}

@media screen and (max-width: 768px) {
    .level-item:not(:last-child) {
        margin-bottom: .75rem
    }
}

.level-left,
.level-right {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
    flex-grow: 1
}

@media screen and (min-width: 769px),
print {
    .level-left .level-item:not(:last-child),
    .level-right .level-item:not(:last-child) {
        margin-right: .75rem
    }
}

.level-left {
    align-items: center;
    justify-content: flex-start
}

@media screen and (max-width: 768px) {
    .level-left+.level-right {
        margin-top: 1.5rem
    }
}

@media screen and (min-width: 769px),
print {
    .level-left {
        display: flex
    }
}

.level-right {
    align-items: center;
    justify-content: flex-end
}

@media screen and (min-width: 769px),
print {
    .level-right {
        display: flex
    }
}

.media {
    align-items: flex-start;
    display: flex;
    text-align: inherit
}

.media .content:not(:last-child) {
    margin-bottom: .75rem
}

.media .media {
    border-top: 1px solid rgba(219, 219, 219, .5);
    display: flex;
    padding-top: .75rem
}

.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
    margin-bottom: .5rem
}

.media .media .media {
    padding-top: .5rem
}

.media .media .media+.media {
    margin-top: .5rem
}

.media+.media {
    border-top: 1px solid rgba(219, 219, 219, .5);
    margin-top: 1rem;
    padding-top: 1rem
}

.media.is-large+.media {
    margin-top: 1.5rem;
    padding-top: 1.5rem
}

.media-left,
.media-right {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.media-left {
    margin-right: 1rem
}

.media-right {
    margin-left: 1rem
}

.media-content {
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    text-align: inherit
}

@media screen and (max-width: 768px) {
    .media-content {
        overflow-x: auto
    }
}

.menu {
    font-size: 1rem
}

.menu.is-small {
    font-size: .75rem
}

.menu.is-medium {
    font-size: 1.25rem
}

.menu.is-large {
    font-size: 1.5rem
}

.menu-list {
    line-height: 1.25
}

.menu-list a {
    border-radius: 2px;
    color: #4a4a4a;
    display: block;
    padding: .5em .75em
}

.menu-list a:hover {
    background-color: #f5f5f5;
    color: #363636
}

.menu-list a.is-active {
    background-color: var(--link);
    color: var(--link--color-invert)
}

.menu-list li ul {
    border-left: 1px solid hsl(0, 0%, 86%);
    margin: .75em;
    padding-left: .75em
}

.menu-label {
    color: #7a7a7a;
    font-size: .75em;
    letter-spacing: .1em;
    text-transform: uppercase
}

.menu-label:not(:first-child) {
    margin-top: 1em
}

.menu-label:not(:last-child) {
    margin-bottom: 1em
}

.message {
    background-color: #f5f5f5;
    border-radius: 4px;
    font-size: 1rem
}

.message strong {
    color: currentColor
}

.message a:not(.button):not(.tag):not(.dropdown-item) {
    color: currentColor;
    text-decoration: underline
}

.message.is-small {
    font-size: .75rem
}

.message.is-medium {
    font-size: 1.25rem
}

.message.is-large {
    font-size: 1.5rem
}

.message.is-white {
    background-color: var(--white--800--lighten)
}

.message.is-white .message-header {
    background-color: var(--white);
    color: var(--black)
}

.message.is-white .message-body {
    border-color: var(--white)
}

.message.is-black {
    background-color: var(--black--800--lighten)
}

.message.is-black .message-header {
    background-color: var(--black);
    color: var(--white)
}

.message.is-black .message-body {
    border-color: var(--black)
}

.message.is-light {
    background-color: #fafafa
}

.message.is-light .message-header {
    background-color: #f5f5f5;
    color: #000000b3
}

.message.is-light .message-body {
    border-color: #f5f5f5
}

.message.is-dark {
    background-color: var(--dark--800--lighten)
}

.message.is-dark .message-header {
    background-color: var(--dark);
    color: var(--dark--color-invert)
}

.message.is-dark .message-body {
    border-color: var(--dark)
}

.message.is-primary {
    background-color: var(--primary--light-color)
}

.message.is-primary .message-header {
    background-color: var(--primary);
    color: var(--primary--color-invert)
}

.message.is-primary .message-body {
    border-color: var(--primary);
    color: var(--primary--dark-color)
}

.message.is-link {
    background-color: var(--link--light-color)
}

.message.is-link .message-header {
    background-color: var(--link);
    color: var(--link--color-invert)
}

.message.is-link .message-body {
    border-color: var(--link);
    color: var(--link--dark-color)
}

.message.is-info {
    background-color: var(--info--light-color)
}

.message.is-info .message-header {
    background-color: var(--info);
    color: var(--info--color-invert)
}

.message.is-info .message-body {
    border-color: var(--info);
    color: var(--info--dark-color)
}

.message.is-success {
    background-color: var(--success--light-color)
}

.message.is-success .message-header {
    background-color: var(--success);
    color: var(--success--color-invert)
}

.message.is-success .message-body {
    border-color: var(--success);
    color: var(--success--dark-color)
}

.message.is-warning {
    background-color: var(--warning--light-color)
}

.message.is-warning .message-header {
    background-color: var(--warning);
    color: var(--warning--color-invert)
}

.message.is-warning .message-body {
    border-color: var(--warning);
    color: var(--warning--dark-color)
}

.message.is-danger {
    background-color: var(--danger--light-color)
}

.message.is-danger .message-header {
    background-color: var(--danger);
    color: var(--danger--color-invert)
}

.message.is-danger .message-body {
    border-color: var(--danger);
    color: var(--danger--dark-color)
}

.message-header {
    align-items: center;
    background-color: #4a4a4a;
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    line-height: 1.25;
    padding: .75em 1em;
    position: relative
}

.message-header .delete {
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: .75em
}

.message-header+.message-body {
    border-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.message-body {
    border-color: #dbdbdb;
    border-radius: 4px;
    border-style: solid;
    border-width: 0 0 0 4px;
    color: #4a4a4a;
    padding: 1.25em 1.5em
}

.message-body code,
.message-body pre {
    background-color: var(--white)
}

.message-body pre code {
    background-color: transparent
}

.modal {
    align-items: center;
    display: none;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    z-index: 40
}

.modal.is-active {
    display: flex
}

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

.modal-content,
.modal-card {
    margin: 0 20px;
    max-height: calc(100vh - 160px);
    overflow: auto;
    position: relative;
    width: 100%
}

@media screen and (min-width: 769px) {
    .modal-content,
    .modal-card {
        margin: 0 auto;
        max-height: calc(100vh - 40px);
        width: 640px
    }
}

.modal-close {
    background: none;
    height: 40px;
    position: fixed;
    right: 20px;
    top: 20px;
    width: 40px
}

.modal-card {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 40px);
    overflow: hidden;
    -ms-overflow-y: visible
}

.modal-card-head,
.modal-card-foot {
    align-items: center;
    background-color: #f5f5f5;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-start;
    padding: 20px;
    position: relative
}

.modal-card-head {
    border-bottom: 1px solid hsl(0, 0%, 86%);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.modal-card-title {
    color: #363636;
    flex-grow: 1;
    flex-shrink: 0;
    font-size: 1.5rem;
    line-height: 1
}

.modal-card-foot {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 1px solid hsl(0, 0%, 86%)
}

.modal-card-foot .button:not(:last-child) {
    margin-right: .5em
}

.modal-card-body {
    -webkit-overflow-scrolling: touch;
    background-color: var(--white);
    flex-grow: 1;
    flex-shrink: 1;
    overflow: auto;
    padding: 20px
}

.navbar {
    background-color: var(--white);
    min-height: 3.25rem;
    position: relative;
    z-index: 30
}

.navbar.is-white {
    background-color: var(--white);
    color: var(--black)
}

.navbar.is-white .navbar-brand>.navbar-item,
.navbar.is-white .navbar-brand .navbar-link {
    color: var(--black)
}

.navbar.is-white .navbar-brand>a.navbar-item:focus,
.navbar.is-white .navbar-brand>a.navbar-item:hover,
.navbar.is-white .navbar-brand>a.navbar-item.is-active,
.navbar.is-white .navbar-brand .navbar-link:focus,
.navbar.is-white .navbar-brand .navbar-link:hover,
.navbar.is-white .navbar-brand .navbar-link.is-active {
    background-color: var(--white);
    color: var(--black)
}

.navbar.is-white .navbar-brand .navbar-link:after {
    border-color: var(--black)
}

.navbar.is-white .navbar-burger {
    color: var(--black)
}

@media screen and (min-width: 1024px) {
    .navbar.is-white .navbar-start>.navbar-item,
    .navbar.is-white .navbar-start .navbar-link,
    .navbar.is-white .navbar-end>.navbar-item,
    .navbar.is-white .navbar-end .navbar-link {
        color: var(--black)
    }
    .navbar.is-white .navbar-start>a.navbar-item:focus,
    .navbar.is-white .navbar-start>a.navbar-item:hover,
    .navbar.is-white .navbar-start>a.navbar-item.is-active,
    .navbar.is-white .navbar-start .navbar-link:focus,
    .navbar.is-white .navbar-start .navbar-link:hover,
    .navbar.is-white .navbar-start .navbar-link.is-active,
    .navbar.is-white .navbar-end>a.navbar-item:focus,
    .navbar.is-white .navbar-end>a.navbar-item:hover,
    .navbar.is-white .navbar-end>a.navbar-item.is-active,
    .navbar.is-white .navbar-end .navbar-link:focus,
    .navbar.is-white .navbar-end .navbar-link:hover,
    .navbar.is-white .navbar-end .navbar-link.is-active {
        background-color: var(--white);
        color: var(--black)
    }
    .navbar.is-white .navbar-start .navbar-link:after,
    .navbar.is-white .navbar-end .navbar-link:after {
        border-color: var(--black)
    }
    .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: var(--white);
        color: var(--black)
    }
    .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
        background-color: var(--white);
        color: var(--black)
    }
}

.navbar.is-black {
    background-color: var(--black);
    color: var(--white)
}

.navbar.is-black .navbar-brand>.navbar-item,
.navbar.is-black .navbar-brand .navbar-link {
    color: var(--white)
}

.navbar.is-black .navbar-brand>a.navbar-item:focus,
.navbar.is-black .navbar-brand>a.navbar-item:hover,
.navbar.is-black .navbar-brand>a.navbar-item.is-active,
.navbar.is-black .navbar-brand .navbar-link:focus,
.navbar.is-black .navbar-brand .navbar-link:hover,
.navbar.is-black .navbar-brand .navbar-link.is-active {
    background-color: var(--black);
    color: var(--white)
}

.navbar.is-black .navbar-brand .navbar-link:after {
    border-color: var(--white)
}

.navbar.is-black .navbar-burger {
    color: var(--white)
}

@media screen and (min-width: 1024px) {
    .navbar.is-black .navbar-start>.navbar-item,
    .navbar.is-black .navbar-start .navbar-link,
    .navbar.is-black .navbar-end>.navbar-item,
    .navbar.is-black .navbar-end .navbar-link {
        color: var(--white)
    }
    .navbar.is-black .navbar-start>a.navbar-item:focus,
    .navbar.is-black .navbar-start>a.navbar-item:hover,
    .navbar.is-black .navbar-start>a.navbar-item.is-active,
    .navbar.is-black .navbar-start .navbar-link:focus,
    .navbar.is-black .navbar-start .navbar-link:hover,
    .navbar.is-black .navbar-start .navbar-link.is-active,
    .navbar.is-black .navbar-end>a.navbar-item:focus,
    .navbar.is-black .navbar-end>a.navbar-item:hover,
    .navbar.is-black .navbar-end>a.navbar-item.is-active,
    .navbar.is-black .navbar-end .navbar-link:focus,
    .navbar.is-black .navbar-end .navbar-link:hover,
    .navbar.is-black .navbar-end .navbar-link.is-active {
        background-color: var(--black);
        color: var(--white)
    }
    .navbar.is-black .navbar-start .navbar-link:after,
    .navbar.is-black .navbar-end .navbar-link:after {
        border-color: var(--white)
    }
    .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: var(--black);
        color: var(--white)
    }
    .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
        background-color: var(--black);
        color: var(--white)
    }
}

.navbar.is-light {
    background-color: #f5f5f5;
    color: #000000b3
}

.navbar.is-light .navbar-brand>.navbar-item,
.navbar.is-light .navbar-brand .navbar-link {
    color: #000000b3
}

.navbar.is-light .navbar-brand>a.navbar-item:focus,
.navbar.is-light .navbar-brand>a.navbar-item:hover,
.navbar.is-light .navbar-brand>a.navbar-item.is-active,
.navbar.is-light .navbar-brand .navbar-link:focus,
.navbar.is-light .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand .navbar-link.is-active {
    background-color: #e8e8e8;
    color: #000000b3
}

.navbar.is-light .navbar-brand .navbar-link:after {
    border-color: #000000b3
}

.navbar.is-light .navbar-burger {
    color: #000000b3
}

@media screen and (min-width: 1024px) {
    .navbar.is-light .navbar-start>.navbar-item,
    .navbar.is-light .navbar-start .navbar-link,
    .navbar.is-light .navbar-end>.navbar-item,
    .navbar.is-light .navbar-end .navbar-link {
        color: #000000b3
    }
    .navbar.is-light .navbar-start>a.navbar-item:focus,
    .navbar.is-light .navbar-start>a.navbar-item:hover,
    .navbar.is-light .navbar-start>a.navbar-item.is-active,
    .navbar.is-light .navbar-start .navbar-link:focus,
    .navbar.is-light .navbar-start .navbar-link:hover,
    .navbar.is-light .navbar-start .navbar-link.is-active,
    .navbar.is-light .navbar-end>a.navbar-item:focus,
    .navbar.is-light .navbar-end>a.navbar-item:hover,
    .navbar.is-light .navbar-end>a.navbar-item.is-active,
    .navbar.is-light .navbar-end .navbar-link:focus,
    .navbar.is-light .navbar-end .navbar-link:hover,
    .navbar.is-light .navbar-end .navbar-link.is-active {
        background-color: #e8e8e8;
        color: #000000b3
    }
    .navbar.is-light .navbar-start .navbar-link:after,
    .navbar.is-light .navbar-end .navbar-link:after {
        border-color: #000000b3
    }
    .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #e8e8e8;
        color: #000000b3
    }
    .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
        background-color: #f5f5f5;
        color: #000000b3
    }
}

.navbar.is-dark {
    background-color: var(--dark);
    color: var(--dark--color-invert)
}

.navbar.is-dark .navbar-brand>.navbar-item,
.navbar.is-dark .navbar-brand .navbar-link {
    color: var(--dark--color-invert)
}

.navbar.is-dark .navbar-brand>a.navbar-item:focus,
.navbar.is-dark .navbar-brand>a.navbar-item:hover,
.navbar.is-dark .navbar-brand>a.navbar-item.is-active,
.navbar.is-dark .navbar-brand .navbar-link:focus,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand .navbar-link.is-active {
    background-color: var(--dark);
    color: var(--dark--color-invert)
}

.navbar.is-dark .navbar-brand .navbar-link:after {
    border-color: var(--dark--color-invert)
}

.navbar.is-dark .navbar-burger {
    color: var(--dark--color-invert)
}

@media screen and (min-width: 1024px) {
    .navbar.is-dark .navbar-start>.navbar-item,
    .navbar.is-dark .navbar-start .navbar-link,
    .navbar.is-dark .navbar-end>.navbar-item,
    .navbar.is-dark .navbar-end .navbar-link {
        color: var(--dark--color-invert)
    }
    .navbar.is-dark .navbar-start>a.navbar-item:focus,
    .navbar.is-dark .navbar-start>a.navbar-item:hover,
    .navbar.is-dark .navbar-start>a.navbar-item.is-active,
    .navbar.is-dark .navbar-start .navbar-link:focus,
    .navbar.is-dark .navbar-start .navbar-link:hover,
    .navbar.is-dark .navbar-start .navbar-link.is-active,
    .navbar.is-dark .navbar-end>a.navbar-item:focus,
    .navbar.is-dark .navbar-end>a.navbar-item:hover,
    .navbar.is-dark .navbar-end>a.navbar-item.is-active,
    .navbar.is-dark .navbar-end .navbar-link:focus,
    .navbar.is-dark .navbar-end .navbar-link:hover,
    .navbar.is-dark .navbar-end .navbar-link.is-active {
        background-color: var(--dark);
        color: var(--dark--color-invert)
    }
    .navbar.is-dark .navbar-start .navbar-link:after,
    .navbar.is-dark .navbar-end .navbar-link:after {
        border-color: var(--dark--color-invert)
    }
    .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: var(--dark);
        color: var(--dark--color-invert)
    }
    .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
        background-color: var(--dark);
        color: var(--dark--color-invert)
    }
}

.navbar.is-primary {
    background-color: var(--primary);
    color: var(--primary--color-invert)
}

.navbar.is-primary .navbar-brand>.navbar-item,
.navbar.is-primary .navbar-brand .navbar-link {
    color: var(--primary--color-invert)
}

.navbar.is-primary .navbar-brand>a.navbar-item:focus,
.navbar.is-primary .navbar-brand>a.navbar-item:hover,
.navbar.is-primary .navbar-brand>a.navbar-item.is-active,
.navbar.is-primary .navbar-brand .navbar-link:focus,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand .navbar-link.is-active {
    background-color: var(--primary);
    color: var(--primary--color-invert)
}

.navbar.is-primary .navbar-brand .navbar-link:after {
    border-color: var(--primary--color-invert)
}

.navbar.is-primary .navbar-burger {
    color: var(--primary--color-invert)
}

@media screen and (min-width: 1024px) {
    .navbar.is-primary .navbar-start>.navbar-item,
    .navbar.is-primary .navbar-start .navbar-link,
    .navbar.is-primary .navbar-end>.navbar-item,
    .navbar.is-primary .navbar-end .navbar-link {
        color: var(--primary--color-invert)
    }
    .navbar.is-primary .navbar-start>a.navbar-item:focus,
    .navbar.is-primary .navbar-start>a.navbar-item:hover,
    .navbar.is-primary .navbar-start>a.navbar-item.is-active,
    .navbar.is-primary .navbar-start .navbar-link:focus,
    .navbar.is-primary .navbar-start .navbar-link:hover,
    .navbar.is-primary .navbar-start .navbar-link.is-active,
    .navbar.is-primary .navbar-end>a.navbar-item:focus,
    .navbar.is-primary .navbar-end>a.navbar-item:hover,
    .navbar.is-primary .navbar-end>a.navbar-item.is-active,
    .navbar.is-primary .navbar-end .navbar-link:focus,
    .navbar.is-primary .navbar-end .navbar-link:hover,
    .navbar.is-primary .navbar-end .navbar-link.is-active {
        background-color: var(--primary);
        color: var(--primary--color-invert)
    }
    .navbar.is-primary .navbar-start .navbar-link:after,
    .navbar.is-primary .navbar-end .navbar-link:after {
        border-color: var(--primary--color-invert)
    }
    .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: var(--primary);
        color: var(--primary--color-invert)
    }
    .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
        background-color: var(--primary);
        color: var(--primary--color-invert)
    }
}

.navbar.is-link {
    background-color: var(--link);
    color: var(--link--color-invert)
}

.navbar.is-link .navbar-brand>.navbar-item,
.navbar.is-link .navbar-brand .navbar-link {
    color: var(--link--color-invert)
}

.navbar.is-link .navbar-brand>a.navbar-item:focus,
.navbar.is-link .navbar-brand>a.navbar-item:hover,
.navbar.is-link .navbar-brand>a.navbar-item.is-active,
.navbar.is-link .navbar-brand .navbar-link:focus,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand .navbar-link.is-active {
    background-color: var(--link);
    color: var(--link--color-invert)
}

.navbar.is-link .navbar-brand .navbar-link:after {
    border-color: var(--link--color-invert)
}

.navbar.is-link .navbar-burger {
    color: var(--link--color-invert)
}

@media screen and (min-width: 1024px) {
    .navbar.is-link .navbar-start>.navbar-item,
    .navbar.is-link .navbar-start .navbar-link,
    .navbar.is-link .navbar-end>.navbar-item,
    .navbar.is-link .navbar-end .navbar-link {
        color: var(--link--color-invert)
    }
    .navbar.is-link .navbar-start>a.navbar-item:focus,
    .navbar.is-link .navbar-start>a.navbar-item:hover,
    .navbar.is-link .navbar-start>a.navbar-item.is-active,
    .navbar.is-link .navbar-start .navbar-link:focus,
    .navbar.is-link .navbar-start .navbar-link:hover,
    .navbar.is-link .navbar-start .navbar-link.is-active,
    .navbar.is-link .navbar-end>a.navbar-item:focus,
    .navbar.is-link .navbar-end>a.navbar-item:hover,
    .navbar.is-link .navbar-end>a.navbar-item.is-active,
    .navbar.is-link .navbar-end .navbar-link:focus,
    .navbar.is-link .navbar-end .navbar-link:hover,
    .navbar.is-link .navbar-end .navbar-link.is-active {
        background-color: var(--link);
        color: var(--link--color-invert)
    }
    .navbar.is-link .navbar-start .navbar-link:after,
    .navbar.is-link .navbar-end .navbar-link:after {
        border-color: var(--link--color-invert)
    }
    .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: var(--link);
        color: var(--link--color-invert)
    }
    .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
        background-color: var(--link);
        color: var(--link--color-invert)
    }
}

.navbar.is-info {
    background-color: var(--info);
    color: var(--info--color-invert)
}

.navbar.is-info .navbar-brand>.navbar-item,
.navbar.is-info .navbar-brand .navbar-link {
    color: var(--info--color-invert)
}

.navbar.is-info .navbar-brand>a.navbar-item:focus,
.navbar.is-info .navbar-brand>a.navbar-item:hover,
.navbar.is-info .navbar-brand>a.navbar-item.is-active,
.navbar.is-info .navbar-brand .navbar-link:focus,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand .navbar-link.is-active {
    background-color: var(--info);
    color: var(--info--color-invert)
}

.navbar.is-info .navbar-brand .navbar-link:after {
    border-color: var(--info--color-invert)
}

.navbar.is-info .navbar-burger {
    color: var(--info--color-invert)
}

@media screen and (min-width: 1024px) {
    .navbar.is-info .navbar-start>.navbar-item,
    .navbar.is-info .navbar-start .navbar-link,
    .navbar.is-info .navbar-end>.navbar-item,
    .navbar.is-info .navbar-end .navbar-link {
        color: var(--info--color-invert)
    }
    .navbar.is-info .navbar-start>a.navbar-item:focus,
    .navbar.is-info .navbar-start>a.navbar-item:hover,
    .navbar.is-info .navbar-start>a.navbar-item.is-active,
    .navbar.is-info .navbar-start .navbar-link:focus,
    .navbar.is-info .navbar-start .navbar-link:hover,
    .navbar.is-info .navbar-start .navbar-link.is-active,
    .navbar.is-info .navbar-end>a.navbar-item:focus,
    .navbar.is-info .navbar-end>a.navbar-item:hover,
    .navbar.is-info .navbar-end>a.navbar-item.is-active,
    .navbar.is-info .navbar-end .navbar-link:focus,
    .navbar.is-info .navbar-end .navbar-link:hover,
    .navbar.is-info .navbar-end .navbar-link.is-active {
        background-color: var(--info);
        color: var(--info--color-invert)
    }
    .navbar.is-info .navbar-start .navbar-link:after,
    .navbar.is-info .navbar-end .navbar-link:after {
        border-color: var(--info--color-invert)
    }
    .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: var(--info);
        color: var(--info--color-invert)
    }
    .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
        background-color: var(--info);
        color: var(--info--color-invert)
    }
}

.navbar.is-success {
    background-color: var(--success);
    color: var(--success--color-invert)
}

.navbar.is-success .navbar-brand>.navbar-item,
.navbar.is-success .navbar-brand .navbar-link {
    color: var(--success--color-invert)
}

.navbar.is-success .navbar-brand>a.navbar-item:focus,
.navbar.is-success .navbar-brand>a.navbar-item:hover,
.navbar.is-success .navbar-brand>a.navbar-item.is-active,
.navbar.is-success .navbar-brand .navbar-link:focus,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand .navbar-link.is-active {
    background-color: var(--success);
    color: var(--success--color-invert)
}

.navbar.is-success .navbar-brand .navbar-link:after {
    border-color: var(--success--color-invert)
}

.navbar.is-success .navbar-burger {
    color: var(--success--color-invert)
}

@media screen and (min-width: 1024px) {
    .navbar.is-success .navbar-start>.navbar-item,
    .navbar.is-success .navbar-start .navbar-link,
    .navbar.is-success .navbar-end>.navbar-item,
    .navbar.is-success .navbar-end .navbar-link {
        color: var(--success--color-invert)
    }
    .navbar.is-success .navbar-start>a.navbar-item:focus,
    .navbar.is-success .navbar-start>a.navbar-item:hover,
    .navbar.is-success .navbar-start>a.navbar-item.is-active,
    .navbar.is-success .navbar-start .navbar-link:focus,
    .navbar.is-success .navbar-start .navbar-link:hover,
    .navbar.is-success .navbar-start .navbar-link.is-active,
    .navbar.is-success .navbar-end>a.navbar-item:focus,
    .navbar.is-success .navbar-end>a.navbar-item:hover,
    .navbar.is-success .navbar-end>a.navbar-item.is-active,
    .navbar.is-success .navbar-end .navbar-link:focus,
    .navbar.is-success .navbar-end .navbar-link:hover,
    .navbar.is-success .navbar-end .navbar-link.is-active {
        background-color: var(--success);
        color: var(--success--color-invert)
    }
    .navbar.is-success .navbar-start .navbar-link:after,
    .navbar.is-success .navbar-end .navbar-link:after {
        border-color: var(--success--color-invert)
    }
    .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: var(--success);
        color: var(--success--color-invert)
    }
    .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
        background-color: var(--success);
        color: var(--success--color-invert)
    }
}

.navbar.is-warning {
    background-color: var(--warning);
    color: var(--warning--color-invert)
}

.navbar.is-warning .navbar-brand>.navbar-item,
.navbar.is-warning .navbar-brand .navbar-link {
    color: var(--warning--color-invert)
}

.navbar.is-warning .navbar-brand>a.navbar-item:focus,
.navbar.is-warning .navbar-brand>a.navbar-item:hover,
.navbar.is-warning .navbar-brand>a.navbar-item.is-active,
.navbar.is-warning .navbar-brand .navbar-link:focus,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand .navbar-link.is-active {
    background-color: var(--warning);
    color: var(--warning--color-invert)
}

.navbar.is-warning .navbar-brand .navbar-link:after {
    border-color: var(--warning--color-invert)
}

.navbar.is-warning .navbar-burger {
    color: var(--warning--color-invert)
}

@media screen and (min-width: 1024px) {
    .navbar.is-warning .navbar-start>.navbar-item,
    .navbar.is-warning .navbar-start .navbar-link,
    .navbar.is-warning .navbar-end>.navbar-item,
    .navbar.is-warning .navbar-end .navbar-link {
        color: var(--warning--color-invert)
    }
    .navbar.is-warning .navbar-start>a.navbar-item:focus,
    .navbar.is-warning .navbar-start>a.navbar-item:hover,
    .navbar.is-warning .navbar-start>a.navbar-item.is-active,
    .navbar.is-warning .navbar-start .navbar-link:focus,
    .navbar.is-warning .navbar-start .navbar-link:hover,
    .navbar.is-warning .navbar-start .navbar-link.is-active,
    .navbar.is-warning .navbar-end>a.navbar-item:focus,
    .navbar.is-warning .navbar-end>a.navbar-item:hover,
    .navbar.is-warning .navbar-end>a.navbar-item.is-active,
    .navbar.is-warning .navbar-end .navbar-link:focus,
    .navbar.is-warning .navbar-end .navbar-link:hover,
    .navbar.is-warning .navbar-end .navbar-link.is-active {
        background-color: var(--warning);
        color: var(--warning--color-invert)
    }
    .navbar.is-warning .navbar-start .navbar-link:after,
    .navbar.is-warning .navbar-end .navbar-link:after {
        border-color: var(--warning--color-invert)
    }
    .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: var(--warning);
        color: var(--warning--color-invert)
    }
    .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
        background-color: var(--warning);
        color: var(--warning--color-invert)
    }
}

.navbar.is-danger {
    background-color: var(--danger);
    color: var(--danger--color-invert)
}

.navbar.is-danger .navbar-brand>.navbar-item,
.navbar.is-danger .navbar-brand .navbar-link {
    color: var(--danger--color-invert)
}

.navbar.is-danger .navbar-brand>a.navbar-item:focus,
.navbar.is-danger .navbar-brand>a.navbar-item:hover,
.navbar.is-danger .navbar-brand>a.navbar-item.is-active,
.navbar.is-danger .navbar-brand .navbar-link:focus,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand .navbar-link.is-active {
    background-color: var(--danger);
    color: var(--danger--color-invert)
}

.navbar.is-danger .navbar-brand .navbar-link:after {
    border-color: var(--danger--color-invert)
}

.navbar.is-danger .navbar-burger {
    color: var(--danger--color-invert)
}

@media screen and (min-width: 1024px) {
    .navbar.is-danger .navbar-start>.navbar-item,
    .navbar.is-danger .navbar-start .navbar-link,
    .navbar.is-danger .navbar-end>.navbar-item,
    .navbar.is-danger .navbar-end .navbar-link {
        color: var(--danger--color-invert)
    }
    .navbar.is-danger .navbar-start>a.navbar-item:focus,
    .navbar.is-danger .navbar-start>a.navbar-item:hover,
    .navbar.is-danger .navbar-start>a.navbar-item.is-active,
    .navbar.is-danger .navbar-start .navbar-link:focus,
    .navbar.is-danger .navbar-start .navbar-link:hover,
    .navbar.is-danger .navbar-start .navbar-link.is-active,
    .navbar.is-danger .navbar-end>a.navbar-item:focus,
    .navbar.is-danger .navbar-end>a.navbar-item:hover,
    .navbar.is-danger .navbar-end>a.navbar-item.is-active,
    .navbar.is-danger .navbar-end .navbar-link:focus,
    .navbar.is-danger .navbar-end .navbar-link:hover,
    .navbar.is-danger .navbar-end .navbar-link.is-active {
        background-color: var(--danger);
        color: var(--danger--color-invert)
    }
    .navbar.is-danger .navbar-start .navbar-link:after,
    .navbar.is-danger .navbar-end .navbar-link:after {
        border-color: var(--danger--color-invert)
    }
    .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: var(--danger);
        color: var(--danger--color-invert)
    }
    .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
        background-color: var(--danger);
        color: var(--danger--color-invert)
    }
}

.navbar>.container {
    align-items: stretch;
    display: flex;
    min-height: 3.25rem;
    width: 100%
}

.navbar.has-shadow {
    box-shadow: 0 2px #f5f5f5
}

.navbar.is-fixed-bottom,
.navbar.is-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30
}

.navbar.is-fixed-bottom {
    bottom: 0
}

.navbar.is-fixed-bottom.has-shadow {
    box-shadow: 0 -2px #f5f5f5
}

.navbar.is-fixed-top {
    top: 0
}

html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
    padding-top: 3.25rem
}

html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom {
    padding-bottom: 3.25rem
}

.navbar-brand,
.navbar-tabs {
    align-items: stretch;
    display: flex;
    flex-shrink: 0;
    min-height: 3.25rem
}

.navbar-brand a.navbar-item:focus,
.navbar-brand a.navbar-item:hover {
    background-color: transparent
}

.navbar-tabs {
    -webkit-overflow-scrolling: touch;
    max-width: 100vw;
    overflow-x: auto;
    overflow-y: hidden
}

.navbar-burger {
    color: #4a4a4a;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    height: 3.25rem;
    position: relative;
    width: 3.25rem;
    margin-left: auto
}

.navbar-burger span {
    background-color: currentColor;
    display: block;
    height: 1px;
    left: calc(50% - 8px);
    position: absolute;
    transform-origin: center;
    transition-duration: 86ms;
    transition-property: background-color, opacity, transform;
    transition-timing-function: ease-out;
    width: 16px
}

.navbar-burger span:nth-child(2) {
    top: calc(50% - 1px)
}

.navbar-burger span:nth-child(3) {
    top: calc(50% + 4px)
}

.navbar-burger:hover {
    background-color: #0000000d
}

.navbar-burger.is-active span:nth-child(1) {
    transform: translateY(5px) rotate(45deg)
}

.navbar-burger.is-active span:nth-child(2) {
    opacity: 0
}

.navbar-burger.is-active span:nth-child(3) {
    transform: translateY(-5px) rotate(-45deg)
}

.navbar-menu {
    display: none
}

.navbar-item,
.navbar-link {
    color: #4a4a4a;
    display: block;
    line-height: 1.5;
    padding: .55rem .75rem;
    position: relative
}

.navbar-item .icon:only-child,
.navbar-link .icon:only-child {
    margin-left: -.25rem;
    margin-right: -.25rem
}

a.navbar-item,
.navbar-link {
    cursor: pointer
}

a.navbar-item:focus,
a.navbar-item:focus-within,
a.navbar-item:hover,
a.navbar-item.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
.navbar-link.is-active {
    background-color: #fafafa;
    color: var(--link)
}

.navbar-item {
    flex-grow: 0;
    flex-shrink: 0
}

.navbar-item img {
    max-height: 1.75rem
}

.navbar-item.has-dropdown {
    padding: 0
}

.navbar-item.is-expanded {
    flex-grow: 1;
    flex-shrink: 1
}

.navbar-item.is-tab {
    border-bottom: 1px solid transparent;
    min-height: 3.25rem;
    padding-bottom: calc(.5rem - 1px)
}

.navbar-item.is-tab:focus,
.navbar-item.is-tab:hover {
    background-color: transparent;
    border-bottom-color: var(--link)
}

.navbar-item.is-tab.is-active {
    background-color: transparent;
    border-bottom-color: var(--link);
    border-bottom-style: solid;
    border-bottom-width: 3px;
    color: var(--link);
    padding-bottom: calc(.5rem - 3px)
}

.navbar-content {
    flex-grow: 1;
    flex-shrink: 1
}

.navbar-link:not(.is-arrowless) {
    padding-right: 2.5em
}

.navbar-link:not(.is-arrowless):after {
    border-color: var(--link);
    margin-top: -.375em;
    right: 1.125em
}

.navbar-dropdown {
    font-size: .875rem;
    padding-bottom: .5rem;
    padding-top: .5rem
}

.navbar-dropdown .navbar-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.navbar-divider {
    background-color: #f5f5f5;
    border: none;
    display: none;
    height: 2px;
    margin: .5rem 0
}

@media screen and (max-width: 1023px) {
    .navbar>.container {
        display: block
    }
    .navbar-brand .navbar-item,
    .navbar-tabs .navbar-item {
        align-items: center;
        display: flex
    }
    .navbar-link:after {
        display: none
    }
    .navbar-menu {
        background-color: var(--white);
        box-shadow: 0 8px 16px var(--black);
        padding: .5rem 0
    }
    .navbar-menu.is-active {
        display: block
    }
    .navbar.is-fixed-bottom-touch,
    .navbar.is-fixed-top-touch {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 30
    }
    .navbar.is-fixed-bottom-touch {
        bottom: 0
    }
    .navbar.is-fixed-bottom-touch.has-shadow {
        box-shadow: 0 -2px 3px var(--black)
    }
    .navbar.is-fixed-top-touch {
        top: 0
    }
    .navbar.is-fixed-top .navbar-menu,
    .navbar.is-fixed-top-touch .navbar-menu {
        -webkit-overflow-scrolling: touch;
        max-height: calc(100vh - 3.25rem);
        overflow: auto
    }
    html.has-navbar-fixed-top-touch,
    body.has-navbar-fixed-top-touch {
        padding-top: 3.25rem
    }
    html.has-navbar-fixed-bottom-touch,
    body.has-navbar-fixed-bottom-touch {
        padding-bottom: 3.25rem
    }
}

@media screen and (min-width: 1024px) {
    .navbar,
    .navbar-menu,
    .navbar-start,
    .navbar-end {
        align-items: stretch;
        display: flex
    }
    .navbar {
        min-height: 3.25rem
    }
    .navbar.is-spaced {
        padding: 1rem 2rem
    }
    .navbar.is-spaced .navbar-start,
    .navbar.is-spaced .navbar-end {
        align-items: center
    }
    .navbar.is-spaced a.navbar-item,
    .navbar.is-spaced .navbar-link {
        border-radius: 4px
    }
    .navbar.is-transparent a.navbar-item:focus,
    .navbar.is-transparent a.navbar-item:hover,
    .navbar.is-transparent a.navbar-item.is-active,
    .navbar.is-transparent .navbar-link:focus,
    .navbar.is-transparent .navbar-link:hover,
    .navbar.is-transparent .navbar-link.is-active {
        background-color: transparent !important
    }
    .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link,
    .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link,
    .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
        background-color: transparent !important
    }
    .navbar.is-transparent .navbar-dropdown a.navbar-item:focus,
    .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
        background-color: #f5f5f5;
        color: var(--black)
    }
    .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
        background-color: #f5f5f5;
        color: var(--link)
    }
    .navbar-burger {
        display: none
    }
    .navbar-item,
    .navbar-link {
        align-items: center;
        display: flex
    }
    .navbar-item.has-dropdown {
        align-items: stretch
    }
    .navbar-item.has-dropdown-up .navbar-link:after {
        transform: rotate(135deg) translate(.25em, -.25em)
    }
    .navbar-item.has-dropdown-up .navbar-dropdown {
        border-bottom: 2px solid hsl(0, 0%, 86%);
        border-radius: 6px 6px 0 0;
        border-top: none;
        bottom: 100%;
        box-shadow: 0 -8px 8px var(--black);
        top: auto
    }
    .navbar-item.is-active .navbar-dropdown,
    .navbar-item.is-hoverable:focus .navbar-dropdown,
    .navbar-item.is-hoverable:focus-within .navbar-dropdown,
    .navbar-item.is-hoverable:hover .navbar-dropdown {
        display: block
    }
    .navbar.is-spaced .navbar-item.is-active .navbar-dropdown,
    .navbar-item.is-active .navbar-dropdown.is-boxed,
    .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown,
    .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed,
    .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown,
    .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed,
    .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown,
    .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0)
    }
    .navbar-menu {
        flex-grow: 1;
        flex-shrink: 0
    }
    .navbar-start {
        justify-content: flex-start;
        margin-right: auto
    }
    .navbar-end {
        justify-content: flex-end;
        margin-left: auto
    }
    .navbar-dropdown {
        background-color: var(--white);
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        border-top: 2px solid hsl(0, 0%, 86%);
        box-shadow: 0 8px 8px var(--black);
        display: none;
        font-size: .875rem;
        left: 0;
        min-width: 100%;
        position: absolute;
        top: 100%;
        z-index: 20
    }
    .navbar-dropdown .navbar-item {
        padding: .375rem 1rem;
        white-space: nowrap
    }
    .navbar-dropdown a.navbar-item {
        padding-right: 3rem
    }
    .navbar-dropdown a.navbar-item:focus,
    .navbar-dropdown a.navbar-item:hover {
        background-color: #f5f5f5;
        color: var(--black)
    }
    .navbar-dropdown a.navbar-item.is-active {
        background-color: #f5f5f5;
        color: var(--link)
    }
    .navbar.is-spaced .navbar-dropdown,
    .navbar-dropdown.is-boxed {
        border-radius: 6px;
        border-top: none;
        box-shadow: 0 8px 8px var(--black), 0 0 0 1px var(--black);
        display: block;
        opacity: 0;
        pointer-events: none;
        top: calc(100% - 4px);
        transform: translateY(-5px);
        transition-duration: 86ms;
        transition-property: opacity, transform
    }
    .navbar-dropdown.is-right {
        left: auto;
        right: 0
    }
    .navbar-divider {
        display: block
    }
    .navbar>.container .navbar-brand,
    .container>.navbar .navbar-brand {
        margin-left: -.75rem
    }
    .navbar>.container .navbar-menu,
    .container>.navbar .navbar-menu {
        margin-right: -.75rem
    }
    .navbar.is-fixed-bottom-desktop,
    .navbar.is-fixed-top-desktop {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 30
    }
    .navbar.is-fixed-bottom-desktop {
        bottom: 0
    }
    .navbar.is-fixed-bottom-desktop.has-shadow {
        box-shadow: 0 -2px 3px var(--black)
    }
    .navbar.is-fixed-top-desktop {
        top: 0
    }
    html.has-navbar-fixed-top-desktop,
    body.has-navbar-fixed-top-desktop {
        padding-top: 3.25rem
    }
    html.has-navbar-fixed-bottom-desktop,
    body.has-navbar-fixed-bottom-desktop {
        padding-bottom: 3.25rem
    }
    html.has-spaced-navbar-fixed-top,
    body.has-spaced-navbar-fixed-top {
        padding-top: 5.25rem
    }
    html.has-spaced-navbar-fixed-bottom,
    body.has-spaced-navbar-fixed-bottom {
        padding-bottom: 5.25rem
    }
    a.navbar-item.is-active,
    .navbar-link.is-active {
        color: var(--black)
    }
    a.navbar-item.is-active:not(:focus):not(:hover),
    .navbar-link.is-active:not(:focus):not(:hover) {
        background-color: transparent
    }
    .navbar-item.has-dropdown:focus .navbar-link,
    .navbar-item.has-dropdown:hover .navbar-link,
    .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #fafafa
    }
}

.hero.is-fullheight-with-navbar {
    min-height: calc(100vh - 3.25rem)
}

.pagination {
    font-size: 1rem;
    margin: -.25rem
}

.pagination.is-small {
    font-size: .75rem
}

.pagination.is-medium {
    font-size: 1.25rem
}

.pagination.is-large {
    font-size: 1.5rem
}

.pagination.is-rounded .pagination-previous,
.pagination.is-rounded .pagination-next {
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 9999px
}

.pagination.is-rounded .pagination-link {
    border-radius: 9999px
}

.pagination,
.pagination-list {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
    font-size: 1em;
    justify-content: center;
    margin: .25rem;
    padding-left: .5em;
    padding-right: .5em;
    text-align: center
}

.pagination-previous,
.pagination-next,
.pagination-link {
    border-color: #dbdbdb;
    color: #363636;
    min-width: 2.5em
}

.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
    border-color: #b5b5b5;
    color: #363636
}

.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
    border-color: #485fc7
}

.pagination-previous:active,
.pagination-next:active,
.pagination-link:active {
    box-shadow: inset 0 1px 2px var(--black--20--rgba)
}

.pagination-previous[disabled],
.pagination-previous.is-disabled,
.pagination-next[disabled],
.pagination-next.is-disabled,
.pagination-link[disabled],
.pagination-link.is-disabled {
    background-color: #dbdbdb;
    border-color: #dbdbdb;
    box-shadow: none;
    color: #7a7a7a;
    opacity: .5
}

.pagination-previous,
.pagination-next {
    padding-left: .75em;
    padding-right: .75em;
    white-space: nowrap
}

.pagination-link.is-current {
    background-color: var(--link);
    border-color: var(--link);
    color: var(--link--color-invert)
}

.pagination-ellipsis {
    color: #b5b5b5;
    pointer-events: none
}

.pagination-list {
    flex-wrap: wrap
}

.pagination-list li {
    list-style: none
}

@media screen and (max-width: 768px) {
    .pagination {
        flex-wrap: wrap
    }
    .pagination-previous,
    .pagination-next,
    .pagination-list li {
        flex-grow: 1;
        flex-shrink: 1
    }
}

@media screen and (min-width: 769px),
print {
    .pagination-list {
        flex-grow: 1;
        flex-shrink: 1;
        justify-content: flex-start;
        order: 1
    }
    .pagination-previous,
    .pagination-next,
    .pagination-link,
    .pagination-ellipsis {
        margin-bottom: 0;
        margin-top: 0
    }
    .pagination-previous {
        order: 2
    }
    .pagination-next {
        order: 3
    }
    .pagination {
        justify-content: space-between;
        margin-bottom: 0;
        margin-top: 0
    }
    .pagination.is-centered .pagination-previous {
        order: 1
    }
    .pagination.is-centered .pagination-list {
        justify-content: center;
        order: 2
    }
    .pagination.is-centered .pagination-next {
        order: 3
    }
    .pagination.is-right .pagination-previous {
        order: 1
    }
    .pagination.is-right .pagination-next {
        order: 2
    }
    .pagination.is-right .pagination-list {
        justify-content: flex-end;
        order: 3
    }
}

.panel {
    border-radius: 6px;
    box-shadow: 0 .5em 1em -.125em var(--black--10--rgba), 0 0 0 1px var(--black--2--rgba);
    font-size: 1rem
}

.panel:not(:last-child) {
    margin-bottom: 1.5rem
}

.panel.is-white .panel-heading {
    background-color: var(--white);
    color: var(--black)
}

.panel.is-white .panel-tabs a.is-active {
    border-bottom-color: var(--white)
}

.panel.is-white .panel-block.is-active .panel-icon {
    color: var(--white)
}

.panel.is-black .panel-heading {
    background-color: var(--black);
    color: var(--white)
}

.panel.is-black .panel-tabs a.is-active {
    border-bottom-color: var(--black)
}

.panel.is-black .panel-block.is-active .panel-icon {
    color: var(--black)
}

.panel.is-light .panel-heading {
    background-color: #f5f5f5;
    color: #000000b3
}

.panel.is-light .panel-tabs a.is-active {
    border-bottom-color: #f5f5f5
}

.panel.is-light .panel-block.is-active .panel-icon {
    color: #f5f5f5
}

.panel.is-dark .panel-heading {
    background-color: var(--dark);
    color: var(--dark--color-invert)
}

.panel.is-dark .panel-tabs a.is-active {
    border-bottom-color: var(--dark)
}

.panel.is-dark .panel-block.is-active .panel-icon {
    color: var(--dark)
}

.panel.is-primary .panel-heading {
    background-color: var(--primary);
    color: var(--primary--color-invert)
}

.panel.is-primary .panel-tabs a.is-active {
    border-bottom-color: var(--primary)
}

.panel.is-primary .panel-block.is-active .panel-icon {
    color: var(--primary)
}

.panel.is-link .panel-heading {
    background-color: var(--link);
    color: var(--link--color-invert)
}

.panel.is-link .panel-tabs a.is-active {
    border-bottom-color: var(--link)
}

.panel.is-link .panel-block.is-active .panel-icon {
    color: var(--link)
}

.panel.is-info .panel-heading {
    background-color: var(--info);
    color: var(--info--color-invert)
}

.panel.is-info .panel-tabs a.is-active {
    border-bottom-color: var(--info)
}

.panel.is-info .panel-block.is-active .panel-icon {
    color: var(--info)
}

.panel.is-success .panel-heading {
    background-color: var(--success);
    color: var(--success--color-invert)
}

.panel.is-success .panel-tabs a.is-active {
    border-bottom-color: var(--success)
}

.panel.is-success .panel-block.is-active .panel-icon {
    color: var(--success)
}

.panel.is-warning .panel-heading {
    background-color: var(--warning);
    color: var(--warning--color-invert)
}

.panel.is-warning .panel-tabs a.is-active {
    border-bottom-color: var(--warning)
}

.panel.is-warning .panel-block.is-active .panel-icon {
    color: var(--warning)
}

.panel.is-danger .panel-heading {
    background-color: var(--danger);
    color: var(--danger--color-invert)
}

.panel.is-danger .panel-tabs a.is-active {
    border-bottom-color: var(--danger)
}

.panel.is-danger .panel-block.is-active .panel-icon {
    color: var(--danger)
}

.panel-tabs:not(:last-child),
.panel-block:not(:last-child) {
    border-bottom: 1px solid hsl(0, 0%, 93%)
}

.panel-heading {
    background-color: #ededed;
    border-radius: 6px 6px 0 0;
    color: #363636;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.25;
    padding: .75em 1em
}

.panel-tabs {
    align-items: flex-end;
    display: flex;
    font-size: .875em;
    justify-content: center
}

.panel-tabs a {
    border-bottom: 1px solid hsl(0, 0%, 86%);
    margin-bottom: -1px;
    padding: .5em
}

.panel-tabs a.is-active {
    border-bottom-color: #4a4a4a;
    color: #363636
}

.panel-list a {
    color: #4a4a4a
}

.panel-list a:hover {
    color: var(--link)
}

.panel-block {
    align-items: center;
    color: #363636;
    display: flex;
    justify-content: flex-start;
    padding: .5em .75em
}

.panel-block input[type=checkbox] {
    margin-right: .75em
}

.panel-block>.control {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%
}

.panel-block.is-wrapped {
    flex-wrap: wrap
}

.panel-block.is-active {
    border-left-color: var(--link);
    color: #363636
}

.panel-block.is-active .panel-icon {
    color: var(--link)
}

.panel-block:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

a.panel-block,
label.panel-block {
    cursor: pointer
}

a.panel-block:hover,
label.panel-block:hover {
    background-color: #f5f5f5
}

.panel-icon {
    display: inline-block;
    font-size: 14px;
    height: 1em;
    line-height: 1em;
    text-align: center;
    vertical-align: top;
    width: 1em;
    color: #7a7a7a;
    margin-right: .75em
}

.panel-icon .fa {
    font-size: inherit;
    line-height: inherit
}

.tabs {
    -webkit-overflow-scrolling: touch;
    align-items: stretch;
    display: flex;
    font-size: 1rem;
    justify-content: space-between;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap
}

.tabs a {
    align-items: center;
    border-bottom-color: #dbdbdb;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #4a4a4a;
    display: flex;
    justify-content: center;
    margin-bottom: -1px;
    padding: .5em 1em;
    vertical-align: top
}

.tabs a:hover {
    border-bottom-color: #363636;
    color: #363636
}

.tabs li {
    display: block
}

.tabs li.is-active a {
    border-bottom-color: var(--link);
    color: var(--link)
}

.tabs ul {
    align-items: center;
    border-bottom-color: #dbdbdb;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: flex-start
}

.tabs ul.is-left {
    padding-right: .75em
}

.tabs ul.is-center {
    flex: none;
    justify-content: center;
    padding-left: .75em;
    padding-right: .75em
}

.tabs ul.is-right {
    justify-content: flex-end;
    padding-left: .75em
}

.tabs .icon:first-child {
    margin-right: .5em
}

.tabs .icon:last-child {
    margin-left: .5em
}

.tabs.is-centered ul {
    justify-content: center
}

.tabs.is-right ul {
    justify-content: flex-end
}

.tabs.is-boxed a {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.tabs.is-boxed a:hover {
    background-color: #f5f5f5;
    border-bottom-color: #dbdbdb
}

.tabs.is-boxed li.is-active a {
    background-color: var(--white);
    border-color: #dbdbdb;
    border-bottom-color: transparent !important
}

.tabs.is-fullwidth li {
    flex-grow: 1;
    flex-shrink: 0
}

.tabs.is-toggle a {
    border-color: #dbdbdb;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 0;
    position: relative
}

.tabs.is-toggle a:hover {
    background-color: #f5f5f5;
    border-color: #b5b5b5;
    z-index: 2
}

.tabs.is-toggle li+li {
    margin-left: -1px
}

.tabs.is-toggle li:first-child a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.tabs.is-toggle li:last-child a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.tabs.is-toggle li.is-active a {
    background-color: var(--link);
    border-color: var(--link);
    color: var(--link--color-invert);
    z-index: 1
}

.tabs.is-toggle ul {
    border-bottom: none
}

.tabs.is-toggle.is-toggle-rounded li:first-child a {
    border-bottom-left-radius: 9999px;
    border-top-left-radius: 9999px;
    padding-left: 1.25em
}

.tabs.is-toggle.is-toggle-rounded li:last-child a {
    border-bottom-right-radius: 9999px;
    border-top-right-radius: 9999px;
    padding-right: 1.25em
}

.tabs.is-small {
    font-size: .75rem
}

.tabs.is-medium {
    font-size: 1.25rem
}

.tabs.is-large {
    font-size: 1.5rem
}

.column {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: .75rem
}

.columns.is-mobile>.column.is-narrow {
    flex: none;
    width: unset
}

.columns.is-mobile>.column.is-full {
    flex: none;
    width: 100%
}

.columns.is-mobile>.column.is-three-quarters {
    flex: none;
    width: 75%
}

.columns.is-mobile>.column.is-two-thirds {
    flex: none;
    width: 66.6666%
}

.columns.is-mobile>.column.is-half {
    flex: none;
    width: 50%
}

.columns.is-mobile>.column.is-one-third {
    flex: none;
    width: 33.3333%
}

.columns.is-mobile>.column.is-one-quarter {
    flex: none;
    width: 25%
}

.columns.is-mobile>.column.is-one-fifth {
    flex: none;
    width: 20%
}

.columns.is-mobile>.column.is-two-fifths {
    flex: none;
    width: 40%
}

.columns.is-mobile>.column.is-three-fifths {
    flex: none;
    width: 60%
}

.columns.is-mobile>.column.is-four-fifths {
    flex: none;
    width: 80%
}

.columns.is-mobile>.column.is-offset-three-quarters {
    margin-left: 75%
}

.columns.is-mobile>.column.is-offset-two-thirds {
    margin-left: 66.6666%
}

.columns.is-mobile>.column.is-offset-half {
    margin-left: 50%
}

.columns.is-mobile>.column.is-offset-one-third {
    margin-left: 33.3333%
}

.columns.is-mobile>.column.is-offset-one-quarter {
    margin-left: 25%
}

.columns.is-mobile>.column.is-offset-one-fifth {
    margin-left: 20%
}

.columns.is-mobile>.column.is-offset-two-fifths {
    margin-left: 40%
}

.columns.is-mobile>.column.is-offset-three-fifths {
    margin-left: 60%
}

.columns.is-mobile>.column.is-offset-four-fifths {
    margin-left: 80%
}

.columns.is-mobile>.column.is-0 {
    flex: none;
    width: 0%
}

.columns.is-mobile>.column.is-offset-0 {
    margin-left: 0%
}

.columns.is-mobile>.column.is-1 {
    flex: none;
    width: 8.33333337%
}

.columns.is-mobile>.column.is-offset-1 {
    margin-left: 8.33333337%
}

.columns.is-mobile>.column.is-2 {
    flex: none;
    width: 16.66666674%
}

.columns.is-mobile>.column.is-offset-2 {
    margin-left: 16.66666674%
}

.columns.is-mobile>.column.is-3 {
    flex: none;
    width: 25%
}

.columns.is-mobile>.column.is-offset-3 {
    margin-left: 25%
}

.columns.is-mobile>.column.is-4 {
    flex: none;
    width: 33.33333337%
}

.columns.is-mobile>.column.is-offset-4 {
    margin-left: 33.33333337%
}

.columns.is-mobile>.column.is-5 {
    flex: none;
    width: 41.66666674%
}

.columns.is-mobile>.column.is-offset-5 {
    margin-left: 41.66666674%
}

.columns.is-mobile>.column.is-6 {
    flex: none;
    width: 50%
}

.columns.is-mobile>.column.is-offset-6 {
    margin-left: 50%
}

.columns.is-mobile>.column.is-7 {
    flex: none;
    width: 58.33333337%
}

.columns.is-mobile>.column.is-offset-7 {
    margin-left: 58.33333337%
}

.columns.is-mobile>.column.is-8 {
    flex: none;
    width: 66.66666674%
}

.columns.is-mobile>.column.is-offset-8 {
    margin-left: 66.66666674%
}

.columns.is-mobile>.column.is-9 {
    flex: none;
    width: 75%
}

.columns.is-mobile>.column.is-offset-9 {
    margin-left: 75%
}

.columns.is-mobile>.column.is-10 {
    flex: none;
    width: 83.33333337%
}

.columns.is-mobile>.column.is-offset-10 {
    margin-left: 83.33333337%
}

.columns.is-mobile>.column.is-11 {
    flex: none;
    width: 91.66666674%
}

.columns.is-mobile>.column.is-offset-11 {
    margin-left: 91.66666674%
}

.columns.is-mobile>.column.is-12 {
    flex: none;
    width: 100%
}

.columns.is-mobile>.column.is-offset-12 {
    margin-left: 100%
}

@media screen and (max-width: 768px) {
    .column.is-narrow-mobile {
        flex: none;
        width: unset
    }
    .column.is-full-mobile {
        flex: none;
        width: 100%
    }
    .column.is-three-quarters-mobile {
        flex: none;
        width: 75%
    }
    .column.is-two-thirds-mobile {
        flex: none;
        width: 66.6666%
    }
    .column.is-half-mobile {
        flex: none;
        width: 50%
    }
    .column.is-one-third-mobile {
        flex: none;
        width: 33.3333%
    }
    .column.is-one-quarter-mobile {
        flex: none;
        width: 25%
    }
    .column.is-one-fifth-mobile {
        flex: none;
        width: 20%
    }
    .column.is-two-fifths-mobile {
        flex: none;
        width: 40%
    }
    .column.is-three-fifths-mobile {
        flex: none;
        width: 60%
    }
    .column.is-four-fifths-mobile {
        flex: none;
        width: 80%
    }
    .column.is-offset-three-quarters-mobile {
        margin-left: 75%
    }
    .column.is-offset-two-thirds-mobile {
        margin-left: 66.6666%
    }
    .column.is-offset-half-mobile {
        margin-left: 50%
    }
    .column.is-offset-one-third-mobile {
        margin-left: 33.3333%
    }
    .column.is-offset-one-quarter-mobile {
        margin-left: 25%
    }
    .column.is-offset-one-fifth-mobile {
        margin-left: 20%
    }
    .column.is-offset-two-fifths-mobile {
        margin-left: 40%
    }
    .column.is-offset-three-fifths-mobile {
        margin-left: 60%
    }
    .column.is-offset-four-fifths-mobile {
        margin-left: 80%
    }
    .column.is-0-mobile {
        flex: none;
        width: 0%
    }
    .column.is-offset-0-mobile {
        margin-left: 0%
    }
    .column.is-1-mobile {
        flex: none;
        width: 8.33333337%
    }
    .column.is-offset-1-mobile {
        margin-left: 8.33333337%
    }
    .column.is-2-mobile {
        flex: none;
        width: 16.66666674%
    }
    .column.is-offset-2-mobile {
        margin-left: 16.66666674%
    }
    .column.is-3-mobile {
        flex: none;
        width: 25%
    }
    .column.is-offset-3-mobile {
        margin-left: 25%
    }
    .column.is-4-mobile {
        flex: none;
        width: 33.33333337%
    }
    .column.is-offset-4-mobile {
        margin-left: 33.33333337%
    }
    .column.is-5-mobile {
        flex: none;
        width: 41.66666674%
    }
    .column.is-offset-5-mobile {
        margin-left: 41.66666674%
    }
    .column.is-6-mobile {
        flex: none;
        width: 50%
    }
    .column.is-offset-6-mobile {
        margin-left: 50%
    }
    .column.is-7-mobile {
        flex: none;
        width: 58.33333337%
    }
    .column.is-offset-7-mobile {
        margin-left: 58.33333337%
    }
    .column.is-8-mobile {
        flex: none;
        width: 66.66666674%
    }
    .column.is-offset-8-mobile {
        margin-left: 66.66666674%
    }
    .column.is-9-mobile {
        flex: none;
        width: 75%
    }
    .column.is-offset-9-mobile {
        margin-left: 75%
    }
    .column.is-10-mobile {
        flex: none;
        width: 83.33333337%
    }
    .column.is-offset-10-mobile {
        margin-left: 83.33333337%
    }
    .column.is-11-mobile {
        flex: none;
        width: 91.66666674%
    }
    .column.is-offset-11-mobile {
        margin-left: 91.66666674%
    }
    .column.is-12-mobile {
        flex: none;
        width: 100%
    }
    .column.is-offset-12-mobile {
        margin-left: 100%
    }
}

@media screen and (min-width: 769px),
print {
    .column.is-narrow,
    .column.is-narrow-tablet {
        flex: none;
        width: unset
    }
    .column.is-full,
    .column.is-full-tablet {
        flex: none;
        width: 100%
    }
    .column.is-three-quarters,
    .column.is-three-quarters-tablet {
        flex: none;
        width: 75%
    }
    .column.is-two-thirds,
    .column.is-two-thirds-tablet {
        flex: none;
        width: 66.6666%
    }
    .column.is-half,
    .column.is-half-tablet {
        flex: none;
        width: 50%
    }
    .column.is-one-third,
    .column.is-one-third-tablet {
        flex: none;
        width: 33.3333%
    }
    .column.is-one-quarter,
    .column.is-one-quarter-tablet {
        flex: none;
        width: 25%
    }
    .column.is-one-fifth,
    .column.is-one-fifth-tablet {
        flex: none;
        width: 20%
    }
    .column.is-two-fifths,
    .column.is-two-fifths-tablet {
        flex: none;
        width: 40%
    }
    .column.is-three-fifths,
    .column.is-three-fifths-tablet {
        flex: none;
        width: 60%
    }
    .column.is-four-fifths,
    .column.is-four-fifths-tablet {
        flex: none;
        width: 80%
    }
    .column.is-offset-three-quarters,
    .column.is-offset-three-quarters-tablet {
        margin-left: 75%
    }
    .column.is-offset-two-thirds,
    .column.is-offset-two-thirds-tablet {
        margin-left: 66.6666%
    }
    .column.is-offset-half,
    .column.is-offset-half-tablet {
        margin-left: 50%
    }
    .column.is-offset-one-third,
    .column.is-offset-one-third-tablet {
        margin-left: 33.3333%
    }
    .column.is-offset-one-quarter,
    .column.is-offset-one-quarter-tablet {
        margin-left: 25%
    }
    .column.is-offset-one-fifth,
    .column.is-offset-one-fifth-tablet {
        margin-left: 20%
    }
    .column.is-offset-two-fifths,
    .column.is-offset-two-fifths-tablet {
        margin-left: 40%
    }
    .column.is-offset-three-fifths,
    .column.is-offset-three-fifths-tablet {
        margin-left: 60%
    }
    .column.is-offset-four-fifths,
    .column.is-offset-four-fifths-tablet {
        margin-left: 80%
    }
    .column.is-0,
    .column.is-0-tablet {
        flex: none;
        width: 0%
    }
    .column.is-offset-0,
    .column.is-offset-0-tablet {
        margin-left: 0%
    }
    .column.is-1,
    .column.is-1-tablet {
        flex: none;
        width: 8.33333337%
    }
    .column.is-offset-1,
    .column.is-offset-1-tablet {
        margin-left: 8.33333337%
    }
    .column.is-2,
    .column.is-2-tablet {
        flex: none;
        width: 16.66666674%
    }
    .column.is-offset-2,
    .column.is-offset-2-tablet {
        margin-left: 16.66666674%
    }
    .column.is-3,
    .column.is-3-tablet {
        flex: none;
        width: 25%
    }
    .column.is-offset-3,
    .column.is-offset-3-tablet {
        margin-left: 25%
    }
    .column.is-4,
    .column.is-4-tablet {
        flex: none;
        width: 33.33333337%
    }
    .column.is-offset-4,
    .column.is-offset-4-tablet {
        margin-left: 33.33333337%
    }
    .column.is-5,
    .column.is-5-tablet {
        flex: none;
        width: 41.66666674%
    }
    .column.is-offset-5,
    .column.is-offset-5-tablet {
        margin-left: 41.66666674%
    }
    .column.is-6,
    .column.is-6-tablet {
        flex: none;
        width: 50%
    }
    .column.is-offset-6,
    .column.is-offset-6-tablet {
        margin-left: 50%
    }
    .column.is-7,
    .column.is-7-tablet {
        flex: none;
        width: 58.33333337%
    }
    .column.is-offset-7,
    .column.is-offset-7-tablet {
        margin-left: 58.33333337%
    }
    .column.is-8,
    .column.is-8-tablet {
        flex: none;
        width: 66.66666674%
    }
    .column.is-offset-8,
    .column.is-offset-8-tablet {
        margin-left: 66.66666674%
    }
    .column.is-9,
    .column.is-9-tablet {
        flex: none;
        width: 75%
    }
    .column.is-offset-9,
    .column.is-offset-9-tablet {
        margin-left: 75%
    }
    .column.is-10,
    .column.is-10-tablet {
        flex: none;
        width: 83.33333337%
    }
    .column.is-offset-10,
    .column.is-offset-10-tablet {
        margin-left: 83.33333337%
    }
    .column.is-11,
    .column.is-11-tablet {
        flex: none;
        width: 91.66666674%
    }
    .column.is-offset-11,
    .column.is-offset-11-tablet {
        margin-left: 91.66666674%
    }
    .column.is-12,
    .column.is-12-tablet {
        flex: none;
        width: 100%
    }
    .column.is-offset-12,
    .column.is-offset-12-tablet {
        margin-left: 100%
    }
}

@media screen and (max-width: 1023px) {
    .column.is-narrow-touch {
        flex: none;
        width: unset
    }
    .column.is-full-touch {
        flex: none;
        width: 100%
    }
    .column.is-three-quarters-touch {
        flex: none;
        width: 75%
    }
    .column.is-two-thirds-touch {
        flex: none;
        width: 66.6666%
    }
    .column.is-half-touch {
        flex: none;
        width: 50%
    }
    .column.is-one-third-touch {
        flex: none;
        width: 33.3333%
    }
    .column.is-one-quarter-touch {
        flex: none;
        width: 25%
    }
    .column.is-one-fifth-touch {
        flex: none;
        width: 20%
    }
    .column.is-two-fifths-touch {
        flex: none;
        width: 40%
    }
    .column.is-three-fifths-touch {
        flex: none;
        width: 60%
    }
    .column.is-four-fifths-touch {
        flex: none;
        width: 80%
    }
    .column.is-offset-three-quarters-touch {
        margin-left: 75%
    }
    .column.is-offset-two-thirds-touch {
        margin-left: 66.6666%
    }
    .column.is-offset-half-touch {
        margin-left: 50%
    }
    .column.is-offset-one-third-touch {
        margin-left: 33.3333%
    }
    .column.is-offset-one-quarter-touch {
        margin-left: 25%
    }
    .column.is-offset-one-fifth-touch {
        margin-left: 20%
    }
    .column.is-offset-two-fifths-touch {
        margin-left: 40%
    }
    .column.is-offset-three-fifths-touch {
        margin-left: 60%
    }
    .column.is-offset-four-fifths-touch {
        margin-left: 80%
    }
    .column.is-0-touch {
        flex: none;
        width: 0%
    }
    .column.is-offset-0-touch {
        margin-left: 0%
    }
    .column.is-1-touch {
        flex: none;
        width: 8.33333337%
    }
    .column.is-offset-1-touch {
        margin-left: 8.33333337%
    }
    .column.is-2-touch {
        flex: none;
        width: 16.66666674%
    }
    .column.is-offset-2-touch {
        margin-left: 16.66666674%
    }
    .column.is-3-touch {
        flex: none;
        width: 25%
    }
    .column.is-offset-3-touch {
        margin-left: 25%
    }
    .column.is-4-touch {
        flex: none;
        width: 33.33333337%
    }
    .column.is-offset-4-touch {
        margin-left: 33.33333337%
    }
    .column.is-5-touch {
        flex: none;
        width: 41.66666674%
    }
    .column.is-offset-5-touch {
        margin-left: 41.66666674%
    }
    .column.is-6-touch {
        flex: none;
        width: 50%
    }
    .column.is-offset-6-touch {
        margin-left: 50%
    }
    .column.is-7-touch {
        flex: none;
        width: 58.33333337%
    }
    .column.is-offset-7-touch {
        margin-left: 58.33333337%
    }
    .column.is-8-touch {
        flex: none;
        width: 66.66666674%
    }
    .column.is-offset-8-touch {
        margin-left: 66.66666674%
    }
    .column.is-9-touch {
        flex: none;
        width: 75%
    }
    .column.is-offset-9-touch {
        margin-left: 75%
    }
    .column.is-10-touch {
        flex: none;
        width: 83.33333337%
    }
    .column.is-offset-10-touch {
        margin-left: 83.33333337%
    }
    .column.is-11-touch {
        flex: none;
        width: 91.66666674%
    }
    .column.is-offset-11-touch {
        margin-left: 91.66666674%
    }
    .column.is-12-touch {
        flex: none;
        width: 100%
    }
    .column.is-offset-12-touch {
        margin-left: 100%
    }
}

@media screen and (min-width: 1024px) {
    .column.is-narrow-desktop {
        flex: none;
        width: unset
    }
    .column.is-full-desktop {
        flex: none;
        width: 100%
    }
    .column.is-three-quarters-desktop {
        flex: none;
        width: 75%
    }
    .column.is-two-thirds-desktop {
        flex: none;
        width: 66.6666%
    }
    .column.is-half-desktop {
        flex: none;
        width: 50%
    }
    .column.is-one-third-desktop {
        flex: none;
        width: 33.3333%
    }
    .column.is-one-quarter-desktop {
        flex: none;
        width: 25%
    }
    .column.is-one-fifth-desktop {
        flex: none;
        width: 20%
    }
    .column.is-two-fifths-desktop {
        flex: none;
        width: 40%
    }
    .column.is-three-fifths-desktop {
        flex: none;
        width: 60%
    }
    .column.is-four-fifths-desktop {
        flex: none;
        width: 80%
    }
    .column.is-offset-three-quarters-desktop {
        margin-left: 75%
    }
    .column.is-offset-two-thirds-desktop {
        margin-left: 66.6666%
    }
    .column.is-offset-half-desktop {
        margin-left: 50%
    }
    .column.is-offset-one-third-desktop {
        margin-left: 33.3333%
    }
    .column.is-offset-one-quarter-desktop {
        margin-left: 25%
    }
    .column.is-offset-one-fifth-desktop {
        margin-left: 20%
    }
    .column.is-offset-two-fifths-desktop {
        margin-left: 40%
    }
    .column.is-offset-three-fifths-desktop {
        margin-left: 60%
    }
    .column.is-offset-four-fifths-desktop {
        margin-left: 80%
    }
    .column.is-0-desktop {
        flex: none;
        width: 0%
    }
    .column.is-offset-0-desktop {
        margin-left: 0%
    }
    .column.is-1-desktop {
        flex: none;
        width: 8.33333337%
    }
    .column.is-offset-1-desktop {
        margin-left: 8.33333337%
    }
    .column.is-2-desktop {
        flex: none;
        width: 16.66666674%
    }
    .column.is-offset-2-desktop {
        margin-left: 16.66666674%
    }
    .column.is-3-desktop {
        flex: none;
        width: 25%
    }
    .column.is-offset-3-desktop {
        margin-left: 25%
    }
    .column.is-4-desktop {
        flex: none;
        width: 33.33333337%
    }
    .column.is-offset-4-desktop {
        margin-left: 33.33333337%
    }
    .column.is-5-desktop {
        flex: none;
        width: 41.66666674%
    }
    .column.is-offset-5-desktop {
        margin-left: 41.66666674%
    }
    .column.is-6-desktop {
        flex: none;
        width: 50%
    }
    .column.is-offset-6-desktop {
        margin-left: 50%
    }
    .column.is-7-desktop {
        flex: none;
        width: 58.33333337%
    }
    .column.is-offset-7-desktop {
        margin-left: 58.33333337%
    }
    .column.is-8-desktop {
        flex: none;
        width: 66.66666674%
    }
    .column.is-offset-8-desktop {
        margin-left: 66.66666674%
    }
    .column.is-9-desktop {
        flex: none;
        width: 75%
    }
    .column.is-offset-9-desktop {
        margin-left: 75%
    }
    .column.is-10-desktop {
        flex: none;
        width: 83.33333337%
    }
    .column.is-offset-10-desktop {
        margin-left: 83.33333337%
    }
    .column.is-11-desktop {
        flex: none;
        width: 91.66666674%
    }
    .column.is-offset-11-desktop {
        margin-left: 91.66666674%
    }
    .column.is-12-desktop {
        flex: none;
        width: 100%
    }
    .column.is-offset-12-desktop {
        margin-left: 100%
    }
}

@media screen and (min-width: 1216px) {
    .column.is-narrow-widescreen {
        flex: none;
        width: unset
    }
    .column.is-full-widescreen {
        flex: none;
        width: 100%
    }
    .column.is-three-quarters-widescreen {
        flex: none;
        width: 75%
    }
    .column.is-two-thirds-widescreen {
        flex: none;
        width: 66.6666%
    }
    .column.is-half-widescreen {
        flex: none;
        width: 50%
    }
    .column.is-one-third-widescreen {
        flex: none;
        width: 33.3333%
    }
    .column.is-one-quarter-widescreen {
        flex: none;
        width: 25%
    }
    .column.is-one-fifth-widescreen {
        flex: none;
        width: 20%
    }
    .column.is-two-fifths-widescreen {
        flex: none;
        width: 40%
    }
    .column.is-three-fifths-widescreen {
        flex: none;
        width: 60%
    }
    .column.is-four-fifths-widescreen {
        flex: none;
        width: 80%
    }
    .column.is-offset-three-quarters-widescreen {
        margin-left: 75%
    }
    .column.is-offset-two-thirds-widescreen {
        margin-left: 66.6666%
    }
    .column.is-offset-half-widescreen {
        margin-left: 50%
    }
    .column.is-offset-one-third-widescreen {
        margin-left: 33.3333%
    }
    .column.is-offset-one-quarter-widescreen {
        margin-left: 25%
    }
    .column.is-offset-one-fifth-widescreen {
        margin-left: 20%
    }
    .column.is-offset-two-fifths-widescreen {
        margin-left: 40%
    }
    .column.is-offset-three-fifths-widescreen {
        margin-left: 60%
    }
    .column.is-offset-four-fifths-widescreen {
        margin-left: 80%
    }
    .column.is-0-widescreen {
        flex: none;
        width: 0%
    }
    .column.is-offset-0-widescreen {
        margin-left: 0%
    }
    .column.is-1-widescreen {
        flex: none;
        width: 8.33333337%
    }
    .column.is-offset-1-widescreen {
        margin-left: 8.33333337%
    }
    .column.is-2-widescreen {
        flex: none;
        width: 16.66666674%
    }
    .column.is-offset-2-widescreen {
        margin-left: 16.66666674%
    }
    .column.is-3-widescreen {
        flex: none;
        width: 25%
    }
    .column.is-offset-3-widescreen {
        margin-left: 25%
    }
    .column.is-4-widescreen {
        flex: none;
        width: 33.33333337%
    }
    .column.is-offset-4-widescreen {
        margin-left: 33.33333337%
    }
    .column.is-5-widescreen {
        flex: none;
        width: 41.66666674%
    }
    .column.is-offset-5-widescreen {
        margin-left: 41.66666674%
    }
    .column.is-6-widescreen {
        flex: none;
        width: 50%
    }
    .column.is-offset-6-widescreen {
        margin-left: 50%
    }
    .column.is-7-widescreen {
        flex: none;
        width: 58.33333337%
    }
    .column.is-offset-7-widescreen {
        margin-left: 58.33333337%
    }
    .column.is-8-widescreen {
        flex: none;
        width: 66.66666674%
    }
    .column.is-offset-8-widescreen {
        margin-left: 66.66666674%
    }
    .column.is-9-widescreen {
        flex: none;
        width: 75%
    }
    .column.is-offset-9-widescreen {
        margin-left: 75%
    }
    .column.is-10-widescreen {
        flex: none;
        width: 83.33333337%
    }
    .column.is-offset-10-widescreen {
        margin-left: 83.33333337%
    }
    .column.is-11-widescreen {
        flex: none;
        width: 91.66666674%
    }
    .column.is-offset-11-widescreen {
        margin-left: 91.66666674%
    }
    .column.is-12-widescreen {
        flex: none;
        width: 100%
    }
    .column.is-offset-12-widescreen {
        margin-left: 100%
    }
}

.columns {
    margin-left: -.75rem;
    margin-right: -.75rem;
    margin-top: -.75rem
}

.columns:last-child {
    margin-bottom: -.75rem
}

.columns:not(:last-child) {
    margin-bottom: .75rem
}

.columns.is-centered {
    justify-content: center
}

.columns.is-gapless {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
}

.columns.is-gapless>.column {
    margin: 0;
    padding: 0 !important
}

.columns.is-gapless:not(:last-child) {
    margin-bottom: 1.5rem
}

.columns.is-gapless:last-child {
    margin-bottom: 0
}

.columns.is-mobile {
    display: flex
}

.columns.is-multiline {
    flex-wrap: wrap
}

.columns.is-vcentered {
    align-items: center
}

@media screen and (min-width: 769px),
print {
    .columns:not(.is-desktop) {
        display: flex
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-desktop {
        display: flex
    }
}

.columns.is-variable {
    --columnGap: .75rem;
    margin-left: calc(-1 * var(--columnGap));
    margin-right: calc(-1 * var(--columnGap))
}

.columns.is-variable>.column {
    padding-left: var(--columnGap);
    padding-right: var(--columnGap)
}

.columns.is-variable.is-0 {
    --columnGap: 0rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-0-mobile {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-0-tablet {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-0-tablet-only {
        --columnGap: 0rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-0-touch {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-0-desktop {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-0-desktop-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-0-widescreen {
        --columnGap: 0rem
    }
}

.columns.is-variable.is-1 {
    --columnGap: .25rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-1-mobile {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-1-tablet {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-1-tablet-only {
        --columnGap: .25rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-1-touch {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-1-desktop {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-1-desktop-only {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-1-widescreen {
        --columnGap: .25rem
    }
}

.columns.is-variable.is-2 {
    --columnGap: .5rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-2-mobile {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-2-tablet {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-2-tablet-only {
        --columnGap: .5rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-2-touch {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-2-desktop {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-2-desktop-only {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-2-widescreen {
        --columnGap: .5rem
    }
}

.columns.is-variable.is-3 {
    --columnGap: .75rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-3-mobile {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-3-tablet {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-3-tablet-only {
        --columnGap: .75rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-3-touch {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-3-desktop {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-3-desktop-only {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-3-widescreen {
        --columnGap: .75rem
    }
}

.columns.is-variable.is-4 {
    --columnGap: 1rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-4-mobile {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-4-tablet {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-4-tablet-only {
        --columnGap: 1rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-4-touch {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-4-desktop {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-4-desktop-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-4-widescreen {
        --columnGap: 1rem
    }
}

.columns.is-variable.is-5 {
    --columnGap: 1.25rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-5-mobile {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-5-tablet {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-5-tablet-only {
        --columnGap: 1.25rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-5-touch {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-5-desktop {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-5-desktop-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-5-widescreen {
        --columnGap: 1.25rem
    }
}

.columns.is-variable.is-6 {
    --columnGap: 1.5rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-6-mobile {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-6-tablet {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-6-tablet-only {
        --columnGap: 1.5rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-6-touch {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-6-desktop {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-6-desktop-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-6-widescreen {
        --columnGap: 1.5rem
    }
}

.columns.is-variable.is-7 {
    --columnGap: 1.75rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-7-mobile {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-7-tablet {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-7-tablet-only {
        --columnGap: 1.75rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-7-touch {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-7-desktop {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-7-desktop-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-7-widescreen {
        --columnGap: 1.75rem
    }
}

.columns.is-variable.is-8 {
    --columnGap: 2rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-8-mobile {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-8-tablet {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-8-tablet-only {
        --columnGap: 2rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-8-touch {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-8-desktop {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-8-desktop-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-8-widescreen {
        --columnGap: 2rem
    }
}

.tile {
    align-items: stretch;
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    min-height: -moz-min-content;
    min-height: min-content
}

.tile.is-ancestor {
    margin-left: -.75rem;
    margin-right: -.75rem;
    margin-top: -.75rem
}

.tile.is-ancestor:last-child {
    margin-bottom: -.75rem
}

.tile.is-ancestor:not(:last-child) {
    margin-bottom: .75rem
}

.tile.is-child {
    margin: 0 !important
}

.tile.is-parent {
    padding: .75rem
}

.tile.is-vertical {
    flex-direction: column
}

.tile.is-vertical>.tile.is-child:not(:last-child) {
    margin-bottom: 1.5rem !important
}

@media screen and (min-width: 769px),
print {
    .tile:not(.is-child) {
        display: flex
    }
    .tile.is-1 {
        flex: none;
        width: 8.33333337%
    }
    .tile.is-2 {
        flex: none;
        width: 16.66666674%
    }
    .tile.is-3 {
        flex: none;
        width: 25%
    }
    .tile.is-4 {
        flex: none;
        width: 33.33333337%
    }
    .tile.is-5 {
        flex: none;
        width: 41.66666674%
    }
    .tile.is-6 {
        flex: none;
        width: 50%
    }
    .tile.is-7 {
        flex: none;
        width: 58.33333337%
    }
    .tile.is-8 {
        flex: none;
        width: 66.66666674%
    }
    .tile.is-9 {
        flex: none;
        width: 75%
    }
    .tile.is-10 {
        flex: none;
        width: 83.33333337%
    }
    .tile.is-11 {
        flex: none;
        width: 91.66666674%
    }
    .tile.is-12 {
        flex: none;
        width: 100%
    }
}

.has-text-white {
    color: var(--white) !important
}

a.has-text-white:hover,
a.has-text-white:focus {
    color: var(--white) !important
}

.has-background-white {
    background-color: var(--white) !important
}

.has-text-black {
    color: var(--black) !important
}

a.has-text-black:hover,
a.has-text-black:focus {
    color: var(--black) !important
}

.has-background-black {
    background-color: var(--black) !important
}

.has-text-light {
    color: #f5f5f5 !important
}

a.has-text-light:hover,
a.has-text-light:focus {
    color: #dbdbdb !important
}

.has-background-light {
    background-color: #f5f5f5 !important
}

.has-text-dark {
    color: var(--dark) !important
}

a.has-text-dark:hover,
a.has-text-dark:focus {
    color: var(--dark) !important
}

.has-background-dark {
    background-color: var(--dark) !important
}

.has-text-primary {
    color: var(--primary) !important
}

a.has-text-primary:hover,
a.has-text-primary:focus {
    color: var(--primary) !important
}

.has-background-primary {
    background-color: var(--primary) !important
}

.has-text-primary-light {
    color: var(--primary--light-color) !important
}

a.has-text-primary-light:hover,
a.has-text-primary-light:focus {
    color: var(--primary--light-color) !important
}

.has-background-primary-light {
    background-color: var(--primary--light-color) !important
}

.has-text-primary-dark {
    color: var(--primary--dark-color) !important
}

a.has-text-primary-dark:hover,
a.has-text-primary-dark:focus {
    color: var(--primary--dark-color) !important
}

.has-background-primary-dark {
    background-color: var(--primary--dark-color) !important
}

.has-text-link {
    color: var(--link) !important
}

a.has-text-link:hover,
a.has-text-link:focus {
    color: var(--link) !important
}

.has-background-link {
    background-color: var(--link) !important
}

.has-text-link-light {
    color: var(--link--light-color) !important
}

a.has-text-link-light:hover,
a.has-text-link-light:focus {
    color: var(--link--light-color) !important
}

.has-background-link-light {
    background-color: var(--link--light-color) !important
}

.has-text-link-dark {
    color: var(--link--dark-color) !important
}

a.has-text-link-dark:hover,
a.has-text-link-dark:focus {
    color: var(--link--dark-color) !important
}

.has-background-link-dark {
    background-color: var(--link--dark-color) !important
}

.has-text-info {
    color: var(--info) !important
}

a.has-text-info:hover,
a.has-text-info:focus {
    color: var(--info) !important
}

.has-background-info {
    background-color: var(--info) !important
}

.has-text-info-light {
    color: var(--info--light-color) !important
}

a.has-text-info-light:hover,
a.has-text-info-light:focus {
    color: var(--info--light-color) !important
}

.has-background-info-light {
    background-color: var(--info--light-color) !important
}

.has-text-info-dark {
    color: var(--info--dark-color) !important
}

a.has-text-info-dark:hover,
a.has-text-info-dark:focus {
    color: var(--info--dark-color) !important
}

.has-background-info-dark {
    background-color: var(--info--dark-color) !important
}

.has-text-success {
    color: var(--success) !important
}

a.has-text-success:hover,
a.has-text-success:focus {
    color: var(--success) !important
}

.has-background-success {
    background-color: var(--success) !important
}

.has-text-success-light {
    color: var(--success--light-color) !important
}

a.has-text-success-light:hover,
a.has-text-success-light:focus {
    color: var(--success--light-color) !important
}

.has-background-success-light {
    background-color: var(--success--light-color) !important
}

.has-text-success-dark {
    color: var(--success--dark-color) !important
}

a.has-text-success-dark:hover,
a.has-text-success-dark:focus {
    color: var(--success--dark-color) !important
}

.has-background-success-dark {
    background-color: var(--success--dark-color) !important
}

.has-text-warning {
    color: var(--warning) !important
}

a.has-text-warning:hover,
a.has-text-warning:focus {
    color: var(--warning) !important
}

.has-background-warning {
    background-color: var(--warning) !important
}

.has-text-warning-light {
    color: var(--warning--light-color) !important
}

a.has-text-warning-light:hover,
a.has-text-warning-light:focus {
    color: var(--warning--light-color) !important
}

.has-background-warning-light {
    background-color: var(--warning--light-color) !important
}

.has-text-warning-dark {
    color: var(--warning--dark-color) !important
}

a.has-text-warning-dark:hover,
a.has-text-warning-dark:focus {
    color: var(--warning--dark-color) !important
}

.has-background-warning-dark {
    background-color: var(--warning--dark-color) !important
}

.has-text-danger {
    color: var(--danger) !important
}

a.has-text-danger:hover,
a.has-text-danger:focus {
    color: var(--danger) !important
}

.has-background-danger {
    background-color: var(--danger) !important
}

.has-text-danger-light {
    color: var(--danger--light-color) !important
}

a.has-text-danger-light:hover,
a.has-text-danger-light:focus {
    color: var(--danger--light-color) !important
}

.has-background-danger-light {
    background-color: var(--danger--light-color) !important
}

.has-text-danger-dark {
    color: var(--danger--dark-color) !important
}

a.has-text-danger-dark:hover,
a.has-text-danger-dark:focus {
    color: var(--danger--dark-color) !important
}

.has-background-danger-dark {
    background-color: var(--danger--dark-color) !important
}

.has-text-black-bis {
    color: #121212 !important
}

.has-background-black-bis {
    background-color: #121212 !important
}

.has-text-black-ter {
    color: #242424 !important
}

.has-background-black-ter {
    background-color: #242424 !important
}

.has-text-grey-darker {
    color: #363636 !important
}

.has-background-grey-darker {
    background-color: #363636 !important
}

.has-text-grey-dark {
    color: #4a4a4a !important
}

.has-background-grey-dark {
    background-color: #4a4a4a !important
}

.has-text-grey {
    color: #7a7a7a !important
}

.has-background-grey {
    background-color: #7a7a7a !important
}

.has-text-grey-light {
    color: #b5b5b5 !important
}

.has-background-grey-light {
    background-color: #b5b5b5 !important
}

.has-text-grey-lighter {
    color: #dbdbdb !important
}

.has-background-grey-lighter {
    background-color: #dbdbdb !important
}

.has-text-white-ter {
    color: #f5f5f5 !important
}

.has-background-white-ter {
    background-color: #f5f5f5 !important
}

.has-text-white-bis {
    color: #fafafa !important
}

.has-background-white-bis {
    background-color: #fafafa !important
}

.is-flex-direction-row {
    flex-direction: row !important
}

.is-flex-direction-row-reverse {
    flex-direction: row-reverse !important
}

.is-flex-direction-column {
    flex-direction: column !important
}

.is-flex-direction-column-reverse {
    flex-direction: column-reverse !important
}

.is-flex-wrap-nowrap {
    flex-wrap: nowrap !important
}

.is-flex-wrap-wrap {
    flex-wrap: wrap !important
}

.is-flex-wrap-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.is-justify-content-flex-start {
    justify-content: flex-start !important
}

.is-justify-content-flex-end {
    justify-content: flex-end !important
}

.is-justify-content-center {
    justify-content: center !important
}

.is-justify-content-space-between {
    justify-content: space-between !important
}

.is-justify-content-space-around {
    justify-content: space-around !important
}

.is-justify-content-space-evenly {
    justify-content: space-evenly !important
}

.is-justify-content-start {
    justify-content: start !important
}

.is-justify-content-end {
    justify-content: end !important
}

.is-justify-content-left {
    justify-content: left !important
}

.is-justify-content-right {
    justify-content: right !important
}

.is-align-content-flex-start {
    align-content: flex-start !important
}

.is-align-content-flex-end {
    align-content: flex-end !important
}

.is-align-content-center {
    align-content: center !important
}

.is-align-content-space-between {
    align-content: space-between !important
}

.is-align-content-space-around {
    align-content: space-around !important
}

.is-align-content-space-evenly {
    align-content: space-evenly !important
}

.is-align-content-stretch {
    align-content: stretch !important
}

.is-align-content-start {
    align-content: start !important
}

.is-align-content-end {
    align-content: end !important
}

.is-align-content-baseline {
    align-content: baseline !important
}

.is-align-items-stretch {
    align-items: stretch !important
}

.is-align-items-flex-start {
    align-items: flex-start !important
}

.is-align-items-flex-end {
    align-items: flex-end !important
}

.is-align-items-center {
    align-items: center !important
}

.is-align-items-baseline {
    align-items: baseline !important
}

.is-align-items-start {
    align-items: start !important
}

.is-align-items-end {
    align-items: end !important
}

.is-align-items-self-start {
    align-items: self-start !important
}

.is-align-items-self-end {
    align-items: self-end !important
}

.is-align-self-auto {
    align-self: auto !important
}

.is-align-self-flex-start {
    align-self: flex-start !important
}

.is-align-self-flex-end {
    align-self: flex-end !important
}

.is-align-self-center {
    align-self: center !important
}

.is-align-self-baseline {
    align-self: baseline !important
}

.is-align-self-stretch {
    align-self: stretch !important
}

.is-flex-grow-0 {
    flex-grow: 0 !important
}

.is-flex-grow-1 {
    flex-grow: 1 !important
}

.is-flex-grow-2 {
    flex-grow: 2 !important
}

.is-flex-grow-3 {
    flex-grow: 3 !important
}

.is-flex-grow-4 {
    flex-grow: 4 !important
}

.is-flex-grow-5 {
    flex-grow: 5 !important
}

.is-flex-shrink-0 {
    flex-shrink: 0 !important
}

.is-flex-shrink-1 {
    flex-shrink: 1 !important
}

.is-flex-shrink-2 {
    flex-shrink: 2 !important
}

.is-flex-shrink-3 {
    flex-shrink: 3 !important
}

.is-flex-shrink-4 {
    flex-shrink: 4 !important
}

.is-flex-shrink-5 {
    flex-shrink: 5 !important
}

.is-clearfix:after {
    clear: both;
    content: " ";
    display: table
}

.is-pulled-left {
    float: left !important
}

.is-pulled-right {
    float: right !important
}

.is-radiusless {
    border-radius: 0 !important
}

.is-shadowless {
    box-shadow: none !important
}

.is-clickable {
    cursor: pointer !important;
    pointer-events: all !important
}

.is-clipped {
    overflow: hidden !important
}

.is-relative {
    position: relative !important
}

.is-marginless {
    margin: 0 !important
}

.is-paddingless {
    padding: 0 !important
}

.m-0 {
    margin: 0 !important
}

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

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

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

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

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mr-1 {
    margin-right: .25rem !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.ml-1 {
    margin-left: .25rem !important
}

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

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

.m-2 {
    margin: .5rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.ml-2 {
    margin-left: .5rem !important
}

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

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

.m-3 {
    margin: .75rem !important
}

.mt-3 {
    margin-top: .75rem !important
}

.mr-3 {
    margin-right: .75rem !important
}

.mb-3 {
    margin-bottom: .75rem !important
}

.ml-3 {
    margin-left: .75rem !important
}

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

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

.m-4 {
    margin: 1rem !important
}

.mt-4 {
    margin-top: 1rem !important
}

.mr-4 {
    margin-right: 1rem !important
}

.mb-4 {
    margin-bottom: 1rem !important
}

.ml-4 {
    margin-left: 1rem !important
}

.mx-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
}

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

.m-5 {
    margin: 1.5rem !important
}

.mt-5 {
    margin-top: 1.5rem !important
}

.mr-5 {
    margin-right: 1.5rem !important
}

.mb-5 {
    margin-bottom: 1.5rem !important
}

.ml-5 {
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
}

.my-5 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.m-6 {
    margin: 3rem !important
}

.mt-6 {
    margin-top: 3rem !important
}

.mr-6 {
    margin-right: 3rem !important
}

.mb-6 {
    margin-bottom: 3rem !important
}

.ml-6 {
    margin-left: 3rem !important
}

.mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
}

.my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto {
    margin-top: auto !important
}

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

.mb-auto {
    margin-bottom: auto !important
}

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

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

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.p-0 {
    padding: 0 !important
}

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

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

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

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

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pr-1 {
    padding-right: .25rem !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pl-1 {
    padding-left: .25rem !important
}

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

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

.p-2 {
    padding: .5rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pr-2 {
    padding-right: .5rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pl-2 {
    padding-left: .5rem !important
}

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

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.p-3 {
    padding: .75rem !important
}

.pt-3 {
    padding-top: .75rem !important
}

.pr-3 {
    padding-right: .75rem !important
}

.pb-3 {
    padding-bottom: .75rem !important
}

.pl-3 {
    padding-left: .75rem !important
}

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

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

.p-4 {
    padding: 1rem !important
}

.pt-4 {
    padding-top: 1rem !important
}

.pr-4 {
    padding-right: 1rem !important
}

.pb-4 {
    padding-bottom: 1rem !important
}

.pl-4 {
    padding-left: 1rem !important
}

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

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

.p-5 {
    padding: 1.5rem !important
}

.pt-5 {
    padding-top: 1.5rem !important
}

.pr-5 {
    padding-right: 1.5rem !important
}

.pb-5 {
    padding-bottom: 1.5rem !important
}

.pl-5 {
    padding-left: 1.5rem !important
}

.px-5 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.py-5 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.p-6 {
    padding: 3rem !important
}

.pt-6 {
    padding-top: 3rem !important
}

.pr-6 {
    padding-right: 3rem !important
}

.pb-6 {
    padding-bottom: 3rem !important
}

.pl-6 {
    padding-left: 3rem !important
}

.px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
}

.py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.p-auto {
    padding: auto !important
}

.pt-auto {
    padding-top: auto !important
}

.pr-auto {
    padding-right: auto !important
}

.pb-auto {
    padding-bottom: auto !important
}

.pl-auto {
    padding-left: auto !important
}

.px-auto {
    padding-left: auto !important;
    padding-right: auto !important
}

.py-auto {
    padding-top: auto !important;
    padding-bottom: auto !important
}

.is-size-1 {
    font-size: 3rem !important
}

.is-size-2 {
    font-size: 2.5rem !important
}

.is-size-3 {
    font-size: 2rem !important
}

.is-size-4 {
    font-size: 1.5rem !important
}

.is-size-5 {
    font-size: 1.25rem !important
}

.is-size-6 {
    font-size: 1rem !important
}

.is-size-7 {
    font-size: .75rem !important
}

@media screen and (max-width: 768px) {
    .is-size-1-mobile {
        font-size: 3rem !important
    }
    .is-size-2-mobile {
        font-size: 2.5rem !important
    }
    .is-size-3-mobile {
        font-size: 2rem !important
    }
    .is-size-4-mobile {
        font-size: 1.5rem !important
    }
    .is-size-5-mobile {
        font-size: 1.25rem !important
    }
    .is-size-6-mobile {
        font-size: 1rem !important
    }
    .is-size-7-mobile {
        font-size: .75rem !important
    }
}

@media screen and (min-width: 769px),
print {
    .is-size-1-tablet {
        font-size: 3rem !important
    }
    .is-size-2-tablet {
        font-size: 2.5rem !important
    }
    .is-size-3-tablet {
        font-size: 2rem !important
    }
    .is-size-4-tablet {
        font-size: 1.5rem !important
    }
    .is-size-5-tablet {
        font-size: 1.25rem !important
    }
    .is-size-6-tablet {
        font-size: 1rem !important
    }
    .is-size-7-tablet {
        font-size: .75rem !important
    }
}

@media screen and (max-width: 1023px) {
    .is-size-1-touch {
        font-size: 3rem !important
    }
    .is-size-2-touch {
        font-size: 2.5rem !important
    }
    .is-size-3-touch {
        font-size: 2rem !important
    }
    .is-size-4-touch {
        font-size: 1.5rem !important
    }
    .is-size-5-touch {
        font-size: 1.25rem !important
    }
    .is-size-6-touch {
        font-size: 1rem !important
    }
    .is-size-7-touch {
        font-size: .75rem !important
    }
}

@media screen and (min-width: 1024px) {
    .is-size-1-desktop {
        font-size: 3rem !important
    }
    .is-size-2-desktop {
        font-size: 2.5rem !important
    }
    .is-size-3-desktop {
        font-size: 2rem !important
    }
    .is-size-4-desktop {
        font-size: 1.5rem !important
    }
    .is-size-5-desktop {
        font-size: 1.25rem !important
    }
    .is-size-6-desktop {
        font-size: 1rem !important
    }
    .is-size-7-desktop {
        font-size: .75rem !important
    }
}

@media screen and (min-width: 1216px) {
    .is-size-1-widescreen {
        font-size: 3rem !important
    }
    .is-size-2-widescreen {
        font-size: 2.5rem !important
    }
    .is-size-3-widescreen {
        font-size: 2rem !important
    }
    .is-size-4-widescreen {
        font-size: 1.5rem !important
    }
    .is-size-5-widescreen {
        font-size: 1.25rem !important
    }
    .is-size-6-widescreen {
        font-size: 1rem !important
    }
    .is-size-7-widescreen {
        font-size: .75rem !important
    }
}

.has-text-centered {
    text-align: center !important
}

.has-text-justified {
    text-align: justify !important
}

.has-text-left {
    text-align: left !important
}

.has-text-right {
    text-align: right !important
}

@media screen and (max-width: 768px) {
    .has-text-centered-mobile {
        text-align: center !important
    }
}

@media screen and (min-width: 769px),
print {
    .has-text-centered-tablet {
        text-align: center !important
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .has-text-centered-tablet-only {
        text-align: center !important
    }
}

@media screen and (max-width: 1023px) {
    .has-text-centered-touch {
        text-align: center !important
    }
}

@media screen and (min-width: 1024px) {
    .has-text-centered-desktop {
        text-align: center !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .has-text-centered-desktop-only {
        text-align: center !important
    }
}

@media screen and (min-width: 1216px) {
    .has-text-centered-widescreen {
        text-align: center !important
    }
}

@media screen and (max-width: 768px) {
    .has-text-justified-mobile {
        text-align: justify !important
    }
}

@media screen and (min-width: 769px),
print {
    .has-text-justified-tablet {
        text-align: justify !important
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .has-text-justified-tablet-only {
        text-align: justify !important
    }
}

@media screen and (max-width: 1023px) {
    .has-text-justified-touch {
        text-align: justify !important
    }
}

@media screen and (min-width: 1024px) {
    .has-text-justified-desktop {
        text-align: justify !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .has-text-justified-desktop-only {
        text-align: justify !important
    }
}

@media screen and (min-width: 1216px) {
    .has-text-justified-widescreen {
        text-align: justify !important
    }
}

@media screen and (max-width: 768px) {
    .has-text-left-mobile {
        text-align: left !important
    }
}

@media screen and (min-width: 769px),
print {
    .has-text-left-tablet {
        text-align: left !important
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .has-text-left-tablet-only {
        text-align: left !important
    }
}

@media screen and (max-width: 1023px) {
    .has-text-left-touch {
        text-align: left !important
    }
}

@media screen and (min-width: 1024px) {
    .has-text-left-desktop {
        text-align: left !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .has-text-left-desktop-only {
        text-align: left !important
    }
}

@media screen and (min-width: 1216px) {
    .has-text-left-widescreen {
        text-align: left !important
    }
}

@media screen and (max-width: 768px) {
    .has-text-right-mobile {
        text-align: right !important
    }
}

@media screen and (min-width: 769px),
print {
    .has-text-right-tablet {
        text-align: right !important
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .has-text-right-tablet-only {
        text-align: right !important
    }
}

@media screen and (max-width: 1023px) {
    .has-text-right-touch {
        text-align: right !important
    }
}

@media screen and (min-width: 1024px) {
    .has-text-right-desktop {
        text-align: right !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .has-text-right-desktop-only {
        text-align: right !important
    }
}

@media screen and (min-width: 1216px) {
    .has-text-right-widescreen {
        text-align: right !important
    }
}

.is-capitalized {
    text-transform: capitalize !important
}

.is-lowercase {
    text-transform: lowercase !important
}

.is-uppercase {
    text-transform: uppercase !important
}

.is-italic {
    font-style: italic !important
}

.is-underlined {
    text-decoration: underline !important
}

.has-text-weight-light {
    font-weight: 300 !important
}

.has-text-weight-normal {
    font-weight: 400 !important
}

.has-text-weight-medium {
    font-weight: 500 !important
}

.has-text-weight-semibold {
    font-weight: 600 !important
}

.has-text-weight-bold {
    font-weight: 700 !important
}

.is-family-primary,
.is-family-secondary,
.is-family-sans-serif {
    font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif !important
}

.is-family-monospace,
.is-family-code {
    font-family: monospace !important
}

.is-block {
    display: block !important
}

@media screen and (max-width: 768px) {
    .is-block-mobile {
        display: block !important
    }
}

@media screen and (min-width: 769px),
print {
    .is-block-tablet {
        display: block !important
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .is-block-tablet-only {
        display: block !important
    }
}

@media screen and (max-width: 1023px) {
    .is-block-touch {
        display: block !important
    }
}

@media screen and (min-width: 1024px) {
    .is-block-desktop {
        display: block !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .is-block-desktop-only {
        display: block !important
    }
}

@media screen and (min-width: 1216px) {
    .is-block-widescreen {
        display: block !important
    }
}

.is-flex {
    display: flex !important
}

@media screen and (max-width: 768px) {
    .is-flex-mobile {
        display: flex !important
    }
}

@media screen and (min-width: 769px),
print {
    .is-flex-tablet {
        display: flex !important
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .is-flex-tablet-only {
        display: flex !important
    }
}

@media screen and (max-width: 1023px) {
    .is-flex-touch {
        display: flex !important
    }
}

@media screen and (min-width: 1024px) {
    .is-flex-desktop {
        display: flex !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .is-flex-desktop-only {
        display: flex !important
    }
}

@media screen and (min-width: 1216px) {
    .is-flex-widescreen {
        display: flex !important
    }
}

.is-inline {
    display: inline !important
}

@media screen and (max-width: 768px) {
    .is-inline-mobile {
        display: inline !important
    }
}

@media screen and (min-width: 769px),
print {
    .is-inline-tablet {
        display: inline !important
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .is-inline-tablet-only {
        display: inline !important
    }
}

@media screen and (max-width: 1023px) {
    .is-inline-touch {
        display: inline !important
    }
}

@media screen and (min-width: 1024px) {
    .is-inline-desktop {
        display: inline !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .is-inline-desktop-only {
        display: inline !important
    }
}

@media screen and (min-width: 1216px) {
    .is-inline-widescreen {
        display: inline !important
    }
}

.is-inline-block {
    display: inline-block !important
}

@media screen and (max-width: 768px) {
    .is-inline-block-mobile {
        display: inline-block !important
    }
}

@media screen and (min-width: 769px),
print {
    .is-inline-block-tablet {
        display: inline-block !important
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .is-inline-block-tablet-only {
        display: inline-block !important
    }
}

@media screen and (max-width: 1023px) {
    .is-inline-block-touch {
        display: inline-block !important
    }
}

@media screen and (min-width: 1024px) {
    .is-inline-block-desktop {
        display: inline-block !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .is-inline-block-desktop-only {
        display: inline-block !important
    }
}

@media screen and (min-width: 1216px) {
    .is-inline-block-widescreen {
        display: inline-block !important
    }
}

.is-inline-flex {
    display: inline-flex !important
}

@media screen and (max-width: 768px) {
    .is-inline-flex-mobile {
        display: inline-flex !important
    }
}

@media screen and (min-width: 769px),
print {
    .is-inline-flex-tablet {
        display: inline-flex !important
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .is-inline-flex-tablet-only {
        display: inline-flex !important
    }
}

@media screen and (max-width: 1023px) {
    .is-inline-flex-touch {
        display: inline-flex !important
    }
}

@media screen and (min-width: 1024px) {
    .is-inline-flex-desktop {
        display: inline-flex !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .is-inline-flex-desktop-only {
        display: inline-flex !important
    }
}

@media screen and (min-width: 1216px) {
    .is-inline-flex-widescreen {
        display: inline-flex !important
    }
}

.is-sr-only {
    border: none !important;
    clip: rect(0, 0, 0, 0) !important;
    height: .01em !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: .01em !important
}

@media screen and (max-width: 768px) {
    .is-hidden-mobile {
        display: none !important
    }
}

@media screen and (min-width: 769px),
print {
    .is-hidden-tablet {
        display: none !important
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .is-hidden-tablet-only {
        display: none !important
    }
}

@media screen and (max-width: 1023px) {
    .is-hidden-touch {
        display: none !important
    }
}

@media screen and (min-width: 1024px) {
    .is-hidden-desktop {
        display: none !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .is-hidden-desktop-only {
        display: none !important
    }
}

@media screen and (min-width: 1216px) {
    .is-hidden-widescreen {
        display: none !important
    }
}

.is-invisible {
    visibility: hidden !important
}

@media screen and (max-width: 768px) {
    .is-invisible-mobile {
        visibility: hidden !important
    }
}

@media screen and (min-width: 769px),
print {
    .is-invisible-tablet {
        visibility: hidden !important
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .is-invisible-tablet-only {
        visibility: hidden !important
    }
}

@media screen and (max-width: 1023px) {
    .is-invisible-touch {
        visibility: hidden !important
    }
}

@media screen and (min-width: 1024px) {
    .is-invisible-desktop {
        visibility: hidden !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .is-invisible-desktop-only {
        visibility: hidden !important
    }
}

@media screen and (min-width: 1216px) {
    .is-invisible-widescreen {
        visibility: hidden !important
    }
}

.hero {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.hero .navbar {
    background: none
}

.hero .tabs ul {
    border-bottom: none
}

.hero.is-white {
    background-color: var(--white);
    color: var(--black)
}

.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-white strong {
    color: inherit
}

.hero.is-white .title,
.hero.is-white .subtitle {
    color: var(--black)
}

.hero.is-white .subtitle a:not(.button),
.hero.is-white .subtitle strong {
    color: var(--black)
}

@media screen and (max-width: 1023px) {
    .hero.is-white .navbar-menu {
        background-color: var(--white)
    }
}

.hero.is-white .navbar-item,
.hero.is-white .navbar-link {
    color: var(--black)
}

.hero.is-white a.navbar-item:hover,
.hero.is-white a.navbar-item.is-active,
.hero.is-white .navbar-link:hover,
.hero.is-white .navbar-link.is-active {
    background-color: var(--white);
    color: var(--black)
}

.hero.is-white .tabs a {
    color: var(--black);
    opacity: .9
}

.hero.is-white .tabs a:hover {
    opacity: 1
}

.hero.is-white .tabs li.is-active a {
    color: var(--white) !important;
    opacity: 1
}

.hero.is-white .tabs.is-boxed a,
.hero.is-white .tabs.is-toggle a {
    color: var(--black)
}

.hero.is-white .tabs.is-boxed a:hover,
.hero.is-white .tabs.is-toggle a:hover {
    background-color: var(--black)
}

.hero.is-white .tabs.is-boxed li.is-active a,
.hero.is-white .tabs.is-boxed li.is-active a:hover,
.hero.is-white .tabs.is-toggle li.is-active a,
.hero.is-white .tabs.is-toggle li.is-active a:hover {
    background-color: var(--black);
    border-color: var(--black);
    color: var(--white)
}

.hero.is-black {
    background-color: var(--black);
    color: var(--white)
}

.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-black strong {
    color: inherit
}

.hero.is-black .title,
.hero.is-black .subtitle {
    color: var(--white)
}

.hero.is-black .subtitle a:not(.button),
.hero.is-black .subtitle strong {
    color: var(--white)
}

@media screen and (max-width: 1023px) {
    .hero.is-black .navbar-menu {
        background-color: var(--black)
    }
}

.hero.is-black .navbar-item,
.hero.is-black .navbar-link {
    color: var(--white)
}

.hero.is-black a.navbar-item:hover,
.hero.is-black a.navbar-item.is-active,
.hero.is-black .navbar-link:hover,
.hero.is-black .navbar-link.is-active {
    background-color: var(--black);
    color: var(--white)
}

.hero.is-black .tabs a {
    color: var(--white);
    opacity: .9
}

.hero.is-black .tabs a:hover {
    opacity: 1
}

.hero.is-black .tabs li.is-active a {
    color: var(--black) !important;
    opacity: 1
}

.hero.is-black .tabs.is-boxed a,
.hero.is-black .tabs.is-toggle a {
    color: var(--white)
}

.hero.is-black .tabs.is-boxed a:hover,
.hero.is-black .tabs.is-toggle a:hover {
    background-color: var(--black)
}

.hero.is-black .tabs.is-boxed li.is-active a,
.hero.is-black .tabs.is-boxed li.is-active a:hover,
.hero.is-black .tabs.is-toggle li.is-active a,
.hero.is-black .tabs.is-toggle li.is-active a:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--black)
}

.hero.is-light {
    background-color: #f5f5f5;
    color: #000000b3
}

.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-light strong {
    color: inherit
}

.hero.is-light .title {
    color: #000000b3
}

.hero.is-light .subtitle {
    color: #000000e6
}

.hero.is-light .subtitle a:not(.button),
.hero.is-light .subtitle strong {
    color: #000000b3
}

@media screen and (max-width: 1023px) {
    .hero.is-light .navbar-menu {
        background-color: #f5f5f5
    }
}

.hero.is-light .navbar-item,
.hero.is-light .navbar-link {
    color: #000000b3
}

.hero.is-light a.navbar-item:hover,
.hero.is-light a.navbar-item.is-active,
.hero.is-light .navbar-link:hover,
.hero.is-light .navbar-link.is-active {
    background-color: #e8e8e8;
    color: #000000b3
}

.hero.is-light .tabs a {
    color: #000000b3;
    opacity: .9
}

.hero.is-light .tabs a:hover {
    opacity: 1
}

.hero.is-light .tabs li.is-active a {
    color: #f5f5f5 !important;
    opacity: 1
}

.hero.is-light .tabs.is-boxed a,
.hero.is-light .tabs.is-toggle a {
    color: #000000b3
}

.hero.is-light .tabs.is-boxed a:hover,
.hero.is-light .tabs.is-toggle a:hover {
    background-color: var(--black)
}

.hero.is-light .tabs.is-boxed li.is-active a,
.hero.is-light .tabs.is-boxed li.is-active a:hover,
.hero.is-light .tabs.is-toggle li.is-active a,
.hero.is-light .tabs.is-toggle li.is-active a:hover {
    background-color: #000000b3;
    border-color: #000000b3;
    color: #f5f5f5
}

.hero.is-light.is-bold {
    background-image: linear-gradient(141deg, #dfd8d9 0%, hsl(0, 0%, 96%) 71%, white 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-light.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #dfd8d9 0%, hsl(0, 0%, 96%) 71%, white 100%)
    }
}

.hero.is-dark {
    background-color: var(--dark);
    color: var(--dark--color-invert)
}

.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-dark strong {
    color: inherit
}

.hero.is-dark .title,
.hero.is-dark .subtitle {
    color: var(--dark--color-invert)
}

.hero.is-dark .subtitle a:not(.button),
.hero.is-dark .subtitle strong {
    color: var(--dark--color-invert)
}

@media screen and (max-width: 1023px) {
    .hero.is-dark .navbar-menu {
        background-color: var(--dark)
    }
}

.hero.is-dark .navbar-item,
.hero.is-dark .navbar-link {
    color: var(--dark--color-invert)
}

.hero.is-dark a.navbar-item:hover,
.hero.is-dark a.navbar-item.is-active,
.hero.is-dark .navbar-link:hover,
.hero.is-dark .navbar-link.is-active {
    background-color: var(--dark);
    color: var(--dark--color-invert)
}

.hero.is-dark .tabs a {
    color: var(--dark--color-invert);
    opacity: .9
}

.hero.is-dark .tabs a:hover {
    opacity: 1
}

.hero.is-dark .tabs li.is-active a {
    color: var(--dark) !important;
    opacity: 1
}

.hero.is-dark .tabs.is-boxed a,
.hero.is-dark .tabs.is-toggle a {
    color: var(--dark--color-invert)
}

.hero.is-dark .tabs.is-boxed a:hover,
.hero.is-dark .tabs.is-toggle a:hover {
    background-color: var(--black)
}

.hero.is-dark .tabs.is-boxed li.is-active a,
.hero.is-dark .tabs.is-boxed li.is-active a:hover,
.hero.is-dark .tabs.is-toggle li.is-active a,
.hero.is-dark .tabs.is-toggle li.is-active a:hover {
    background-color: var(--dark--color-invert);
    border-color: var(--dark--color-invert);
    color: var(--dark)
}

.hero.is-primary {
    background-color: var(--primary);
    color: var(--primary--color-invert)
}

.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-primary strong {
    color: inherit
}

.hero.is-primary .title,
.hero.is-primary .subtitle {
    color: var(--primary--color-invert)
}

.hero.is-primary .subtitle a:not(.button),
.hero.is-primary .subtitle strong {
    color: var(--primary--color-invert)
}

@media screen and (max-width: 1023px) {
    .hero.is-primary .navbar-menu {
        background-color: var(--primary)
    }
}

.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
    color: var(--primary--color-invert)
}

.hero.is-primary a.navbar-item:hover,
.hero.is-primary a.navbar-item.is-active,
.hero.is-primary .navbar-link:hover,
.hero.is-primary .navbar-link.is-active {
    background-color: var(--primary);
    color: var(--primary--color-invert)
}

.hero.is-primary .tabs a {
    color: var(--primary--color-invert);
    opacity: .9
}

.hero.is-primary .tabs a:hover {
    opacity: 1
}

.hero.is-primary .tabs li.is-active a {
    color: var(--primary) !important;
    opacity: 1
}

.hero.is-primary .tabs.is-boxed a,
.hero.is-primary .tabs.is-toggle a {
    color: var(--primary--color-invert)
}

.hero.is-primary .tabs.is-boxed a:hover,
.hero.is-primary .tabs.is-toggle a:hover {
    background-color: var(--black)
}

.hero.is-primary .tabs.is-boxed li.is-active a,
.hero.is-primary .tabs.is-boxed li.is-active a:hover,
.hero.is-primary .tabs.is-toggle li.is-active a,
.hero.is-primary .tabs.is-toggle li.is-active a:hover {
    background-color: var(--primary--color-invert);
    border-color: var(--primary--color-invert);
    color: var(--primary)
}

.hero.is-link {
    background-color: var(--link);
    color: var(--link--color-invert)
}

.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-link strong {
    color: inherit
}

.hero.is-link .title,
.hero.is-link .subtitle {
    color: var(--link--color-invert)
}

.hero.is-link .subtitle a:not(.button),
.hero.is-link .subtitle strong {
    color: var(--link--color-invert)
}

@media screen and (max-width: 1023px) {
    .hero.is-link .navbar-menu {
        background-color: var(--link)
    }
}

.hero.is-link .navbar-item,
.hero.is-link .navbar-link {
    color: var(--link--color-invert)
}

.hero.is-link a.navbar-item:hover,
.hero.is-link a.navbar-item.is-active,
.hero.is-link .navbar-link:hover,
.hero.is-link .navbar-link.is-active {
    background-color: var(--link);
    color: var(--link--color-invert)
}

.hero.is-link .tabs a {
    color: var(--link--color-invert);
    opacity: .9
}

.hero.is-link .tabs a:hover {
    opacity: 1
}

.hero.is-link .tabs li.is-active a {
    color: var(--link) !important;
    opacity: 1
}

.hero.is-link .tabs.is-boxed a,
.hero.is-link .tabs.is-toggle a {
    color: var(--link--color-invert)
}

.hero.is-link .tabs.is-boxed a:hover,
.hero.is-link .tabs.is-toggle a:hover {
    background-color: var(--black)
}

.hero.is-link .tabs.is-boxed li.is-active a,
.hero.is-link .tabs.is-boxed li.is-active a:hover,
.hero.is-link .tabs.is-toggle li.is-active a,
.hero.is-link .tabs.is-toggle li.is-active a:hover {
    background-color: var(--link--color-invert);
    border-color: var(--link--color-invert);
    color: var(--link)
}

.hero.is-info {
    background-color: var(--info);
    color: var(--info--color-invert)
}

.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-info strong {
    color: inherit
}

.hero.is-info .title,
.hero.is-info .subtitle {
    color: var(--info--color-invert)
}

.hero.is-info .subtitle a:not(.button),
.hero.is-info .subtitle strong {
    color: var(--info--color-invert)
}

@media screen and (max-width: 1023px) {
    .hero.is-info .navbar-menu {
        background-color: var(--info)
    }
}

.hero.is-info .navbar-item,
.hero.is-info .navbar-link {
    color: var(--info--color-invert)
}

.hero.is-info a.navbar-item:hover,
.hero.is-info a.navbar-item.is-active,
.hero.is-info .navbar-link:hover,
.hero.is-info .navbar-link.is-active {
    background-color: var(--info);
    color: var(--info--color-invert)
}

.hero.is-info .tabs a {
    color: var(--info--color-invert);
    opacity: .9
}

.hero.is-info .tabs a:hover {
    opacity: 1
}

.hero.is-info .tabs li.is-active a {
    color: var(--info) !important;
    opacity: 1
}

.hero.is-info .tabs.is-boxed a,
.hero.is-info .tabs.is-toggle a {
    color: var(--info--color-invert)
}

.hero.is-info .tabs.is-boxed a:hover,
.hero.is-info .tabs.is-toggle a:hover {
    background-color: var(--black)
}

.hero.is-info .tabs.is-boxed li.is-active a,
.hero.is-info .tabs.is-boxed li.is-active a:hover,
.hero.is-info .tabs.is-toggle li.is-active a,
.hero.is-info .tabs.is-toggle li.is-active a:hover {
    background-color: var(--info--color-invert);
    border-color: var(--info--color-invert);
    color: var(--info)
}

.hero.is-success {
    background-color: var(--success);
    color: var(--success--color-invert)
}

.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-success strong {
    color: inherit
}

.hero.is-success .title,
.hero.is-success .subtitle {
    color: var(--success--color-invert)
}

.hero.is-success .subtitle a:not(.button),
.hero.is-success .subtitle strong {
    color: var(--success--color-invert)
}

@media screen and (max-width: 1023px) {
    .hero.is-success .navbar-menu {
        background-color: var(--success)
    }
}

.hero.is-success .navbar-item,
.hero.is-success .navbar-link {
    color: var(--success--color-invert)
}

.hero.is-success a.navbar-item:hover,
.hero.is-success a.navbar-item.is-active,
.hero.is-success .navbar-link:hover,
.hero.is-success .navbar-link.is-active {
    background-color: var(--success);
    color: var(--success--color-invert)
}

.hero.is-success .tabs a {
    color: var(--success--color-invert);
    opacity: .9
}

.hero.is-success .tabs a:hover {
    opacity: 1
}

.hero.is-success .tabs li.is-active a {
    color: var(--success) !important;
    opacity: 1
}

.hero.is-success .tabs.is-boxed a,
.hero.is-success .tabs.is-toggle a {
    color: var(--success--color-invert)
}

.hero.is-success .tabs.is-boxed a:hover,
.hero.is-success .tabs.is-toggle a:hover {
    background-color: var(--black)
}

.hero.is-success .tabs.is-boxed li.is-active a,
.hero.is-success .tabs.is-boxed li.is-active a:hover,
.hero.is-success .tabs.is-toggle li.is-active a,
.hero.is-success .tabs.is-toggle li.is-active a:hover {
    background-color: var(--success--color-invert);
    border-color: var(--success--color-invert);
    color: var(--success)
}

.hero.is-warning {
    background-color: var(--warning);
    color: var(--warning--color-invert)
}

.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-warning strong {
    color: inherit
}

.hero.is-warning .title,
.hero.is-warning .subtitle {
    color: var(--warning--color-invert)
}

.hero.is-warning .subtitle a:not(.button),
.hero.is-warning .subtitle strong {
    color: var(--warning--color-invert)
}

@media screen and (max-width: 1023px) {
    .hero.is-warning .navbar-menu {
        background-color: var(--warning)
    }
}

.hero.is-warning .navbar-item,
.hero.is-warning .navbar-link {
    color: var(--warning--color-invert)
}

.hero.is-warning a.navbar-item:hover,
.hero.is-warning a.navbar-item.is-active,
.hero.is-warning .navbar-link:hover,
.hero.is-warning .navbar-link.is-active {
    background-color: var(--warning);
    color: var(--warning--color-invert)
}

.hero.is-warning .tabs a {
    color: var(--warning--color-invert);
    opacity: .9
}

.hero.is-warning .tabs a:hover {
    opacity: 1
}

.hero.is-warning .tabs li.is-active a {
    color: var(--warning) !important;
    opacity: 1
}

.hero.is-warning .tabs.is-boxed a,
.hero.is-warning .tabs.is-toggle a {
    color: var(--warning--color-invert)
}

.hero.is-warning .tabs.is-boxed a:hover,
.hero.is-warning .tabs.is-toggle a:hover {
    background-color: var(--black)
}

.hero.is-warning .tabs.is-boxed li.is-active a,
.hero.is-warning .tabs.is-boxed li.is-active a:hover,
.hero.is-warning .tabs.is-toggle li.is-active a,
.hero.is-warning .tabs.is-toggle li.is-active a:hover {
    background-color: var(--warning--color-invert);
    border-color: var(--warning--color-invert);
    color: var(--warning)
}

.hero.is-danger {
    background-color: var(--danger);
    color: var(--danger--color-invert)
}

.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-danger strong {
    color: inherit
}

.hero.is-danger .title,
.hero.is-danger .subtitle {
    color: var(--danger--color-invert)
}

.hero.is-danger .subtitle a:not(.button),
.hero.is-danger .subtitle strong {
    color: var(--danger--color-invert)
}

@media screen and (max-width: 1023px) {
    .hero.is-danger .navbar-menu {
        background-color: var(--danger)
    }
}

.hero.is-danger .navbar-item,
.hero.is-danger .navbar-link {
    color: var(--danger--color-invert)
}

.hero.is-danger a.navbar-item:hover,
.hero.is-danger a.navbar-item.is-active,
.hero.is-danger .navbar-link:hover,
.hero.is-danger .navbar-link.is-active {
    background-color: var(--danger);
    color: var(--danger--color-invert)
}

.hero.is-danger .tabs a {
    color: var(--danger--color-invert);
    opacity: .9
}

.hero.is-danger .tabs a:hover {
    opacity: 1
}

.hero.is-danger .tabs li.is-active a {
    color: var(--danger) !important;
    opacity: 1
}

.hero.is-danger .tabs.is-boxed a,
.hero.is-danger .tabs.is-toggle a {
    color: var(--danger--color-invert)
}

.hero.is-danger .tabs.is-boxed a:hover,
.hero.is-danger .tabs.is-toggle a:hover {
    background-color: var(--black)
}

.hero.is-danger .tabs.is-boxed li.is-active a,
.hero.is-danger .tabs.is-boxed li.is-active a:hover,
.hero.is-danger .tabs.is-toggle li.is-active a,
.hero.is-danger .tabs.is-toggle li.is-active a:hover {
    background-color: var(--danger--color-invert);
    border-color: var(--danger--color-invert);
    color: var(--danger)
}

.hero.is-small .hero-body {
    padding: 1.5rem
}

@media screen and (min-width: 769px),
print {
    .hero.is-medium .hero-body {
        padding: 9rem 4.5rem
    }
}

@media screen and (min-width: 769px),
print {
    .hero.is-large .hero-body {
        padding: 18rem 6rem
    }
}

.hero.is-halfheight .hero-body,
.hero.is-fullheight .hero-body,
.hero.is-fullheight-with-navbar .hero-body {
    align-items: center;
    display: flex
}

.hero.is-halfheight .hero-body>.container,
.hero.is-fullheight .hero-body>.container,
.hero.is-fullheight-with-navbar .hero-body>.container {
    flex-grow: 1;
    flex-shrink: 1
}

.hero.is-halfheight {
    min-height: 50vh
}

.hero.is-fullheight {
    min-height: 100vh
}

.hero-video {
    overflow: hidden
}

.hero-video video {
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.hero-video.is-transparent {
    opacity: .3
}

@media screen and (max-width: 768px) {
    .hero-video {
        display: none
    }
}

.hero-buttons {
    margin-top: 1.5rem
}

@media screen and (max-width: 768px) {
    .hero-buttons .button {
        display: flex
    }
    .hero-buttons .button:not(:last-child) {
        margin-bottom: .75rem
    }
}

@media screen and (min-width: 769px),
print {
    .hero-buttons {
        display: flex;
        justify-content: center
    }
    .hero-buttons .button:not(:last-child) {
        margin-right: 1.5rem
    }
}

.hero-head,
.hero-foot {
    flex-grow: 0;
    flex-shrink: 0
}

.hero-body {
    flex-grow: 1;
    flex-shrink: 0;
    padding: 3rem 1.5rem
}

@media screen and (min-width: 769px),
print {
    .hero-body {
        padding: 3rem
    }
}

.section {
    padding: 3rem 1.5rem
}

@media screen and (min-width: 1024px) {
    .section {
        padding: 3rem
    }
    .section.is-medium {
        padding: 9rem 4.5rem
    }
    .section.is-large {
        padding: 18rem 6rem
    }
}

.footer {
    background-color: #fafafa;
    padding: 3rem 1.5rem 6rem
}

.text-white,
.hover\:text-white:hover,
.group:hover .group-hover\:text-white {
    color: var(--white) !important
}

.text-primary,
.hover\:text-primary:hover,
.group:hover .group-hover\:text-primary {
    color: var(--primary) !important
}

.text-secondary,
.hover\:text-secondary:hover,
.group:hover .group-hover\:text-secondary {
    color: var(--secondary) !important
}

.text-success,
.hover\:text-success:hover,
.group:hover .group-hover\:text-success {
    color: var(--success) !important
}

.text-info,
.hover\:text-info:hover,
.group:hover .group-hover\:text-info {
    color: var(--info) !important
}

.text-warning,
.hover\:text-warning:hover,
.group:hover .group-hover\:text-warning {
    color: var(--warning) !important
}

.text-danger,
.hover\:text-danger:hover,
.group:hover .group-hover\:text-danger {
    color: var(--danger) !important
}

.text-orange,
.hover\:text-orange:hover,
.group:hover .group-hover\:text-orange {
    color: var(--orange) !important
}

.text-blue,
.hover\:text-blue:hover,
.group:hover .group-hover\:text-blue {
    color: var(--blue) !important
}

.text-yellow,
.hover\:text-yellow:hover,
.group:hover .group-hover\:text-yellow {
    color: var(--yellow) !important
}

.text-purple,
.hover\:text-purple:hover,
.group:hover .group-hover\:text-purple {
    color: var(--purple) !important
}

.text-green,
.hover\:text-green:hover,
.group:hover .group-hover\:text-green {
    color: var(--green) !important
}

.text-light,
.hover\:text-light:hover,
.group:hover .group-hover\:text-light {
    color: var(--light-text) !important
}

.bg-white,
.hover\:bg-white:hover,
.group:hover .group-hover\:bg-white {
    background-color: var(--white) !important
}

.bg-primary,
.hover\:bg-primary:hover,
.group:hover .group-hover\:bg-primary {
    background-color: var(--primary) !important
}

.bg-secondary,
.hover\:bg-secondary:hover,
.group:hover .group-hover\:bg-secondary {
    background-color: var(--secondary) !important
}

.bg-success,
.hover\:bg-success:hover,
.group:hover .group-hover\:bg-success {
    background-color: var(--success) !important
}

.bg-info,
.hover\:bg-info:hover,
.group:hover .group-hover\:bg-info {
    background-color: var(--info) !important
}

.bg-warning,
.hover\:bg-warning:hover,
.group:hover .group-hover\:bg-warning {
    background-color: var(--warning) !important
}

.bg-danger,
.hover\:bg-danger:hover,
.group:hover .group-hover\:bg-danger {
    background-color: var(--danger) !important
}

.bg-orange,
.hover\:bg-orange:hover,
.group:hover .group-hover\:bg-orange {
    background-color: var(--orange) !important
}

.bg-blue,
.hover\:bg-blue:hover,
.group:hover .group-hover\:bg-blue {
    background-color: var(--blue) !important
}

.bg-yellow,
.hover\:bg-yellow:hover,
.group:hover .group-hover\:bg-yellow {
    background-color: var(--yellow) !important
}

.bg-purple,
.hover\:bg-purple:hover,
.group:hover .group-hover\:bg-purple {
    background-color: var(--purple) !important
}

.bg-green,
.hover\:bg-green:hover,
.group:hover .group-hover\:bg-green {
    background-color: var(--green) !important
}

.bg-light,
.hover\:bg-light:hover,
.group:hover .group-hover\:bg-light {
    background-color: var(--light-text) !important
}

.opacity-5,
.hover\:opacity-5:hover,
.group:hover .group-hover\:opacity-5 {
    opacity: 5% !important
}

.opacity-10,
.hover\:opacity-10:hover,
.group:hover .group-hover\:opacity-10 {
    opacity: 10% !important
}

.opacity-15,
.hover\:opacity-15:hover,
.group:hover .group-hover\:opacity-15 {
    opacity: 15% !important
}

.opacity-20,
.hover\:opacity-20:hover,
.group:hover .group-hover\:opacity-20 {
    opacity: 20% !important
}

.opacity-25,
.hover\:opacity-25:hover,
.group:hover .group-hover\:opacity-25 {
    opacity: 25% !important
}

.opacity-30,
.hover\:opacity-30:hover,
.group:hover .group-hover\:opacity-30 {
    opacity: 30% !important
}

.opacity-40,
.hover\:opacity-40:hover,
.group:hover .group-hover\:opacity-40 {
    opacity: 40% !important
}

.opacity-50,
.hover\:opacity-50:hover,
.group:hover .group-hover\:opacity-50 {
    opacity: 50% !important
}

.opacity-60,
.hover\:opacity-60:hover,
.group:hover .group-hover\:opacity-60 {
    opacity: 60% !important
}

.opacity-70,
.hover\:opacity-70:hover,
.group:hover .group-hover\:opacity-70 {
    opacity: 70% !important
}

.opacity-80,
.hover\:opacity-80:hover,
.group:hover .group-hover\:opacity-80 {
    opacity: 80% !important
}

.opacity-90,
.hover\:opacity-90:hover,
.group:hover .group-hover\:opacity-90 {
    opacity: 90% !important
}

.opacity-100,
.hover\:opacity-100:hover,
.group:hover .group-hover\:opacity-100 {
    opacity: 100% !important
}

.p-px {
    padding: 1px
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.p-10 {
    padding: 2.5rem
}

.p-12 {
    padding: 3rem
}

.p-16 {
    padding: 4rem
}

.p-20 {
    padding: 5rem
}

.p-24 {
    padding: 6rem
}

.p-32 {
    padding: 8rem
}

.p-40 {
    padding: 10rem
}

.p-48 {
    padding: 12rem
}

.p-56 {
    padding: 14rem
}

.p-64 {
    padding: 16rem
}

.px-px {
    padding-right: 1px;
    padding-left: 1px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.px-48 {
    padding-right: 12rem;
    padding-left: 12rem
}

.px-56 {
    padding-right: 14rem;
    padding-left: 14rem
}

.px-64 {
    padding-right: 16rem;
    padding-left: 16rem
}

.py-px {
    padding-bottom: 1px;
    padding-top: 1px
}

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

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

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

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

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

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

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

.py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
}

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

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

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

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

.py-32 {
    padding-bottom: 8rem;
    padding-top: 8rem
}

.py-40 {
    padding-bottom: 10rem;
    padding-top: 10rem
}

.py-48 {
    padding-bottom: 12rem;
    padding-top: 12rem
}

.py-56 {
    padding-bottom: 14rem;
    padding-top: 14rem
}

.py-64 {
    padding-bottom: 16rem;
    padding-top: 16rem
}

.pt-px {
    padding-top: 1px
}

.pt-0 {
    padding-top: 0
}

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

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

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

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

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

.pt-6 {
    padding-top: 1.5rem
}

.pt-8 {
    padding-top: 2rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-12 {
    padding-top: 3rem
}

.pt-16 {
    padding-top: 4rem
}

.pt-20 {
    padding-top: 5rem
}

.pt-24 {
    padding-top: 6rem
}

.pt-32 {
    padding-top: 8rem
}

.pt-40 {
    padding-top: 10rem
}

.pt-48 {
    padding-top: 12rem
}

.pt-56 {
    padding-top: 14rem
}

.pt-64 {
    padding-top: 16rem
}

.pr-px {
    padding-right: 1px
}

.pr-0 {
    padding-right: 0
}

.pr-1 {
    padding-right: .25rem
}

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

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

.pr-4 {
    padding-right: 1rem
}

.pr-5 {
    padding-right: 1.25rem
}

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

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

.pr-10 {
    padding-right: 2.5rem
}

.pr-12 {
    padding-right: 3rem
}

.pr-16 {
    padding-right: 4rem
}

.pr-20 {
    padding-right: 5rem
}

.pr-24 {
    padding-right: 6rem
}

.pr-32 {
    padding-right: 8rem
}

.pr-40 {
    padding-right: 10rem
}

.pr-48 {
    padding-right: 12rem
}

.pr-56 {
    padding-right: 14rem
}

.pr-64 {
    padding-right: 16rem
}

.pb-px {
    padding-bottom: 1px
}

.pb-0 {
    padding-bottom: 0
}

.pb-1 {
    padding-bottom: .25rem
}

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

.pb-3 {
    padding-bottom: .75rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

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

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pb-24 {
    padding-bottom: 6rem
}

.pb-32 {
    padding-bottom: 8rem
}

.pb-40 {
    padding-bottom: 10rem
}

.pb-48 {
    padding-bottom: 12rem
}

.pb-56 {
    padding-bottom: 14rem
}

.pb-64 {
    padding-bottom: 16rem
}

.pl-px {
    padding-left: 1px
}

.pl-0 {
    padding-left: 0
}

.pl-1 {
    padding-left: .25rem
}

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

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

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

.pl-5 {
    padding-left: 1.25rem
}

.pl-6 {
    padding-left: 1.5rem
}

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

.pl-10 {
    padding-left: 2.5rem
}

.pl-12 {
    padding-left: 3rem
}

.pl-16 {
    padding-left: 4rem
}

.pl-20 {
    padding-left: 5rem
}

.pl-24 {
    padding-left: 6rem
}

.pl-32 {
    padding-left: 8rem
}

.pl-40 {
    padding-left: 10rem
}

.pl-48 {
    padding-left: 12rem
}

.pl-56 {
    padding-left: 14rem
}

.pl-64 {
    padding-left: 16rem
}

.m-auto {
    margin: auto
}

.m-px {
    margin: 1px
}

.m-0 {
    margin: 0
}

.m-1 {
    margin: .25rem
}

.m-2 {
    margin: .5rem
}

.m-3 {
    margin: .75rem
}

.m-4 {
    margin: 1rem
}

.m-5 {
    margin: 1.25rem
}

.m-6 {
    margin: 1.5rem
}

.m-8 {
    margin: 2rem
}

.m-10 {
    margin: 2.5rem
}

.m-12 {
    margin: 3rem
}

.m-16 {
    margin: 4rem
}

.m-20 {
    margin: 5rem
}

.m-24 {
    margin: 6rem
}

.m-32 {
    margin: 8rem
}

.m-40 {
    margin: 10rem
}

.m-48 {
    margin: 12rem
}

.m-56 {
    margin: 14rem
}

.m-64 {
    margin: 16rem
}

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

.mx-px {
    margin-right: 1px;
    margin-left: 1px
}

.mx-0 {
    margin-right: 0;
    margin-left: 0
}

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

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

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

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

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

.mx-6 {
    margin-right: 1.5rem;
    margin-left: 1.5rem
}

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

.mx-10 {
    margin-right: 2.5rem;
    margin-left: 2.5rem
}

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

.mx-16 {
    margin-right: 4rem;
    margin-left: 4rem
}

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

.mx-24 {
    margin-right: 6rem;
    margin-left: 6rem
}

.mx-32 {
    margin-right: 8rem;
    margin-left: 8rem
}

.mx-40 {
    margin-right: 10rem;
    margin-left: 10rem
}

.mx-48 {
    margin-right: 12rem;
    margin-left: 12rem
}

.mx-56 {
    margin-right: 14rem;
    margin-left: 14rem
}

.mx-64 {
    margin-right: 16rem;
    margin-left: 16rem
}

.my-auto {
    margin-bottom: auto;
    margin-top: auto
}

.my-px {
    margin-bottom: 1px;
    margin-top: 1px
}

.my-0 {
    margin-bottom: 0;
    margin-top: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.my-48 {
    margin-bottom: 12rem;
    margin-top: 12rem
}

.my-56 {
    margin-bottom: 14rem;
    margin-top: 14rem
}

.my-64 {
    margin-bottom: 16rem;
    margin-top: 16rem
}

.mt-auto {
    margin-top: auto
}

.mt-px {
    margin-top: 1px
}

.mt-0 {
    margin-top: 0
}

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

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

.mt-3 {
    margin-top: .75rem
}

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

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

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

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

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

.mt-12 {
    margin-top: 3rem
}

.mt-16 {
    margin-top: 4rem
}

.mt-20 {
    margin-top: 5rem
}

.mt-24 {
    margin-top: 6rem
}

.mt-32 {
    margin-top: 8rem
}

.mt-40 {
    margin-top: 10rem
}

.mt-48 {
    margin-top: 12rem
}

.mt-56 {
    margin-top: 14rem
}

.mt-64 {
    margin-top: 16rem
}

.mr-auto {
    margin-right: auto
}

.mr-px {
    margin-right: 1px
}

.mr-0 {
    margin-right: 0
}

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

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

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

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

.mr-5 {
    margin-right: 1.25rem
}

.mr-6 {
    margin-right: 1.5rem
}

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

.mr-10 {
    margin-right: 2.5rem
}

.mr-12 {
    margin-right: 3rem
}

.mr-16 {
    margin-right: 4rem
}

.mr-20 {
    margin-right: 5rem
}

.mr-24 {
    margin-right: 6rem
}

.mr-32 {
    margin-right: 8rem
}

.mr-40 {
    margin-right: 10rem
}

.mr-48 {
    margin-right: 12rem
}

.mr-56 {
    margin-right: 14rem
}

.mr-64 {
    margin-right: 16rem
}

.mb-auto {
    margin-bottom: auto
}

.mb-px {
    margin-bottom: 1px
}

.mb-0 {
    margin-bottom: 0
}

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

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

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

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

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

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

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

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

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

.mb-16 {
    margin-bottom: 4rem
}

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

.mb-24 {
    margin-bottom: 6rem
}

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

.mb-40 {
    margin-bottom: 10rem
}

.mb-48 {
    margin-bottom: 12rem
}

.mb-56 {
    margin-bottom: 14rem
}

.mb-64 {
    margin-bottom: 16rem
}

.ml-auto {
    margin-left: auto
}

.ml-px {
    margin-left: 1px
}

.ml-0 {
    margin-left: 0
}

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

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

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

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

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

.ml-6 {
    margin-left: 1.5rem
}

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

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

.ml-12 {
    margin-left: 3rem
}

.ml-16 {
    margin-left: 4rem
}

.ml-20 {
    margin-left: 5rem
}

.ml-24 {
    margin-left: 6rem
}

.ml-32 {
    margin-left: 8rem
}

.ml-40 {
    margin-left: 10rem
}

.ml-48 {
    margin-left: 12rem
}

.ml-56 {
    margin-left: 14rem
}

.ml-64 {
    margin-left: 16rem
}

.-m-px {
    margin: -1px
}

.-m-0 {
    margin: 0
}

.-m-1 {
    margin: -.25rem
}

.-m-2 {
    margin: -.5rem
}

.-m-3 {
    margin: -.75rem
}

.-m-4 {
    margin: -1rem
}

.-m-5 {
    margin: -1.25rem
}

.-m-6 {
    margin: -1.5rem
}

.-m-8 {
    margin: -2rem
}

.-m-10 {
    margin: -2.5rem
}

.-m-12 {
    margin: -3rem
}

.-m-16 {
    margin: -4rem
}

.-m-20 {
    margin: -5rem
}

.-m-24 {
    margin: -6rem
}

.-m-32 {
    margin: -8rem
}

.-m-40 {
    margin: -10rem
}

.-m-48 {
    margin: -12rem
}

.-m-56 {
    margin: -14rem
}

.-m-64 {
    margin: -16rem
}

.-mx-px {
    margin-right: -1px;
    margin-left: -1px
}

.-mx-0 {
    margin-right: 0;
    margin-left: 0
}

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

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

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

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

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

.-mx-6 {
    margin-right: -1.5rem;
    margin-left: -1.5rem
}

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

.-mx-10 {
    margin-right: -2.5rem;
    margin-left: -2.5rem
}

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

.-mx-16 {
    margin-right: -4rem;
    margin-left: -4rem
}

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

.-mx-24 {
    margin-right: -6rem;
    margin-left: -6rem
}

.-mx-32 {
    margin-right: -8rem;
    margin-left: -8rem
}

.-mx-40 {
    margin-right: -10rem;
    margin-left: -10rem
}

.-mx-48 {
    margin-right: -12rem;
    margin-left: -12rem
}

.-mx-56 {
    margin-right: -14rem;
    margin-left: -14rem
}

.-mx-64 {
    margin-right: -16rem;
    margin-left: -16rem
}

.-my-px {
    margin-bottom: -1px;
    margin-top: -1px
}

.-my-0 {
    margin-bottom: 0;
    margin-top: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.-my-48 {
    margin-bottom: -12rem;
    margin-top: -12rem
}

.-my-56 {
    margin-bottom: -14rem;
    margin-top: -14rem
}

.-my-64 {
    margin-bottom: -16rem;
    margin-top: -16rem
}

.-mt-px {
    margin-top: -1px
}

.-mt-0 {
    margin-top: 0
}

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

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

.-mt-3 {
    margin-top: -.75rem
}

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

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

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

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

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

.-mt-12 {
    margin-top: -3rem
}

.-mt-16 {
    margin-top: -4rem
}

.-mt-20 {
    margin-top: -5rem
}

.-mt-24 {
    margin-top: -6rem
}

.-mt-32 {
    margin-top: -8rem
}

.-mt-40 {
    margin-top: -10rem
}

.-mt-48 {
    margin-top: -12rem
}

.-mt-56 {
    margin-top: -14rem
}

.-mt-64 {
    margin-top: -16rem
}

.-mr-px {
    margin-right: -1px
}

.-mr-0 {
    margin-right: 0
}

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

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

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

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

.-mr-5 {
    margin-right: -1.25rem
}

.-mr-6 {
    margin-right: -1.5rem
}

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

.-mr-10 {
    margin-right: -2.5rem
}

.-mr-12 {
    margin-right: -3rem
}

.-mr-16 {
    margin-right: -4rem
}

.-mr-20 {
    margin-right: -5rem
}

.-mr-24 {
    margin-right: -6rem
}

.-mr-32 {
    margin-right: -8rem
}

.-mr-40 {
    margin-right: -10rem
}

.-mr-48 {
    margin-right: -12rem
}

.-mr-56 {
    margin-right: -14rem
}

.-mr-64 {
    margin-right: -16rem
}

.-mb-px {
    margin-bottom: -1px
}

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

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

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

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

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

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

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

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

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

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

.-mb-16 {
    margin-bottom: -4rem
}

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

.-mb-24 {
    margin-bottom: -6rem
}

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

.-mb-40 {
    margin-bottom: -10rem
}

.-mb-48 {
    margin-bottom: -12rem
}

.-mb-56 {
    margin-bottom: -14rem
}

.-mb-64 {
    margin-bottom: -16rem
}

.-ml-px {
    margin-left: -1px
}

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

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

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

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

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

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

.-ml-6 {
    margin-left: -1.5rem
}

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

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

.-ml-12 {
    margin-left: -3rem
}

.-ml-16 {
    margin-left: -4rem
}

.-ml-20 {
    margin-left: -5rem
}

.-ml-24 {
    margin-left: -6rem
}

.-ml-32 {
    margin-left: -8rem
}

.-ml-40 {
    margin-left: -10rem
}

.-ml-48 {
    margin-left: -12rem
}

.-ml-56 {
    margin-left: -14rem
}

.-ml-64 {
    margin-left: -16rem
}

@media screen and (max-width: 767px) {
    .mobile\:p-px {
        padding: 1px
    }
    .mobile\:p-0 {
        padding: 0
    }
    .mobile\:p-1 {
        padding: .25rem
    }
    .mobile\:p-2 {
        padding: .5rem
    }
    .mobile\:p-3 {
        padding: .75rem
    }
    .mobile\:p-4 {
        padding: 1rem
    }
    .mobile\:p-5 {
        padding: 1.25rem
    }
    .mobile\:p-6 {
        padding: 1.5rem
    }
    .mobile\:p-8 {
        padding: 2rem
    }
    .mobile\:p-10 {
        padding: 2.5rem
    }
    .mobile\:p-12 {
        padding: 3rem
    }
    .mobile\:p-16 {
        padding: 4rem
    }
    .mobile\:p-20 {
        padding: 5rem
    }
    .mobile\:p-24 {
        padding: 6rem
    }
    .mobile\:p-32 {
        padding: 8rem
    }
    .mobile\:p-40 {
        padding: 10rem
    }
    .mobile\:p-48 {
        padding: 12rem
    }
    .mobile\:p-56 {
        padding: 14rem
    }
    .mobile\:p-64 {
        padding: 16rem
    }
    .mobile\:px-px {
        padding-right: 1px;
        padding-left: 1px
    }
    .mobile\:px-0 {
        padding-right: 0;
        padding-left: 0
    }
    .mobile\:px-1 {
        padding-right: .25rem;
        padding-left: .25rem
    }
    .mobile\:px-2 {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .mobile\:px-3 {
        padding-right: .75rem;
        padding-left: .75rem
    }
    .mobile\:px-4 {
        padding-right: 1rem;
        padding-left: 1rem
    }
    .mobile\:px-5 {
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
    .mobile\:px-6 {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
    .mobile\:px-8 {
        padding-right: 2rem;
        padding-left: 2rem
    }
    .mobile\:px-10 {
        padding-right: 2.5rem;
        padding-left: 2.5rem
    }
    .mobile\:px-12 {
        padding-right: 3rem;
        padding-left: 3rem
    }
    .mobile\:px-16 {
        padding-right: 4rem;
        padding-left: 4rem
    }
    .mobile\:px-20 {
        padding-right: 5rem;
        padding-left: 5rem
    }
    .mobile\:px-24 {
        padding-right: 6rem;
        padding-left: 6rem
    }
    .mobile\:px-32 {
        padding-right: 8rem;
        padding-left: 8rem
    }
    .mobile\:px-40 {
        padding-right: 10rem;
        padding-left: 10rem
    }
    .mobile\:px-48 {
        padding-right: 12rem;
        padding-left: 12rem
    }
    .mobile\:px-56 {
        padding-right: 14rem;
        padding-left: 14rem
    }
    .mobile\:px-64 {
        padding-right: 16rem;
        padding-left: 16rem
    }
    .mobile\:py-px {
        padding-bottom: 1px;
        padding-top: 1px
    }
    .mobile\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }
    .mobile\:py-1 {
        padding-bottom: .25rem;
        padding-top: .25rem
    }
    .mobile\:py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }
    .mobile\:py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }
    .mobile\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }
    .mobile\:py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem
    }
    .mobile\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }
    .mobile\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
    .mobile\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }
    .mobile\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
    .mobile\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }
    .mobile\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
    .mobile\:py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }
    .mobile\:py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem
    }
    .mobile\:py-40 {
        padding-bottom: 10rem;
        padding-top: 10rem
    }
    .mobile\:py-48 {
        padding-bottom: 12rem;
        padding-top: 12rem
    }
    .mobile\:py-56 {
        padding-bottom: 14rem;
        padding-top: 14rem
    }
    .mobile\:py-64 {
        padding-bottom: 16rem;
        padding-top: 16rem
    }
    .mobile\:pt-px {
        padding-top: 1px
    }
    .mobile\:pt-0 {
        padding-top: 0
    }
    .mobile\:pt-1 {
        padding-top: .25rem
    }
    .mobile\:pt-2 {
        padding-top: .5rem
    }
    .mobile\:pt-3 {
        padding-top: .75rem
    }
    .mobile\:pt-4 {
        padding-top: 1rem
    }
    .mobile\:pt-5 {
        padding-top: 1.25rem
    }
    .mobile\:pt-6 {
        padding-top: 1.5rem
    }
    .mobile\:pt-8 {
        padding-top: 2rem
    }
    .mobile\:pt-10 {
        padding-top: 2.5rem
    }
    .mobile\:pt-12 {
        padding-top: 3rem
    }
    .mobile\:pt-16 {
        padding-top: 4rem
    }
    .mobile\:pt-20 {
        padding-top: 5rem
    }
    .mobile\:pt-24 {
        padding-top: 6rem
    }
    .mobile\:pt-32 {
        padding-top: 8rem
    }
    .mobile\:pt-40 {
        padding-top: 10rem
    }
    .mobile\:pt-48 {
        padding-top: 12rem
    }
    .mobile\:pt-56 {
        padding-top: 14rem
    }
    .mobile\:pt-64 {
        padding-top: 16rem
    }
    .mobile\:pr-px {
        padding-right: 1px
    }
    .mobile\:pr-0 {
        padding-right: 0
    }
    .mobile\:pr-1 {
        padding-right: .25rem
    }
    .mobile\:pr-2 {
        padding-right: .5rem
    }
    .mobile\:pr-3 {
        padding-right: .75rem
    }
    .mobile\:pr-4 {
        padding-right: 1rem
    }
    .mobile\:pr-5 {
        padding-right: 1.25rem
    }
    .mobile\:pr-6 {
        padding-right: 1.5rem
    }
    .mobile\:pr-8 {
        padding-right: 2rem
    }
    .mobile\:pr-10 {
        padding-right: 2.5rem
    }
    .mobile\:pr-12 {
        padding-right: 3rem
    }
    .mobile\:pr-16 {
        padding-right: 4rem
    }
    .mobile\:pr-20 {
        padding-right: 5rem
    }
    .mobile\:pr-24 {
        padding-right: 6rem
    }
    .mobile\:pr-32 {
        padding-right: 8rem
    }
    .mobile\:pr-40 {
        padding-right: 10rem
    }
    .mobile\:pr-48 {
        padding-right: 12rem
    }
    .mobile\:pr-56 {
        padding-right: 14rem
    }
    .mobile\:pr-64 {
        padding-right: 16rem
    }
    .mobile\:pb-px {
        padding-bottom: 1px
    }
    .mobile\:pb-0 {
        padding-bottom: 0
    }
    .mobile\:pb-1 {
        padding-bottom: .25rem
    }
    .mobile\:pb-2 {
        padding-bottom: .5rem
    }
    .mobile\:pb-3 {
        padding-bottom: .75rem
    }
    .mobile\:pb-4 {
        padding-bottom: 1rem
    }
    .mobile\:pb-5 {
        padding-bottom: 1.25rem
    }
    .mobile\:pb-6 {
        padding-bottom: 1.5rem
    }
    .mobile\:pb-8 {
        padding-bottom: 2rem
    }
    .mobile\:pb-10 {
        padding-bottom: 2.5rem
    }
    .mobile\:pb-12 {
        padding-bottom: 3rem
    }
    .mobile\:pb-16 {
        padding-bottom: 4rem
    }
    .mobile\:pb-20 {
        padding-bottom: 5rem
    }
    .mobile\:pb-24 {
        padding-bottom: 6rem
    }
    .mobile\:pb-32 {
        padding-bottom: 8rem
    }
    .mobile\:pb-40 {
        padding-bottom: 10rem
    }
    .mobile\:pb-48 {
        padding-bottom: 12rem
    }
    .mobile\:pb-56 {
        padding-bottom: 14rem
    }
    .mobile\:pb-64 {
        padding-bottom: 16rem
    }
    .mobile\:pl-px {
        padding-left: 1px
    }
    .mobile\:pl-0 {
        padding-left: 0
    }
    .mobile\:pl-1 {
        padding-left: .25rem
    }
    .mobile\:pl-2 {
        padding-left: .5rem
    }
    .mobile\:pl-3 {
        padding-left: .75rem
    }
    .mobile\:pl-4 {
        padding-left: 1rem
    }
    .mobile\:pl-5 {
        padding-left: 1.25rem
    }
    .mobile\:pl-6 {
        padding-left: 1.5rem
    }
    .mobile\:pl-8 {
        padding-left: 2rem
    }
    .mobile\:pl-10 {
        padding-left: 2.5rem
    }
    .mobile\:pl-12 {
        padding-left: 3rem
    }
    .mobile\:pl-16 {
        padding-left: 4rem
    }
    .mobile\:pl-20 {
        padding-left: 5rem
    }
    .mobile\:pl-24 {
        padding-left: 6rem
    }
    .mobile\:pl-32 {
        padding-left: 8rem
    }
    .mobile\:pl-40 {
        padding-left: 10rem
    }
    .mobile\:pl-48 {
        padding-left: 12rem
    }
    .mobile\:pl-56 {
        padding-left: 14rem
    }
    .mobile\:pl-64 {
        padding-left: 16rem
    }
    .mobile\:m-auto {
        margin: auto
    }
    .mobile\:m-px {
        margin: 1px
    }
    .mobile\:m-0 {
        margin: 0
    }
    .mobile\:m-1 {
        margin: .25rem
    }
    .mobile\:m-2 {
        margin: .5rem
    }
    .mobile\:m-3 {
        margin: .75rem
    }
    .mobile\:m-4 {
        margin: 1rem
    }
    .mobile\:m-5 {
        margin: 1.25rem
    }
    .mobile\:m-6 {
        margin: 1.5rem
    }
    .mobile\:m-8 {
        margin: 2rem
    }
    .mobile\:m-10 {
        margin: 2.5rem
    }
    .mobile\:m-12 {
        margin: 3rem
    }
    .mobile\:m-16 {
        margin: 4rem
    }
    .mobile\:m-20 {
        margin: 5rem
    }
    .mobile\:m-24 {
        margin: 6rem
    }
    .mobile\:m-32 {
        margin: 8rem
    }
    .mobile\:m-40 {
        margin: 10rem
    }
    .mobile\:m-48 {
        margin: 12rem
    }
    .mobile\:m-56 {
        margin: 14rem
    }
    .mobile\:m-64 {
        margin: 16rem
    }
    .mobile\:mx-auto {
        margin-right: auto;
        margin-left: auto
    }
    .mobile\:mx-px {
        margin-right: 1px;
        margin-left: 1px
    }
    .mobile\:mx-0 {
        margin-right: 0;
        margin-left: 0
    }
    .mobile\:mx-1 {
        margin-right: .25rem;
        margin-left: .25rem
    }
    .mobile\:mx-2 {
        margin-right: .5rem;
        margin-left: .5rem
    }
    .mobile\:mx-3 {
        margin-right: .75rem;
        margin-left: .75rem
    }
    .mobile\:mx-4 {
        margin-right: 1rem;
        margin-left: 1rem
    }
    .mobile\:mx-5 {
        margin-right: 1.25rem;
        margin-left: 1.25rem
    }
    .mobile\:mx-6 {
        margin-right: 1.5rem;
        margin-left: 1.5rem
    }
    .mobile\:mx-8 {
        margin-right: 2rem;
        margin-left: 2rem
    }
    .mobile\:mx-10 {
        margin-right: 2.5rem;
        margin-left: 2.5rem
    }
    .mobile\:mx-12 {
        margin-right: 3rem;
        margin-left: 3rem
    }
    .mobile\:mx-16 {
        margin-right: 4rem;
        margin-left: 4rem
    }
    .mobile\:mx-20 {
        margin-right: 5rem;
        margin-left: 5rem
    }
    .mobile\:mx-24 {
        margin-right: 6rem;
        margin-left: 6rem
    }
    .mobile\:mx-32 {
        margin-right: 8rem;
        margin-left: 8rem
    }
    .mobile\:mx-40 {
        margin-right: 10rem;
        margin-left: 10rem
    }
    .mobile\:mx-48 {
        margin-right: 12rem;
        margin-left: 12rem
    }
    .mobile\:mx-56 {
        margin-right: 14rem;
        margin-left: 14rem
    }
    .mobile\:mx-64 {
        margin-right: 16rem;
        margin-left: 16rem
    }
    .mobile\:my-auto {
        margin-bottom: auto;
        margin-top: auto
    }
    .mobile\:my-px {
        margin-bottom: 1px;
        margin-top: 1px
    }
    .mobile\:my-0 {
        margin-bottom: 0;
        margin-top: 0
    }
    .mobile\:my-1 {
        margin-bottom: .25rem;
        margin-top: .25rem
    }
    .mobile\:my-2 {
        margin-bottom: .5rem;
        margin-top: .5rem
    }
    .mobile\:my-3 {
        margin-bottom: .75rem;
        margin-top: .75rem
    }
    .mobile\:my-4 {
        margin-bottom: 1rem;
        margin-top: 1rem
    }
    .mobile\:my-5 {
        margin-bottom: 1.25rem;
        margin-top: 1.25rem
    }
    .mobile\:my-6 {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }
    .mobile\:my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem
    }
    .mobile\:my-10 {
        margin-bottom: 2.5rem;
        margin-top: 2.5rem
    }
    .mobile\:my-12 {
        margin-bottom: 3rem;
        margin-top: 3rem
    }
    .mobile\:my-16 {
        margin-bottom: 4rem;
        margin-top: 4rem
    }
    .mobile\:my-20 {
        margin-bottom: 5rem;
        margin-top: 5rem
    }
    .mobile\:my-24 {
        margin-bottom: 6rem;
        margin-top: 6rem
    }
    .mobile\:my-32 {
        margin-bottom: 8rem;
        margin-top: 8rem
    }
    .mobile\:my-40 {
        margin-bottom: 10rem;
        margin-top: 10rem
    }
    .mobile\:my-48 {
        margin-bottom: 12rem;
        margin-top: 12rem
    }
    .mobile\:my-56 {
        margin-bottom: 14rem;
        margin-top: 14rem
    }
    .mobile\:my-64 {
        margin-bottom: 16rem;
        margin-top: 16rem
    }
    .mobile\:mt-auto {
        margin-top: auto
    }
    .mobile\:mt-px {
        margin-top: 1px
    }
    .mobile\:mt-0 {
        margin-top: 0
    }
    .mobile\:mt-1 {
        margin-top: .25rem
    }
    .mobile\:mt-2 {
        margin-top: .5rem
    }
    .mobile\:mt-3 {
        margin-top: .75rem
    }
    .mobile\:mt-4 {
        margin-top: 1rem
    }
    .mobile\:mt-5 {
        margin-top: 1.25rem
    }
    .mobile\:mt-6 {
        margin-top: 1.5rem
    }
    .mobile\:mt-8 {
        margin-top: 2rem
    }
    .mobile\:mt-10 {
        margin-top: 2.5rem
    }
    .mobile\:mt-12 {
        margin-top: 3rem
    }
    .mobile\:mt-16 {
        margin-top: 4rem
    }
    .mobile\:mt-20 {
        margin-top: 5rem
    }
    .mobile\:mt-24 {
        margin-top: 6rem
    }
    .mobile\:mt-32 {
        margin-top: 8rem
    }
    .mobile\:mt-40 {
        margin-top: 10rem
    }
    .mobile\:mt-48 {
        margin-top: 12rem
    }
    .mobile\:mt-56 {
        margin-top: 14rem
    }
    .mobile\:mt-64 {
        margin-top: 16rem
    }
    .mobile\:mr-auto {
        margin-right: auto
    }
    .mobile\:mr-px {
        margin-right: 1px
    }
    .mobile\:mr-0 {
        margin-right: 0
    }
    .mobile\:mr-1 {
        margin-right: .25rem
    }
    .mobile\:mr-2 {
        margin-right: .5rem
    }
    .mobile\:mr-3 {
        margin-right: .75rem
    }
    .mobile\:mr-4 {
        margin-right: 1rem
    }
    .mobile\:mr-5 {
        margin-right: 1.25rem
    }
    .mobile\:mr-6 {
        margin-right: 1.5rem
    }
    .mobile\:mr-8 {
        margin-right: 2rem
    }
    .mobile\:mr-10 {
        margin-right: 2.5rem
    }
    .mobile\:mr-12 {
        margin-right: 3rem
    }
    .mobile\:mr-16 {
        margin-right: 4rem
    }
    .mobile\:mr-20 {
        margin-right: 5rem
    }
    .mobile\:mr-24 {
        margin-right: 6rem
    }
    .mobile\:mr-32 {
        margin-right: 8rem
    }
    .mobile\:mr-40 {
        margin-right: 10rem
    }
    .mobile\:mr-48 {
        margin-right: 12rem
    }
    .mobile\:mr-56 {
        margin-right: 14rem
    }
    .mobile\:mr-64 {
        margin-right: 16rem
    }
    .mobile\:mb-auto {
        margin-bottom: auto
    }
    .mobile\:mb-px {
        margin-bottom: 1px
    }
    .mobile\:mb-0 {
        margin-bottom: 0
    }
    .mobile\:mb-1 {
        margin-bottom: .25rem
    }
    .mobile\:mb-2 {
        margin-bottom: .5rem
    }
    .mobile\:mb-3 {
        margin-bottom: .75rem
    }
    .mobile\:mb-4 {
        margin-bottom: 1rem
    }
    .mobile\:mb-5 {
        margin-bottom: 1.25rem
    }
    .mobile\:mb-6 {
        margin-bottom: 1.5rem
    }
    .mobile\:mb-8 {
        margin-bottom: 2rem
    }
    .mobile\:mb-10 {
        margin-bottom: 2.5rem
    }
    .mobile\:mb-12 {
        margin-bottom: 3rem
    }
    .mobile\:mb-16 {
        margin-bottom: 4rem
    }
    .mobile\:mb-20 {
        margin-bottom: 5rem
    }
    .mobile\:mb-24 {
        margin-bottom: 6rem
    }
    .mobile\:mb-32 {
        margin-bottom: 8rem
    }
    .mobile\:mb-40 {
        margin-bottom: 10rem
    }
    .mobile\:mb-48 {
        margin-bottom: 12rem
    }
    .mobile\:mb-56 {
        margin-bottom: 14rem
    }
    .mobile\:mb-64 {
        margin-bottom: 16rem
    }
    .mobile\:ml-auto {
        margin-left: auto
    }
    .mobile\:ml-px {
        margin-left: 1px
    }
    .mobile\:ml-0 {
        margin-left: 0
    }
    .mobile\:ml-1 {
        margin-left: .25rem
    }
    .mobile\:ml-2 {
        margin-left: .5rem
    }
    .mobile\:ml-3 {
        margin-left: .75rem
    }
    .mobile\:ml-4 {
        margin-left: 1rem
    }
    .mobile\:ml-5 {
        margin-left: 1.25rem
    }
    .mobile\:ml-6 {
        margin-left: 1.5rem
    }
    .mobile\:ml-8 {
        margin-left: 2rem
    }
    .mobile\:ml-10 {
        margin-left: 2.5rem
    }
    .mobile\:ml-12 {
        margin-left: 3rem
    }
    .mobile\:ml-16 {
        margin-left: 4rem
    }
    .mobile\:ml-20 {
        margin-left: 5rem
    }
    .mobile\:ml-24 {
        margin-left: 6rem
    }
    .mobile\:ml-32 {
        margin-left: 8rem
    }
    .mobile\:ml-40 {
        margin-left: 10rem
    }
    .mobile\:ml-48 {
        margin-left: 12rem
    }
    .mobile\:ml-56 {
        margin-left: 14rem
    }
    .mobile\:ml-64 {
        margin-left: 16rem
    }
    .mobile\:-m-px {
        margin: -1px
    }
    .mobile\:-m-0 {
        margin: 0
    }
    .mobile\:-m-1 {
        margin: -.25rem
    }
    .mobile\:-m-2 {
        margin: -.5rem
    }
    .mobile\:-m-3 {
        margin: -.75rem
    }
    .mobile\:-m-4 {
        margin: -1rem
    }
    .mobile\:-m-5 {
        margin: -1.25rem
    }
    .mobile\:-m-6 {
        margin: -1.5rem
    }
    .mobile\:-m-8 {
        margin: -2rem
    }
    .mobile\:-m-10 {
        margin: -2.5rem
    }
    .mobile\:-m-12 {
        margin: -3rem
    }
    .mobile\:-m-16 {
        margin: -4rem
    }
    .mobile\:-m-20 {
        margin: -5rem
    }
    .mobile\:-m-24 {
        margin: -6rem
    }
    .mobile\:-m-32 {
        margin: -8rem
    }
    .mobile\:-m-40 {
        margin: -10rem
    }
    .mobile\:-m-48 {
        margin: -12rem
    }
    .mobile\:-m-56 {
        margin: -14rem
    }
    .mobile\:-m-64 {
        margin: -16rem
    }
    .mobile\:-mx-px {
        margin-right: -1px;
        margin-left: -1px
    }
    .mobile\:-mx-0 {
        margin-right: 0;
        margin-left: 0
    }
    .mobile\:-mx-1 {
        margin-right: -.25rem;
        margin-left: -.25rem
    }
    .mobile\:-mx-2 {
        margin-right: -.5rem;
        margin-left: -.5rem
    }
    .mobile\:-mx-3 {
        margin-right: -.75rem;
        margin-left: -.75rem
    }
    .mobile\:-mx-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }
    .mobile\:-mx-5 {
        margin-right: -1.25rem;
        margin-left: -1.25rem
    }
    .mobile\:-mx-6 {
        margin-right: -1.5rem;
        margin-left: -1.5rem
    }
    .mobile\:-mx-8 {
        margin-right: -2rem;
        margin-left: -2rem
    }
    .mobile\:-mx-10 {
        margin-right: -2.5rem;
        margin-left: -2.5rem
    }
    .mobile\:-mx-12 {
        margin-right: -3rem;
        margin-left: -3rem
    }
    .mobile\:-mx-16 {
        margin-right: -4rem;
        margin-left: -4rem
    }
    .mobile\:-mx-20 {
        margin-right: -5rem;
        margin-left: -5rem
    }
    .mobile\:-mx-24 {
        margin-right: -6rem;
        margin-left: -6rem
    }
    .mobile\:-mx-32 {
        margin-right: -8rem;
        margin-left: -8rem
    }
    .mobile\:-mx-40 {
        margin-right: -10rem;
        margin-left: -10rem
    }
    .mobile\:-mx-48 {
        margin-right: -12rem;
        margin-left: -12rem
    }
    .mobile\:-mx-56 {
        margin-right: -14rem;
        margin-left: -14rem
    }
    .mobile\:-mx-64 {
        margin-right: -16rem;
        margin-left: -16rem
    }
    .mobile\:-my-px {
        margin-bottom: -1px;
        margin-top: -1px
    }
    .mobile\:-my-0 {
        margin-bottom: 0;
        margin-top: 0
    }
    .mobile\:-my-1 {
        margin-bottom: -.25rem;
        margin-top: -.25rem
    }
    .mobile\:-my-2 {
        margin-bottom: -.5rem;
        margin-top: -.5rem
    }
    .mobile\:-my-3 {
        margin-bottom: -.75rem;
        margin-top: -.75rem
    }
    .mobile\:-my-4 {
        margin-bottom: -1rem;
        margin-top: -1rem
    }
    .mobile\:-my-5 {
        margin-bottom: -1.25rem;
        margin-top: -1.25rem
    }
    .mobile\:-my-6 {
        margin-bottom: -1.5rem;
        margin-top: -1.5rem
    }
    .mobile\:-my-8 {
        margin-bottom: -2rem;
        margin-top: -2rem
    }
    .mobile\:-my-10 {
        margin-bottom: -2.5rem;
        margin-top: -2.5rem
    }
    .mobile\:-my-12 {
        margin-bottom: -3rem;
        margin-top: -3rem
    }
    .mobile\:-my-16 {
        margin-bottom: -4rem;
        margin-top: -4rem
    }
    .mobile\:-my-20 {
        margin-bottom: -5rem;
        margin-top: -5rem
    }
    .mobile\:-my-24 {
        margin-bottom: -6rem;
        margin-top: -6rem
    }
    .mobile\:-my-32 {
        margin-bottom: -8rem;
        margin-top: -8rem
    }
    .mobile\:-my-40 {
        margin-bottom: -10rem;
        margin-top: -10rem
    }
    .mobile\:-my-48 {
        margin-bottom: -12rem;
        margin-top: -12rem
    }
    .mobile\:-my-56 {
        margin-bottom: -14rem;
        margin-top: -14rem
    }
    .mobile\:-my-64 {
        margin-bottom: -16rem;
        margin-top: -16rem
    }
    .mobile\:-mt-px {
        margin-top: -1px
    }
    .mobile\:-mt-0 {
        margin-top: 0
    }
    .mobile\:-mt-1 {
        margin-top: -.25rem
    }
    .mobile\:-mt-2 {
        margin-top: -.5rem
    }
    .mobile\:-mt-3 {
        margin-top: -.75rem
    }
    .mobile\:-mt-4 {
        margin-top: -1rem
    }
    .mobile\:-mt-5 {
        margin-top: -1.25rem
    }
    .mobile\:-mt-6 {
        margin-top: -1.5rem
    }
    .mobile\:-mt-8 {
        margin-top: -2rem
    }
    .mobile\:-mt-10 {
        margin-top: -2.5rem
    }
    .mobile\:-mt-12 {
        margin-top: -3rem
    }
    .mobile\:-mt-16 {
        margin-top: -4rem
    }
    .mobile\:-mt-20 {
        margin-top: -5rem
    }
    .mobile\:-mt-24 {
        margin-top: -6rem
    }
    .mobile\:-mt-32 {
        margin-top: -8rem
    }
    .mobile\:-mt-40 {
        margin-top: -10rem
    }
    .mobile\:-mt-48 {
        margin-top: -12rem
    }
    .mobile\:-mt-56 {
        margin-top: -14rem
    }
    .mobile\:-mt-64 {
        margin-top: -16rem
    }
    .mobile\:-mr-px {
        margin-right: -1px
    }
    .mobile\:-mr-0 {
        margin-right: 0
    }
    .mobile\:-mr-1 {
        margin-right: -.25rem
    }
    .mobile\:-mr-2 {
        margin-right: -.5rem
    }
    .mobile\:-mr-3 {
        margin-right: -.75rem
    }
    .mobile\:-mr-4 {
        margin-right: -1rem
    }
    .mobile\:-mr-5 {
        margin-right: -1.25rem
    }
    .mobile\:-mr-6 {
        margin-right: -1.5rem
    }
    .mobile\:-mr-8 {
        margin-right: -2rem
    }
    .mobile\:-mr-10 {
        margin-right: -2.5rem
    }
    .mobile\:-mr-12 {
        margin-right: -3rem
    }
    .mobile\:-mr-16 {
        margin-right: -4rem
    }
    .mobile\:-mr-20 {
        margin-right: -5rem
    }
    .mobile\:-mr-24 {
        margin-right: -6rem
    }
    .mobile\:-mr-32 {
        margin-right: -8rem
    }
    .mobile\:-mr-40 {
        margin-right: -10rem
    }
    .mobile\:-mr-48 {
        margin-right: -12rem
    }
    .mobile\:-mr-56 {
        margin-right: -14rem
    }
    .mobile\:-mr-64 {
        margin-right: -16rem
    }
    .mobile\:-mb-px {
        margin-bottom: -1px
    }
    .mobile\:-mb-0 {
        margin-bottom: 0
    }
    .mobile\:-mb-1 {
        margin-bottom: -.25rem
    }
    .mobile\:-mb-2 {
        margin-bottom: -.5rem
    }
    .mobile\:-mb-3 {
        margin-bottom: -.75rem
    }
    .mobile\:-mb-4 {
        margin-bottom: -1rem
    }
    .mobile\:-mb-5 {
        margin-bottom: -1.25rem
    }
    .mobile\:-mb-6 {
        margin-bottom: -1.5rem
    }
    .mobile\:-mb-8 {
        margin-bottom: -2rem
    }
    .mobile\:-mb-10 {
        margin-bottom: -2.5rem
    }
    .mobile\:-mb-12 {
        margin-bottom: -3rem
    }
    .mobile\:-mb-16 {
        margin-bottom: -4rem
    }
    .mobile\:-mb-20 {
        margin-bottom: -5rem
    }
    .mobile\:-mb-24 {
        margin-bottom: -6rem
    }
    .mobile\:-mb-32 {
        margin-bottom: -8rem
    }
    .mobile\:-mb-40 {
        margin-bottom: -10rem
    }
    .mobile\:-mb-48 {
        margin-bottom: -12rem
    }
    .mobile\:-mb-56 {
        margin-bottom: -14rem
    }
    .mobile\:-mb-64 {
        margin-bottom: -16rem
    }
    .mobile\:-ml-px {
        margin-left: -1px
    }
    .mobile\:-ml-0 {
        margin-left: 0
    }
    .mobile\:-ml-1 {
        margin-left: -.25rem
    }
    .mobile\:-ml-2 {
        margin-left: -.5rem
    }
    .mobile\:-ml-3 {
        margin-left: -.75rem
    }
    .mobile\:-ml-4 {
        margin-left: -1rem
    }
    .mobile\:-ml-5 {
        margin-left: -1.25rem
    }
    .mobile\:-ml-6 {
        margin-left: -1.5rem
    }
    .mobile\:-ml-8 {
        margin-left: -2rem
    }
    .mobile\:-ml-10 {
        margin-left: -2.5rem
    }
    .mobile\:-ml-12 {
        margin-left: -3rem
    }
    .mobile\:-ml-16 {
        margin-left: -4rem
    }
    .mobile\:-ml-20 {
        margin-left: -5rem
    }
    .mobile\:-ml-24 {
        margin-left: -6rem
    }
    .mobile\:-ml-32 {
        margin-left: -8rem
    }
    .mobile\:-ml-40 {
        margin-left: -10rem
    }
    .mobile\:-ml-48 {
        margin-left: -12rem
    }
    .mobile\:-ml-56 {
        margin-left: -14rem
    }
    .mobile\:-ml-64 {
        margin-left: -16rem
    }
}

@media screen and (max-width: 768px) {
    .small\:p-px {
        padding: 1px
    }
    .small\:p-0 {
        padding: 0
    }
    .small\:p-1 {
        padding: .25rem
    }
    .small\:p-2 {
        padding: .5rem
    }
    .small\:p-3 {
        padding: .75rem
    }
    .small\:p-4 {
        padding: 1rem
    }
    .small\:p-5 {
        padding: 1.25rem
    }
    .small\:p-6 {
        padding: 1.5rem
    }
    .small\:p-8 {
        padding: 2rem
    }
    .small\:p-10 {
        padding: 2.5rem
    }
    .small\:p-12 {
        padding: 3rem
    }
    .small\:p-16 {
        padding: 4rem
    }
    .small\:p-20 {
        padding: 5rem
    }
    .small\:p-24 {
        padding: 6rem
    }
    .small\:p-32 {
        padding: 8rem
    }
    .small\:p-40 {
        padding: 10rem
    }
    .small\:p-48 {
        padding: 12rem
    }
    .small\:p-56 {
        padding: 14rem
    }
    .small\:p-64 {
        padding: 16rem
    }
    .small\:px-px {
        padding-right: 1px;
        padding-left: 1px
    }
    .small\:px-0 {
        padding-right: 0;
        padding-left: 0
    }
    .small\:px-1 {
        padding-right: .25rem;
        padding-left: .25rem
    }
    .small\:px-2 {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .small\:px-3 {
        padding-right: .75rem;
        padding-left: .75rem
    }
    .small\:px-4 {
        padding-right: 1rem;
        padding-left: 1rem
    }
    .small\:px-5 {
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
    .small\:px-6 {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
    .small\:px-8 {
        padding-right: 2rem;
        padding-left: 2rem
    }
    .small\:px-10 {
        padding-right: 2.5rem;
        padding-left: 2.5rem
    }
    .small\:px-12 {
        padding-right: 3rem;
        padding-left: 3rem
    }
    .small\:px-16 {
        padding-right: 4rem;
        padding-left: 4rem
    }
    .small\:px-20 {
        padding-right: 5rem;
        padding-left: 5rem
    }
    .small\:px-24 {
        padding-right: 6rem;
        padding-left: 6rem
    }
    .small\:px-32 {
        padding-right: 8rem;
        padding-left: 8rem
    }
    .small\:px-40 {
        padding-right: 10rem;
        padding-left: 10rem
    }
    .small\:px-48 {
        padding-right: 12rem;
        padding-left: 12rem
    }
    .small\:px-56 {
        padding-right: 14rem;
        padding-left: 14rem
    }
    .small\:px-64 {
        padding-right: 16rem;
        padding-left: 16rem
    }
    .small\:py-px {
        padding-bottom: 1px;
        padding-top: 1px
    }
    .small\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }
    .small\:py-1 {
        padding-bottom: .25rem;
        padding-top: .25rem
    }
    .small\:py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }
    .small\:py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }
    .small\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }
    .small\:py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem
    }
    .small\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }
    .small\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
    .small\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }
    .small\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
    .small\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }
    .small\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
    .small\:py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }
    .small\:py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem
    }
    .small\:py-40 {
        padding-bottom: 10rem;
        padding-top: 10rem
    }
    .small\:py-48 {
        padding-bottom: 12rem;
        padding-top: 12rem
    }
    .small\:py-56 {
        padding-bottom: 14rem;
        padding-top: 14rem
    }
    .small\:py-64 {
        padding-bottom: 16rem;
        padding-top: 16rem
    }
    .small\:pt-px {
        padding-top: 1px
    }
    .small\:pt-0 {
        padding-top: 0
    }
    .small\:pt-1 {
        padding-top: .25rem
    }
    .small\:pt-2 {
        padding-top: .5rem
    }
    .small\:pt-3 {
        padding-top: .75rem
    }
    .small\:pt-4 {
        padding-top: 1rem
    }
    .small\:pt-5 {
        padding-top: 1.25rem
    }
    .small\:pt-6 {
        padding-top: 1.5rem
    }
    .small\:pt-8 {
        padding-top: 2rem
    }
    .small\:pt-10 {
        padding-top: 2.5rem
    }
    .small\:pt-12 {
        padding-top: 3rem
    }
    .small\:pt-16 {
        padding-top: 4rem
    }
    .small\:pt-20 {
        padding-top: 5rem
    }
    .small\:pt-24 {
        padding-top: 6rem
    }
    .small\:pt-32 {
        padding-top: 8rem
    }
    .small\:pt-40 {
        padding-top: 10rem
    }
    .small\:pt-48 {
        padding-top: 12rem
    }
    .small\:pt-56 {
        padding-top: 14rem
    }
    .small\:pt-64 {
        padding-top: 16rem
    }
    .small\:pr-px {
        padding-right: 1px
    }
    .small\:pr-0 {
        padding-right: 0
    }
    .small\:pr-1 {
        padding-right: .25rem
    }
    .small\:pr-2 {
        padding-right: .5rem
    }
    .small\:pr-3 {
        padding-right: .75rem
    }
    .small\:pr-4 {
        padding-right: 1rem
    }
    .small\:pr-5 {
        padding-right: 1.25rem
    }
    .small\:pr-6 {
        padding-right: 1.5rem
    }
    .small\:pr-8 {
        padding-right: 2rem
    }
    .small\:pr-10 {
        padding-right: 2.5rem
    }
    .small\:pr-12 {
        padding-right: 3rem
    }
    .small\:pr-16 {
        padding-right: 4rem
    }
    .small\:pr-20 {
        padding-right: 5rem
    }
    .small\:pr-24 {
        padding-right: 6rem
    }
    .small\:pr-32 {
        padding-right: 8rem
    }
    .small\:pr-40 {
        padding-right: 10rem
    }
    .small\:pr-48 {
        padding-right: 12rem
    }
    .small\:pr-56 {
        padding-right: 14rem
    }
    .small\:pr-64 {
        padding-right: 16rem
    }
    .small\:pb-px {
        padding-bottom: 1px
    }
    .small\:pb-0 {
        padding-bottom: 0
    }
    .small\:pb-1 {
        padding-bottom: .25rem
    }
    .small\:pb-2 {
        padding-bottom: .5rem
    }
    .small\:pb-3 {
        padding-bottom: .75rem
    }
    .small\:pb-4 {
        padding-bottom: 1rem
    }
    .small\:pb-5 {
        padding-bottom: 1.25rem
    }
    .small\:pb-6 {
        padding-bottom: 1.5rem
    }
    .small\:pb-8 {
        padding-bottom: 2rem
    }
    .small\:pb-10 {
        padding-bottom: 2.5rem
    }
    .small\:pb-12 {
        padding-bottom: 3rem
    }
    .small\:pb-16 {
        padding-bottom: 4rem
    }
    .small\:pb-20 {
        padding-bottom: 5rem
    }
    .small\:pb-24 {
        padding-bottom: 6rem
    }
    .small\:pb-32 {
        padding-bottom: 8rem
    }
    .small\:pb-40 {
        padding-bottom: 10rem
    }
    .small\:pb-48 {
        padding-bottom: 12rem
    }
    .small\:pb-56 {
        padding-bottom: 14rem
    }
    .small\:pb-64 {
        padding-bottom: 16rem
    }
    .small\:pl-px {
        padding-left: 1px
    }
    .small\:pl-0 {
        padding-left: 0
    }
    .small\:pl-1 {
        padding-left: .25rem
    }
    .small\:pl-2 {
        padding-left: .5rem
    }
    .small\:pl-3 {
        padding-left: .75rem
    }
    .small\:pl-4 {
        padding-left: 1rem
    }
    .small\:pl-5 {
        padding-left: 1.25rem
    }
    .small\:pl-6 {
        padding-left: 1.5rem
    }
    .small\:pl-8 {
        padding-left: 2rem
    }
    .small\:pl-10 {
        padding-left: 2.5rem
    }
    .small\:pl-12 {
        padding-left: 3rem
    }
    .small\:pl-16 {
        padding-left: 4rem
    }
    .small\:pl-20 {
        padding-left: 5rem
    }
    .small\:pl-24 {
        padding-left: 6rem
    }
    .small\:pl-32 {
        padding-left: 8rem
    }
    .small\:pl-40 {
        padding-left: 10rem
    }
    .small\:pl-48 {
        padding-left: 12rem
    }
    .small\:pl-56 {
        padding-left: 14rem
    }
    .small\:pl-64 {
        padding-left: 16rem
    }
    .small\:m-auto {
        margin: auto
    }
    .small\:m-px {
        margin: 1px
    }
    .small\:m-0 {
        margin: 0
    }
    .small\:m-1 {
        margin: .25rem
    }
    .small\:m-2 {
        margin: .5rem
    }
    .small\:m-3 {
        margin: .75rem
    }
    .small\:m-4 {
        margin: 1rem
    }
    .small\:m-5 {
        margin: 1.25rem
    }
    .small\:m-6 {
        margin: 1.5rem
    }
    .small\:m-8 {
        margin: 2rem
    }
    .small\:m-10 {
        margin: 2.5rem
    }
    .small\:m-12 {
        margin: 3rem
    }
    .small\:m-16 {
        margin: 4rem
    }
    .small\:m-20 {
        margin: 5rem
    }
    .small\:m-24 {
        margin: 6rem
    }
    .small\:m-32 {
        margin: 8rem
    }
    .small\:m-40 {
        margin: 10rem
    }
    .small\:m-48 {
        margin: 12rem
    }
    .small\:m-56 {
        margin: 14rem
    }
    .small\:m-64 {
        margin: 16rem
    }
    .small\:mx-auto {
        margin-right: auto;
        margin-left: auto
    }
    .small\:mx-px {
        margin-right: 1px;
        margin-left: 1px
    }
    .small\:mx-0 {
        margin-right: 0;
        margin-left: 0
    }
    .small\:mx-1 {
        margin-right: .25rem;
        margin-left: .25rem
    }
    .small\:mx-2 {
        margin-right: .5rem;
        margin-left: .5rem
    }
    .small\:mx-3 {
        margin-right: .75rem;
        margin-left: .75rem
    }
    .small\:mx-4 {
        margin-right: 1rem;
        margin-left: 1rem
    }
    .small\:mx-5 {
        margin-right: 1.25rem;
        margin-left: 1.25rem
    }
    .small\:mx-6 {
        margin-right: 1.5rem;
        margin-left: 1.5rem
    }
    .small\:mx-8 {
        margin-right: 2rem;
        margin-left: 2rem
    }
    .small\:mx-10 {
        margin-right: 2.5rem;
        margin-left: 2.5rem
    }
    .small\:mx-12 {
        margin-right: 3rem;
        margin-left: 3rem
    }
    .small\:mx-16 {
        margin-right: 4rem;
        margin-left: 4rem
    }
    .small\:mx-20 {
        margin-right: 5rem;
        margin-left: 5rem
    }
    .small\:mx-24 {
        margin-right: 6rem;
        margin-left: 6rem
    }
    .small\:mx-32 {
        margin-right: 8rem;
        margin-left: 8rem
    }
    .small\:mx-40 {
        margin-right: 10rem;
        margin-left: 10rem
    }
    .small\:mx-48 {
        margin-right: 12rem;
        margin-left: 12rem
    }
    .small\:mx-56 {
        margin-right: 14rem;
        margin-left: 14rem
    }
    .small\:mx-64 {
        margin-right: 16rem;
        margin-left: 16rem
    }
    .small\:my-auto {
        margin-bottom: auto;
        margin-top: auto
    }
    .small\:my-px {
        margin-bottom: 1px;
        margin-top: 1px
    }
    .small\:my-0 {
        margin-bottom: 0;
        margin-top: 0
    }
    .small\:my-1 {
        margin-bottom: .25rem;
        margin-top: .25rem
    }
    .small\:my-2 {
        margin-bottom: .5rem;
        margin-top: .5rem
    }
    .small\:my-3 {
        margin-bottom: .75rem;
        margin-top: .75rem
    }
    .small\:my-4 {
        margin-bottom: 1rem;
        margin-top: 1rem
    }
    .small\:my-5 {
        margin-bottom: 1.25rem;
        margin-top: 1.25rem
    }
    .small\:my-6 {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }
    .small\:my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem
    }
    .small\:my-10 {
        margin-bottom: 2.5rem;
        margin-top: 2.5rem
    }
    .small\:my-12 {
        margin-bottom: 3rem;
        margin-top: 3rem
    }
    .small\:my-16 {
        margin-bottom: 4rem;
        margin-top: 4rem
    }
    .small\:my-20 {
        margin-bottom: 5rem;
        margin-top: 5rem
    }
    .small\:my-24 {
        margin-bottom: 6rem;
        margin-top: 6rem
    }
    .small\:my-32 {
        margin-bottom: 8rem;
        margin-top: 8rem
    }
    .small\:my-40 {
        margin-bottom: 10rem;
        margin-top: 10rem
    }
    .small\:my-48 {
        margin-bottom: 12rem;
        margin-top: 12rem
    }
    .small\:my-56 {
        margin-bottom: 14rem;
        margin-top: 14rem
    }
    .small\:my-64 {
        margin-bottom: 16rem;
        margin-top: 16rem
    }
    .small\:mt-auto {
        margin-top: auto
    }
    .small\:mt-px {
        margin-top: 1px
    }
    .small\:mt-0 {
        margin-top: 0
    }
    .small\:mt-1 {
        margin-top: .25rem
    }
    .small\:mt-2 {
        margin-top: .5rem
    }
    .small\:mt-3 {
        margin-top: .75rem
    }
    .small\:mt-4 {
        margin-top: 1rem
    }
    .small\:mt-5 {
        margin-top: 1.25rem
    }
    .small\:mt-6 {
        margin-top: 1.5rem
    }
    .small\:mt-8 {
        margin-top: 2rem
    }
    .small\:mt-10 {
        margin-top: 2.5rem
    }
    .small\:mt-12 {
        margin-top: 3rem
    }
    .small\:mt-16 {
        margin-top: 4rem
    }
    .small\:mt-20 {
        margin-top: 5rem
    }
    .small\:mt-24 {
        margin-top: 6rem
    }
    .small\:mt-32 {
        margin-top: 8rem
    }
    .small\:mt-40 {
        margin-top: 10rem
    }
    .small\:mt-48 {
        margin-top: 12rem
    }
    .small\:mt-56 {
        margin-top: 14rem
    }
    .small\:mt-64 {
        margin-top: 16rem
    }
    .small\:mr-auto {
        margin-right: auto
    }
    .small\:mr-px {
        margin-right: 1px
    }
    .small\:mr-0 {
        margin-right: 0
    }
    .small\:mr-1 {
        margin-right: .25rem
    }
    .small\:mr-2 {
        margin-right: .5rem
    }
    .small\:mr-3 {
        margin-right: .75rem
    }
    .small\:mr-4 {
        margin-right: 1rem
    }
    .small\:mr-5 {
        margin-right: 1.25rem
    }
    .small\:mr-6 {
        margin-right: 1.5rem
    }
    .small\:mr-8 {
        margin-right: 2rem
    }
    .small\:mr-10 {
        margin-right: 2.5rem
    }
    .small\:mr-12 {
        margin-right: 3rem
    }
    .small\:mr-16 {
        margin-right: 4rem
    }
    .small\:mr-20 {
        margin-right: 5rem
    }
    .small\:mr-24 {
        margin-right: 6rem
    }
    .small\:mr-32 {
        margin-right: 8rem
    }
    .small\:mr-40 {
        margin-right: 10rem
    }
    .small\:mr-48 {
        margin-right: 12rem
    }
    .small\:mr-56 {
        margin-right: 14rem
    }
    .small\:mr-64 {
        margin-right: 16rem
    }
    .small\:mb-auto {
        margin-bottom: auto
    }
    .small\:mb-px {
        margin-bottom: 1px
    }
    .small\:mb-0 {
        margin-bottom: 0
    }
    .small\:mb-1 {
        margin-bottom: .25rem
    }
    .small\:mb-2 {
        margin-bottom: .5rem
    }
    .small\:mb-3 {
        margin-bottom: .75rem
    }
    .small\:mb-4 {
        margin-bottom: 1rem
    }
    .small\:mb-5 {
        margin-bottom: 1.25rem
    }
    .small\:mb-6 {
        margin-bottom: 1.5rem
    }
    .small\:mb-8 {
        margin-bottom: 2rem
    }
    .small\:mb-10 {
        margin-bottom: 2.5rem
    }
    .small\:mb-12 {
        margin-bottom: 3rem
    }
    .small\:mb-16 {
        margin-bottom: 4rem
    }
    .small\:mb-20 {
        margin-bottom: 5rem
    }
    .small\:mb-24 {
        margin-bottom: 6rem
    }
    .small\:mb-32 {
        margin-bottom: 8rem
    }
    .small\:mb-40 {
        margin-bottom: 10rem
    }
    .small\:mb-48 {
        margin-bottom: 12rem
    }
    .small\:mb-56 {
        margin-bottom: 14rem
    }
    .small\:mb-64 {
        margin-bottom: 16rem
    }
    .small\:ml-auto {
        margin-left: auto
    }
    .small\:ml-px {
        margin-left: 1px
    }
    .small\:ml-0 {
        margin-left: 0
    }
    .small\:ml-1 {
        margin-left: .25rem
    }
    .small\:ml-2 {
        margin-left: .5rem
    }
    .small\:ml-3 {
        margin-left: .75rem
    }
    .small\:ml-4 {
        margin-left: 1rem
    }
    .small\:ml-5 {
        margin-left: 1.25rem
    }
    .small\:ml-6 {
        margin-left: 1.5rem
    }
    .small\:ml-8 {
        margin-left: 2rem
    }
    .small\:ml-10 {
        margin-left: 2.5rem
    }
    .small\:ml-12 {
        margin-left: 3rem
    }
    .small\:ml-16 {
        margin-left: 4rem
    }
    .small\:ml-20 {
        margin-left: 5rem
    }
    .small\:ml-24 {
        margin-left: 6rem
    }
    .small\:ml-32 {
        margin-left: 8rem
    }
    .small\:ml-40 {
        margin-left: 10rem
    }
    .small\:ml-48 {
        margin-left: 12rem
    }
    .small\:ml-56 {
        margin-left: 14rem
    }
    .small\:ml-64 {
        margin-left: 16rem
    }
    .small\:-m-px {
        margin: -1px
    }
    .small\:-m-0 {
        margin: 0
    }
    .small\:-m-1 {
        margin: -.25rem
    }
    .small\:-m-2 {
        margin: -.5rem
    }
    .small\:-m-3 {
        margin: -.75rem
    }
    .small\:-m-4 {
        margin: -1rem
    }
    .small\:-m-5 {
        margin: -1.25rem
    }
    .small\:-m-6 {
        margin: -1.5rem
    }
    .small\:-m-8 {
        margin: -2rem
    }
    .small\:-m-10 {
        margin: -2.5rem
    }
    .small\:-m-12 {
        margin: -3rem
    }
    .small\:-m-16 {
        margin: -4rem
    }
    .small\:-m-20 {
        margin: -5rem
    }
    .small\:-m-24 {
        margin: -6rem
    }
    .small\:-m-32 {
        margin: -8rem
    }
    .small\:-m-40 {
        margin: -10rem
    }
    .small\:-m-48 {
        margin: -12rem
    }
    .small\:-m-56 {
        margin: -14rem
    }
    .small\:-m-64 {
        margin: -16rem
    }
    .small\:-mx-px {
        margin-right: -1px;
        margin-left: -1px
    }
    .small\:-mx-0 {
        margin-right: 0;
        margin-left: 0
    }
    .small\:-mx-1 {
        margin-right: -.25rem;
        margin-left: -.25rem
    }
    .small\:-mx-2 {
        margin-right: -.5rem;
        margin-left: -.5rem
    }
    .small\:-mx-3 {
        margin-right: -.75rem;
        margin-left: -.75rem
    }
    .small\:-mx-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }
    .small\:-mx-5 {
        margin-right: -1.25rem;
        margin-left: -1.25rem
    }
    .small\:-mx-6 {
        margin-right: -1.5rem;
        margin-left: -1.5rem
    }
    .small\:-mx-8 {
        margin-right: -2rem;
        margin-left: -2rem
    }
    .small\:-mx-10 {
        margin-right: -2.5rem;
        margin-left: -2.5rem
    }
    .small\:-mx-12 {
        margin-right: -3rem;
        margin-left: -3rem
    }
    .small\:-mx-16 {
        margin-right: -4rem;
        margin-left: -4rem
    }
    .small\:-mx-20 {
        margin-right: -5rem;
        margin-left: -5rem
    }
    .small\:-mx-24 {
        margin-right: -6rem;
        margin-left: -6rem
    }
    .small\:-mx-32 {
        margin-right: -8rem;
        margin-left: -8rem
    }
    .small\:-mx-40 {
        margin-right: -10rem;
        margin-left: -10rem
    }
    .small\:-mx-48 {
        margin-right: -12rem;
        margin-left: -12rem
    }
    .small\:-mx-56 {
        margin-right: -14rem;
        margin-left: -14rem
    }
    .small\:-mx-64 {
        margin-right: -16rem;
        margin-left: -16rem
    }
    .small\:-my-px {
        margin-bottom: -1px;
        margin-top: -1px
    }
    .small\:-my-0 {
        margin-bottom: 0;
        margin-top: 0
    }
    .small\:-my-1 {
        margin-bottom: -.25rem;
        margin-top: -.25rem
    }
    .small\:-my-2 {
        margin-bottom: -.5rem;
        margin-top: -.5rem
    }
    .small\:-my-3 {
        margin-bottom: -.75rem;
        margin-top: -.75rem
    }
    .small\:-my-4 {
        margin-bottom: -1rem;
        margin-top: -1rem
    }
    .small\:-my-5 {
        margin-bottom: -1.25rem;
        margin-top: -1.25rem
    }
    .small\:-my-6 {
        margin-bottom: -1.5rem;
        margin-top: -1.5rem
    }
    .small\:-my-8 {
        margin-bottom: -2rem;
        margin-top: -2rem
    }
    .small\:-my-10 {
        margin-bottom: -2.5rem;
        margin-top: -2.5rem
    }
    .small\:-my-12 {
        margin-bottom: -3rem;
        margin-top: -3rem
    }
    .small\:-my-16 {
        margin-bottom: -4rem;
        margin-top: -4rem
    }
    .small\:-my-20 {
        margin-bottom: -5rem;
        margin-top: -5rem
    }
    .small\:-my-24 {
        margin-bottom: -6rem;
        margin-top: -6rem
    }
    .small\:-my-32 {
        margin-bottom: -8rem;
        margin-top: -8rem
    }
    .small\:-my-40 {
        margin-bottom: -10rem;
        margin-top: -10rem
    }
    .small\:-my-48 {
        margin-bottom: -12rem;
        margin-top: -12rem
    }
    .small\:-my-56 {
        margin-bottom: -14rem;
        margin-top: -14rem
    }
    .small\:-my-64 {
        margin-bottom: -16rem;
        margin-top: -16rem
    }
    .small\:-mt-px {
        margin-top: -1px
    }
    .small\:-mt-0 {
        margin-top: 0
    }
    .small\:-mt-1 {
        margin-top: -.25rem
    }
    .small\:-mt-2 {
        margin-top: -.5rem
    }
    .small\:-mt-3 {
        margin-top: -.75rem
    }
    .small\:-mt-4 {
        margin-top: -1rem
    }
    .small\:-mt-5 {
        margin-top: -1.25rem
    }
    .small\:-mt-6 {
        margin-top: -1.5rem
    }
    .small\:-mt-8 {
        margin-top: -2rem
    }
    .small\:-mt-10 {
        margin-top: -2.5rem
    }
    .small\:-mt-12 {
        margin-top: -3rem
    }
    .small\:-mt-16 {
        margin-top: -4rem
    }
    .small\:-mt-20 {
        margin-top: -5rem
    }
    .small\:-mt-24 {
        margin-top: -6rem
    }
    .small\:-mt-32 {
        margin-top: -8rem
    }
    .small\:-mt-40 {
        margin-top: -10rem
    }
    .small\:-mt-48 {
        margin-top: -12rem
    }
    .small\:-mt-56 {
        margin-top: -14rem
    }
    .small\:-mt-64 {
        margin-top: -16rem
    }
    .small\:-mr-px {
        margin-right: -1px
    }
    .small\:-mr-0 {
        margin-right: 0
    }
    .small\:-mr-1 {
        margin-right: -.25rem
    }
    .small\:-mr-2 {
        margin-right: -.5rem
    }
    .small\:-mr-3 {
        margin-right: -.75rem
    }
    .small\:-mr-4 {
        margin-right: -1rem
    }
    .small\:-mr-5 {
        margin-right: -1.25rem
    }
    .small\:-mr-6 {
        margin-right: -1.5rem
    }
    .small\:-mr-8 {
        margin-right: -2rem
    }
    .small\:-mr-10 {
        margin-right: -2.5rem
    }
    .small\:-mr-12 {
        margin-right: -3rem
    }
    .small\:-mr-16 {
        margin-right: -4rem
    }
    .small\:-mr-20 {
        margin-right: -5rem
    }
    .small\:-mr-24 {
        margin-right: -6rem
    }
    .small\:-mr-32 {
        margin-right: -8rem
    }
    .small\:-mr-40 {
        margin-right: -10rem
    }
    .small\:-mr-48 {
        margin-right: -12rem
    }
    .small\:-mr-56 {
        margin-right: -14rem
    }
    .small\:-mr-64 {
        margin-right: -16rem
    }
    .small\:-mb-px {
        margin-bottom: -1px
    }
    .small\:-mb-0 {
        margin-bottom: 0
    }
    .small\:-mb-1 {
        margin-bottom: -.25rem
    }
    .small\:-mb-2 {
        margin-bottom: -.5rem
    }
    .small\:-mb-3 {
        margin-bottom: -.75rem
    }
    .small\:-mb-4 {
        margin-bottom: -1rem
    }
    .small\:-mb-5 {
        margin-bottom: -1.25rem
    }
    .small\:-mb-6 {
        margin-bottom: -1.5rem
    }
    .small\:-mb-8 {
        margin-bottom: -2rem
    }
    .small\:-mb-10 {
        margin-bottom: -2.5rem
    }
    .small\:-mb-12 {
        margin-bottom: -3rem
    }
    .small\:-mb-16 {
        margin-bottom: -4rem
    }
    .small\:-mb-20 {
        margin-bottom: -5rem
    }
    .small\:-mb-24 {
        margin-bottom: -6rem
    }
    .small\:-mb-32 {
        margin-bottom: -8rem
    }
    .small\:-mb-40 {
        margin-bottom: -10rem
    }
    .small\:-mb-48 {
        margin-bottom: -12rem
    }
    .small\:-mb-56 {
        margin-bottom: -14rem
    }
    .small\:-mb-64 {
        margin-bottom: -16rem
    }
    .small\:-ml-px {
        margin-left: -1px
    }
    .small\:-ml-0 {
        margin-left: 0
    }
    .small\:-ml-1 {
        margin-left: -.25rem
    }
    .small\:-ml-2 {
        margin-left: -.5rem
    }
    .small\:-ml-3 {
        margin-left: -.75rem
    }
    .small\:-ml-4 {
        margin-left: -1rem
    }
    .small\:-ml-5 {
        margin-left: -1.25rem
    }
    .small\:-ml-6 {
        margin-left: -1.5rem
    }
    .small\:-ml-8 {
        margin-left: -2rem
    }
    .small\:-ml-10 {
        margin-left: -2.5rem
    }
    .small\:-ml-12 {
        margin-left: -3rem
    }
    .small\:-ml-16 {
        margin-left: -4rem
    }
    .small\:-ml-20 {
        margin-left: -5rem
    }
    .small\:-ml-24 {
        margin-left: -6rem
    }
    .small\:-ml-32 {
        margin-left: -8rem
    }
    .small\:-ml-40 {
        margin-left: -10rem
    }
    .small\:-ml-48 {
        margin-left: -12rem
    }
    .small\:-ml-56 {
        margin-left: -14rem
    }
    .small\:-ml-64 {
        margin-left: -16rem
    }
}

@media screen and (max-width: 1024px) {
    .large\:p-px {
        padding: 1px
    }
    .large\:p-0 {
        padding: 0
    }
    .large\:p-1 {
        padding: .25rem
    }
    .large\:p-2 {
        padding: .5rem
    }
    .large\:p-3 {
        padding: .75rem
    }
    .large\:p-4 {
        padding: 1rem
    }
    .large\:p-5 {
        padding: 1.25rem
    }
    .large\:p-6 {
        padding: 1.5rem
    }
    .large\:p-8 {
        padding: 2rem
    }
    .large\:p-10 {
        padding: 2.5rem
    }
    .large\:p-12 {
        padding: 3rem
    }
    .large\:p-16 {
        padding: 4rem
    }
    .large\:p-20 {
        padding: 5rem
    }
    .large\:p-24 {
        padding: 6rem
    }
    .large\:p-32 {
        padding: 8rem
    }
    .large\:p-40 {
        padding: 10rem
    }
    .large\:p-48 {
        padding: 12rem
    }
    .large\:p-56 {
        padding: 14rem
    }
    .large\:p-64 {
        padding: 16rem
    }
    .large\:px-px {
        padding-right: 1px;
        padding-left: 1px
    }
    .large\:px-0 {
        padding-right: 0;
        padding-left: 0
    }
    .large\:px-1 {
        padding-right: .25rem;
        padding-left: .25rem
    }
    .large\:px-2 {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .large\:px-3 {
        padding-right: .75rem;
        padding-left: .75rem
    }
    .large\:px-4 {
        padding-right: 1rem;
        padding-left: 1rem
    }
    .large\:px-5 {
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
    .large\:px-6 {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
    .large\:px-8 {
        padding-right: 2rem;
        padding-left: 2rem
    }
    .large\:px-10 {
        padding-right: 2.5rem;
        padding-left: 2.5rem
    }
    .large\:px-12 {
        padding-right: 3rem;
        padding-left: 3rem
    }
    .large\:px-16 {
        padding-right: 4rem;
        padding-left: 4rem
    }
    .large\:px-20 {
        padding-right: 5rem;
        padding-left: 5rem
    }
    .large\:px-24 {
        padding-right: 6rem;
        padding-left: 6rem
    }
    .large\:px-32 {
        padding-right: 8rem;
        padding-left: 8rem
    }
    .large\:px-40 {
        padding-right: 10rem;
        padding-left: 10rem
    }
    .large\:px-48 {
        padding-right: 12rem;
        padding-left: 12rem
    }
    .large\:px-56 {
        padding-right: 14rem;
        padding-left: 14rem
    }
    .large\:px-64 {
        padding-right: 16rem;
        padding-left: 16rem
    }
    .large\:py-px {
        padding-bottom: 1px;
        padding-top: 1px
    }
    .large\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }
    .large\:py-1 {
        padding-bottom: .25rem;
        padding-top: .25rem
    }
    .large\:py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }
    .large\:py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }
    .large\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }
    .large\:py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem
    }
    .large\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }
    .large\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
    .large\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }
    .large\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
    .large\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }
    .large\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
    .large\:py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }
    .large\:py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem
    }
    .large\:py-40 {
        padding-bottom: 10rem;
        padding-top: 10rem
    }
    .large\:py-48 {
        padding-bottom: 12rem;
        padding-top: 12rem
    }
    .large\:py-56 {
        padding-bottom: 14rem;
        padding-top: 14rem
    }
    .large\:py-64 {
        padding-bottom: 16rem;
        padding-top: 16rem
    }
    .large\:pt-px {
        padding-top: 1px
    }
    .large\:pt-0 {
        padding-top: 0
    }
    .large\:pt-1 {
        padding-top: .25rem
    }
    .large\:pt-2 {
        padding-top: .5rem
    }
    .large\:pt-3 {
        padding-top: .75rem
    }
    .large\:pt-4 {
        padding-top: 1rem
    }
    .large\:pt-5 {
        padding-top: 1.25rem
    }
    .large\:pt-6 {
        padding-top: 1.5rem
    }
    .large\:pt-8 {
        padding-top: 2rem
    }
    .large\:pt-10 {
        padding-top: 2.5rem
    }
    .large\:pt-12 {
        padding-top: 3rem
    }
    .large\:pt-16 {
        padding-top: 4rem
    }
    .large\:pt-20 {
        padding-top: 5rem
    }
    .large\:pt-24 {
        padding-top: 6rem
    }
    .large\:pt-32 {
        padding-top: 8rem
    }
    .large\:pt-40 {
        padding-top: 10rem
    }
    .large\:pt-48 {
        padding-top: 12rem
    }
    .large\:pt-56 {
        padding-top: 14rem
    }
    .large\:pt-64 {
        padding-top: 16rem
    }
    .large\:pr-px {
        padding-right: 1px
    }
    .large\:pr-0 {
        padding-right: 0
    }
    .large\:pr-1 {
        padding-right: .25rem
    }
    .large\:pr-2 {
        padding-right: .5rem
    }
    .large\:pr-3 {
        padding-right: .75rem
    }
    .large\:pr-4 {
        padding-right: 1rem
    }
    .large\:pr-5 {
        padding-right: 1.25rem
    }
    .large\:pr-6 {
        padding-right: 1.5rem
    }
    .large\:pr-8 {
        padding-right: 2rem
    }
    .large\:pr-10 {
        padding-right: 2.5rem
    }
    .large\:pr-12 {
        padding-right: 3rem
    }
    .large\:pr-16 {
        padding-right: 4rem
    }
    .large\:pr-20 {
        padding-right: 5rem
    }
    .large\:pr-24 {
        padding-right: 6rem
    }
    .large\:pr-32 {
        padding-right: 8rem
    }
    .large\:pr-40 {
        padding-right: 10rem
    }
    .large\:pr-48 {
        padding-right: 12rem
    }
    .large\:pr-56 {
        padding-right: 14rem
    }
    .large\:pr-64 {
        padding-right: 16rem
    }
    .large\:pb-px {
        padding-bottom: 1px
    }
    .large\:pb-0 {
        padding-bottom: 0
    }
    .large\:pb-1 {
        padding-bottom: .25rem
    }
    .large\:pb-2 {
        padding-bottom: .5rem
    }
    .large\:pb-3 {
        padding-bottom: .75rem
    }
    .large\:pb-4 {
        padding-bottom: 1rem
    }
    .large\:pb-5 {
        padding-bottom: 1.25rem
    }
    .large\:pb-6 {
        padding-bottom: 1.5rem
    }
    .large\:pb-8 {
        padding-bottom: 2rem
    }
    .large\:pb-10 {
        padding-bottom: 2.5rem
    }
    .large\:pb-12 {
        padding-bottom: 3rem
    }
    .large\:pb-16 {
        padding-bottom: 4rem
    }
    .large\:pb-20 {
        padding-bottom: 5rem
    }
    .large\:pb-24 {
        padding-bottom: 6rem
    }
    .large\:pb-32 {
        padding-bottom: 8rem
    }
    .large\:pb-40 {
        padding-bottom: 10rem
    }
    .large\:pb-48 {
        padding-bottom: 12rem
    }
    .large\:pb-56 {
        padding-bottom: 14rem
    }
    .large\:pb-64 {
        padding-bottom: 16rem
    }
    .large\:pl-px {
        padding-left: 1px
    }
    .large\:pl-0 {
        padding-left: 0
    }
    .large\:pl-1 {
        padding-left: .25rem
    }
    .large\:pl-2 {
        padding-left: .5rem
    }
    .large\:pl-3 {
        padding-left: .75rem
    }
    .large\:pl-4 {
        padding-left: 1rem
    }
    .large\:pl-5 {
        padding-left: 1.25rem
    }
    .large\:pl-6 {
        padding-left: 1.5rem
    }
    .large\:pl-8 {
        padding-left: 2rem
    }
    .large\:pl-10 {
        padding-left: 2.5rem
    }
    .large\:pl-12 {
        padding-left: 3rem
    }
    .large\:pl-16 {
        padding-left: 4rem
    }
    .large\:pl-20 {
        padding-left: 5rem
    }
    .large\:pl-24 {
        padding-left: 6rem
    }
    .large\:pl-32 {
        padding-left: 8rem
    }
    .large\:pl-40 {
        padding-left: 10rem
    }
    .large\:pl-48 {
        padding-left: 12rem
    }
    .large\:pl-56 {
        padding-left: 14rem
    }
    .large\:pl-64 {
        padding-left: 16rem
    }
    .large\:m-auto {
        margin: auto
    }
    .large\:m-px {
        margin: 1px
    }
    .large\:m-0 {
        margin: 0
    }
    .large\:m-1 {
        margin: .25rem
    }
    .large\:m-2 {
        margin: .5rem
    }
    .large\:m-3 {
        margin: .75rem
    }
    .large\:m-4 {
        margin: 1rem
    }
    .large\:m-5 {
        margin: 1.25rem
    }
    .large\:m-6 {
        margin: 1.5rem
    }
    .large\:m-8 {
        margin: 2rem
    }
    .large\:m-10 {
        margin: 2.5rem
    }
    .large\:m-12 {
        margin: 3rem
    }
    .large\:m-16 {
        margin: 4rem
    }
    .large\:m-20 {
        margin: 5rem
    }
    .large\:m-24 {
        margin: 6rem
    }
    .large\:m-32 {
        margin: 8rem
    }
    .large\:m-40 {
        margin: 10rem
    }
    .large\:m-48 {
        margin: 12rem
    }
    .large\:m-56 {
        margin: 14rem
    }
    .large\:m-64 {
        margin: 16rem
    }
    .large\:mx-auto {
        margin-right: auto;
        margin-left: auto
    }
    .large\:mx-px {
        margin-right: 1px;
        margin-left: 1px
    }
    .large\:mx-0 {
        margin-right: 0;
        margin-left: 0
    }
    .large\:mx-1 {
        margin-right: .25rem;
        margin-left: .25rem
    }
    .large\:mx-2 {
        margin-right: .5rem;
        margin-left: .5rem
    }
    .large\:mx-3 {
        margin-right: .75rem;
        margin-left: .75rem
    }
    .large\:mx-4 {
        margin-right: 1rem;
        margin-left: 1rem
    }
    .large\:mx-5 {
        margin-right: 1.25rem;
        margin-left: 1.25rem
    }
    .large\:mx-6 {
        margin-right: 1.5rem;
        margin-left: 1.5rem
    }
    .large\:mx-8 {
        margin-right: 2rem;
        margin-left: 2rem
    }
    .large\:mx-10 {
        margin-right: 2.5rem;
        margin-left: 2.5rem
    }
    .large\:mx-12 {
        margin-right: 3rem;
        margin-left: 3rem
    }
    .large\:mx-16 {
        margin-right: 4rem;
        margin-left: 4rem
    }
    .large\:mx-20 {
        margin-right: 5rem;
        margin-left: 5rem
    }
    .large\:mx-24 {
        margin-right: 6rem;
        margin-left: 6rem
    }
    .large\:mx-32 {
        margin-right: 8rem;
        margin-left: 8rem
    }
    .large\:mx-40 {
        margin-right: 10rem;
        margin-left: 10rem
    }
    .large\:mx-48 {
        margin-right: 12rem;
        margin-left: 12rem
    }
    .large\:mx-56 {
        margin-right: 14rem;
        margin-left: 14rem
    }
    .large\:mx-64 {
        margin-right: 16rem;
        margin-left: 16rem
    }
    .large\:my-auto {
        margin-bottom: auto;
        margin-top: auto
    }
    .large\:my-px {
        margin-bottom: 1px;
        margin-top: 1px
    }
    .large\:my-0 {
        margin-bottom: 0;
        margin-top: 0
    }
    .large\:my-1 {
        margin-bottom: .25rem;
        margin-top: .25rem
    }
    .large\:my-2 {
        margin-bottom: .5rem;
        margin-top: .5rem
    }
    .large\:my-3 {
        margin-bottom: .75rem;
        margin-top: .75rem
    }
    .large\:my-4 {
        margin-bottom: 1rem;
        margin-top: 1rem
    }
    .large\:my-5 {
        margin-bottom: 1.25rem;
        margin-top: 1.25rem
    }
    .large\:my-6 {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }
    .large\:my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem
    }
    .large\:my-10 {
        margin-bottom: 2.5rem;
        margin-top: 2.5rem
    }
    .large\:my-12 {
        margin-bottom: 3rem;
        margin-top: 3rem
    }
    .large\:my-16 {
        margin-bottom: 4rem;
        margin-top: 4rem
    }
    .large\:my-20 {
        margin-bottom: 5rem;
        margin-top: 5rem
    }
    .large\:my-24 {
        margin-bottom: 6rem;
        margin-top: 6rem
    }
    .large\:my-32 {
        margin-bottom: 8rem;
        margin-top: 8rem
    }
    .large\:my-40 {
        margin-bottom: 10rem;
        margin-top: 10rem
    }
    .large\:my-48 {
        margin-bottom: 12rem;
        margin-top: 12rem
    }
    .large\:my-56 {
        margin-bottom: 14rem;
        margin-top: 14rem
    }
    .large\:my-64 {
        margin-bottom: 16rem;
        margin-top: 16rem
    }
    .large\:mt-auto {
        margin-top: auto
    }
    .large\:mt-px {
        margin-top: 1px
    }
    .large\:mt-0 {
        margin-top: 0
    }
    .large\:mt-1 {
        margin-top: .25rem
    }
    .large\:mt-2 {
        margin-top: .5rem
    }
    .large\:mt-3 {
        margin-top: .75rem
    }
    .large\:mt-4 {
        margin-top: 1rem
    }
    .large\:mt-5 {
        margin-top: 1.25rem
    }
    .large\:mt-6 {
        margin-top: 1.5rem
    }
    .large\:mt-8 {
        margin-top: 2rem
    }
    .large\:mt-10 {
        margin-top: 2.5rem
    }
    .large\:mt-12 {
        margin-top: 3rem
    }
    .large\:mt-16 {
        margin-top: 4rem
    }
    .large\:mt-20 {
        margin-top: 5rem
    }
    .large\:mt-24 {
        margin-top: 6rem
    }
    .large\:mt-32 {
        margin-top: 8rem
    }
    .large\:mt-40 {
        margin-top: 10rem
    }
    .large\:mt-48 {
        margin-top: 12rem
    }
    .large\:mt-56 {
        margin-top: 14rem
    }
    .large\:mt-64 {
        margin-top: 16rem
    }
    .large\:mr-auto {
        margin-right: auto
    }
    .large\:mr-px {
        margin-right: 1px
    }
    .large\:mr-0 {
        margin-right: 0
    }
    .large\:mr-1 {
        margin-right: .25rem
    }
    .large\:mr-2 {
        margin-right: .5rem
    }
    .large\:mr-3 {
        margin-right: .75rem
    }
    .large\:mr-4 {
        margin-right: 1rem
    }
    .large\:mr-5 {
        margin-right: 1.25rem
    }
    .large\:mr-6 {
        margin-right: 1.5rem
    }
    .large\:mr-8 {
        margin-right: 2rem
    }
    .large\:mr-10 {
        margin-right: 2.5rem
    }
    .large\:mr-12 {
        margin-right: 3rem
    }
    .large\:mr-16 {
        margin-right: 4rem
    }
    .large\:mr-20 {
        margin-right: 5rem
    }
    .large\:mr-24 {
        margin-right: 6rem
    }
    .large\:mr-32 {
        margin-right: 8rem
    }
    .large\:mr-40 {
        margin-right: 10rem
    }
    .large\:mr-48 {
        margin-right: 12rem
    }
    .large\:mr-56 {
        margin-right: 14rem
    }
    .large\:mr-64 {
        margin-right: 16rem
    }
    .large\:mb-auto {
        margin-bottom: auto
    }
    .large\:mb-px {
        margin-bottom: 1px
    }
    .large\:mb-0 {
        margin-bottom: 0
    }
    .large\:mb-1 {
        margin-bottom: .25rem
    }
    .large\:mb-2 {
        margin-bottom: .5rem
    }
    .large\:mb-3 {
        margin-bottom: .75rem
    }
    .large\:mb-4 {
        margin-bottom: 1rem
    }
    .large\:mb-5 {
        margin-bottom: 1.25rem
    }
    .large\:mb-6 {
        margin-bottom: 1.5rem
    }
    .large\:mb-8 {
        margin-bottom: 2rem
    }
    .large\:mb-10 {
        margin-bottom: 2.5rem
    }
    .large\:mb-12 {
        margin-bottom: 3rem
    }
    .large\:mb-16 {
        margin-bottom: 4rem
    }
    .large\:mb-20 {
        margin-bottom: 5rem
    }
    .large\:mb-24 {
        margin-bottom: 6rem
    }
    .large\:mb-32 {
        margin-bottom: 8rem
    }
    .large\:mb-40 {
        margin-bottom: 10rem
    }
    .large\:mb-48 {
        margin-bottom: 12rem
    }
    .large\:mb-56 {
        margin-bottom: 14rem
    }
    .large\:mb-64 {
        margin-bottom: 16rem
    }
    .large\:ml-auto {
        margin-left: auto
    }
    .large\:ml-px {
        margin-left: 1px
    }
    .large\:ml-0 {
        margin-left: 0
    }
    .large\:ml-1 {
        margin-left: .25rem
    }
    .large\:ml-2 {
        margin-left: .5rem
    }
    .large\:ml-3 {
        margin-left: .75rem
    }
    .large\:ml-4 {
        margin-left: 1rem
    }
    .large\:ml-5 {
        margin-left: 1.25rem
    }
    .large\:ml-6 {
        margin-left: 1.5rem
    }
    .large\:ml-8 {
        margin-left: 2rem
    }
    .large\:ml-10 {
        margin-left: 2.5rem
    }
    .large\:ml-12 {
        margin-left: 3rem
    }
    .large\:ml-16 {
        margin-left: 4rem
    }
    .large\:ml-20 {
        margin-left: 5rem
    }
    .large\:ml-24 {
        margin-left: 6rem
    }
    .large\:ml-32 {
        margin-left: 8rem
    }
    .large\:ml-40 {
        margin-left: 10rem
    }
    .large\:ml-48 {
        margin-left: 12rem
    }
    .large\:ml-56 {
        margin-left: 14rem
    }
    .large\:ml-64 {
        margin-left: 16rem
    }
    .large\:-m-px {
        margin: -1px
    }
    .large\:-m-0 {
        margin: 0
    }
    .large\:-m-1 {
        margin: -.25rem
    }
    .large\:-m-2 {
        margin: -.5rem
    }
    .large\:-m-3 {
        margin: -.75rem
    }
    .large\:-m-4 {
        margin: -1rem
    }
    .large\:-m-5 {
        margin: -1.25rem
    }
    .large\:-m-6 {
        margin: -1.5rem
    }
    .large\:-m-8 {
        margin: -2rem
    }
    .large\:-m-10 {
        margin: -2.5rem
    }
    .large\:-m-12 {
        margin: -3rem
    }
    .large\:-m-16 {
        margin: -4rem
    }
    .large\:-m-20 {
        margin: -5rem
    }
    .large\:-m-24 {
        margin: -6rem
    }
    .large\:-m-32 {
        margin: -8rem
    }
    .large\:-m-40 {
        margin: -10rem
    }
    .large\:-m-48 {
        margin: -12rem
    }
    .large\:-m-56 {
        margin: -14rem
    }
    .large\:-m-64 {
        margin: -16rem
    }
    .large\:-mx-px {
        margin-right: -1px;
        margin-left: -1px
    }
    .large\:-mx-0 {
        margin-right: 0;
        margin-left: 0
    }
    .large\:-mx-1 {
        margin-right: -.25rem;
        margin-left: -.25rem
    }
    .large\:-mx-2 {
        margin-right: -.5rem;
        margin-left: -.5rem
    }
    .large\:-mx-3 {
        margin-right: -.75rem;
        margin-left: -.75rem
    }
    .large\:-mx-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }
    .large\:-mx-5 {
        margin-right: -1.25rem;
        margin-left: -1.25rem
    }
    .large\:-mx-6 {
        margin-right: -1.5rem;
        margin-left: -1.5rem
    }
    .large\:-mx-8 {
        margin-right: -2rem;
        margin-left: -2rem
    }
    .large\:-mx-10 {
        margin-right: -2.5rem;
        margin-left: -2.5rem
    }
    .large\:-mx-12 {
        margin-right: -3rem;
        margin-left: -3rem
    }
    .large\:-mx-16 {
        margin-right: -4rem;
        margin-left: -4rem
    }
    .large\:-mx-20 {
        margin-right: -5rem;
        margin-left: -5rem
    }
    .large\:-mx-24 {
        margin-right: -6rem;
        margin-left: -6rem
    }
    .large\:-mx-32 {
        margin-right: -8rem;
        margin-left: -8rem
    }
    .large\:-mx-40 {
        margin-right: -10rem;
        margin-left: -10rem
    }
    .large\:-mx-48 {
        margin-right: -12rem;
        margin-left: -12rem
    }
    .large\:-mx-56 {
        margin-right: -14rem;
        margin-left: -14rem
    }
    .large\:-mx-64 {
        margin-right: -16rem;
        margin-left: -16rem
    }
    .large\:-my-px {
        margin-bottom: -1px;
        margin-top: -1px
    }
    .large\:-my-0 {
        margin-bottom: 0;
        margin-top: 0
    }
    .large\:-my-1 {
        margin-bottom: -.25rem;
        margin-top: -.25rem
    }
    .large\:-my-2 {
        margin-bottom: -.5rem;
        margin-top: -.5rem
    }
    .large\:-my-3 {
        margin-bottom: -.75rem;
        margin-top: -.75rem
    }
    .large\:-my-4 {
        margin-bottom: -1rem;
        margin-top: -1rem
    }
    .large\:-my-5 {
        margin-bottom: -1.25rem;
        margin-top: -1.25rem
    }
    .large\:-my-6 {
        margin-bottom: -1.5rem;
        margin-top: -1.5rem
    }
    .large\:-my-8 {
        margin-bottom: -2rem;
        margin-top: -2rem
    }
    .large\:-my-10 {
        margin-bottom: -2.5rem;
        margin-top: -2.5rem
    }
    .large\:-my-12 {
        margin-bottom: -3rem;
        margin-top: -3rem
    }
    .large\:-my-16 {
        margin-bottom: -4rem;
        margin-top: -4rem
    }
    .large\:-my-20 {
        margin-bottom: -5rem;
        margin-top: -5rem
    }
    .large\:-my-24 {
        margin-bottom: -6rem;
        margin-top: -6rem
    }
    .large\:-my-32 {
        margin-bottom: -8rem;
        margin-top: -8rem
    }
    .large\:-my-40 {
        margin-bottom: -10rem;
        margin-top: -10rem
    }
    .large\:-my-48 {
        margin-bottom: -12rem;
        margin-top: -12rem
    }
    .large\:-my-56 {
        margin-bottom: -14rem;
        margin-top: -14rem
    }
    .large\:-my-64 {
        margin-bottom: -16rem;
        margin-top: -16rem
    }
    .large\:-mt-px {
        margin-top: -1px
    }
    .large\:-mt-0 {
        margin-top: 0
    }
    .large\:-mt-1 {
        margin-top: -.25rem
    }
    .large\:-mt-2 {
        margin-top: -.5rem
    }
    .large\:-mt-3 {
        margin-top: -.75rem
    }
    .large\:-mt-4 {
        margin-top: -1rem
    }
    .large\:-mt-5 {
        margin-top: -1.25rem
    }
    .large\:-mt-6 {
        margin-top: -1.5rem
    }
    .large\:-mt-8 {
        margin-top: -2rem
    }
    .large\:-mt-10 {
        margin-top: -2.5rem
    }
    .large\:-mt-12 {
        margin-top: -3rem
    }
    .large\:-mt-16 {
        margin-top: -4rem
    }
    .large\:-mt-20 {
        margin-top: -5rem
    }
    .large\:-mt-24 {
        margin-top: -6rem
    }
    .large\:-mt-32 {
        margin-top: -8rem
    }
    .large\:-mt-40 {
        margin-top: -10rem
    }
    .large\:-mt-48 {
        margin-top: -12rem
    }
    .large\:-mt-56 {
        margin-top: -14rem
    }
    .large\:-mt-64 {
        margin-top: -16rem
    }
    .large\:-mr-px {
        margin-right: -1px
    }
    .large\:-mr-0 {
        margin-right: 0
    }
    .large\:-mr-1 {
        margin-right: -.25rem
    }
    .large\:-mr-2 {
        margin-right: -.5rem
    }
    .large\:-mr-3 {
        margin-right: -.75rem
    }
    .large\:-mr-4 {
        margin-right: -1rem
    }
    .large\:-mr-5 {
        margin-right: -1.25rem
    }
    .large\:-mr-6 {
        margin-right: -1.5rem
    }
    .large\:-mr-8 {
        margin-right: -2rem
    }
    .large\:-mr-10 {
        margin-right: -2.5rem
    }
    .large\:-mr-12 {
        margin-right: -3rem
    }
    .large\:-mr-16 {
        margin-right: -4rem
    }
    .large\:-mr-20 {
        margin-right: -5rem
    }
    .large\:-mr-24 {
        margin-right: -6rem
    }
    .large\:-mr-32 {
        margin-right: -8rem
    }
    .large\:-mr-40 {
        margin-right: -10rem
    }
    .large\:-mr-48 {
        margin-right: -12rem
    }
    .large\:-mr-56 {
        margin-right: -14rem
    }
    .large\:-mr-64 {
        margin-right: -16rem
    }
    .large\:-mb-px {
        margin-bottom: -1px
    }
    .large\:-mb-0 {
        margin-bottom: 0
    }
    .large\:-mb-1 {
        margin-bottom: -.25rem
    }
    .large\:-mb-2 {
        margin-bottom: -.5rem
    }
    .large\:-mb-3 {
        margin-bottom: -.75rem
    }
    .large\:-mb-4 {
        margin-bottom: -1rem
    }
    .large\:-mb-5 {
        margin-bottom: -1.25rem
    }
    .large\:-mb-6 {
        margin-bottom: -1.5rem
    }
    .large\:-mb-8 {
        margin-bottom: -2rem
    }
    .large\:-mb-10 {
        margin-bottom: -2.5rem
    }
    .large\:-mb-12 {
        margin-bottom: -3rem
    }
    .large\:-mb-16 {
        margin-bottom: -4rem
    }
    .large\:-mb-20 {
        margin-bottom: -5rem
    }
    .large\:-mb-24 {
        margin-bottom: -6rem
    }
    .large\:-mb-32 {
        margin-bottom: -8rem
    }
    .large\:-mb-40 {
        margin-bottom: -10rem
    }
    .large\:-mb-48 {
        margin-bottom: -12rem
    }
    .large\:-mb-56 {
        margin-bottom: -14rem
    }
    .large\:-mb-64 {
        margin-bottom: -16rem
    }
    .large\:-ml-px {
        margin-left: -1px
    }
    .large\:-ml-0 {
        margin-left: 0
    }
    .large\:-ml-1 {
        margin-left: -.25rem
    }
    .large\:-ml-2 {
        margin-left: -.5rem
    }
    .large\:-ml-3 {
        margin-left: -.75rem
    }
    .large\:-ml-4 {
        margin-left: -1rem
    }
    .large\:-ml-5 {
        margin-left: -1.25rem
    }
    .large\:-ml-6 {
        margin-left: -1.5rem
    }
    .large\:-ml-8 {
        margin-left: -2rem
    }
    .large\:-ml-10 {
        margin-left: -2.5rem
    }
    .large\:-ml-12 {
        margin-left: -3rem
    }
    .large\:-ml-16 {
        margin-left: -4rem
    }
    .large\:-ml-20 {
        margin-left: -5rem
    }
    .large\:-ml-24 {
        margin-left: -6rem
    }
    .large\:-ml-32 {
        margin-left: -8rem
    }
    .large\:-ml-40 {
        margin-left: -10rem
    }
    .large\:-ml-48 {
        margin-left: -12rem
    }
    .large\:-ml-56 {
        margin-left: -14rem
    }
    .large\:-ml-64 {
        margin-left: -16rem
    }
}

@media screen and (max-width: 1280px) {
    .wide\:p-px {
        padding: 1px
    }
    .wide\:p-0 {
        padding: 0
    }
    .wide\:p-1 {
        padding: .25rem
    }
    .wide\:p-2 {
        padding: .5rem
    }
    .wide\:p-3 {
        padding: .75rem
    }
    .wide\:p-4 {
        padding: 1rem
    }
    .wide\:p-5 {
        padding: 1.25rem
    }
    .wide\:p-6 {
        padding: 1.5rem
    }
    .wide\:p-8 {
        padding: 2rem
    }
    .wide\:p-10 {
        padding: 2.5rem
    }
    .wide\:p-12 {
        padding: 3rem
    }
    .wide\:p-16 {
        padding: 4rem
    }
    .wide\:p-20 {
        padding: 5rem
    }
    .wide\:p-24 {
        padding: 6rem
    }
    .wide\:p-32 {
        padding: 8rem
    }
    .wide\:p-40 {
        padding: 10rem
    }
    .wide\:p-48 {
        padding: 12rem
    }
    .wide\:p-56 {
        padding: 14rem
    }
    .wide\:p-64 {
        padding: 16rem
    }
    .wide\:px-px {
        padding-right: 1px;
        padding-left: 1px
    }
    .wide\:px-0 {
        padding-right: 0;
        padding-left: 0
    }
    .wide\:px-1 {
        padding-right: .25rem;
        padding-left: .25rem
    }
    .wide\:px-2 {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .wide\:px-3 {
        padding-right: .75rem;
        padding-left: .75rem
    }
    .wide\:px-4 {
        padding-right: 1rem;
        padding-left: 1rem
    }
    .wide\:px-5 {
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
    .wide\:px-6 {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
    .wide\:px-8 {
        padding-right: 2rem;
        padding-left: 2rem
    }
    .wide\:px-10 {
        padding-right: 2.5rem;
        padding-left: 2.5rem
    }
    .wide\:px-12 {
        padding-right: 3rem;
        padding-left: 3rem
    }
    .wide\:px-16 {
        padding-right: 4rem;
        padding-left: 4rem
    }
    .wide\:px-20 {
        padding-right: 5rem;
        padding-left: 5rem
    }
    .wide\:px-24 {
        padding-right: 6rem;
        padding-left: 6rem
    }
    .wide\:px-32 {
        padding-right: 8rem;
        padding-left: 8rem
    }
    .wide\:px-40 {
        padding-right: 10rem;
        padding-left: 10rem
    }
    .wide\:px-48 {
        padding-right: 12rem;
        padding-left: 12rem
    }
    .wide\:px-56 {
        padding-right: 14rem;
        padding-left: 14rem
    }
    .wide\:px-64 {
        padding-right: 16rem;
        padding-left: 16rem
    }
    .wide\:py-px {
        padding-bottom: 1px;
        padding-top: 1px
    }
    .wide\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }
    .wide\:py-1 {
        padding-bottom: .25rem;
        padding-top: .25rem
    }
    .wide\:py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }
    .wide\:py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }
    .wide\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }
    .wide\:py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem
    }
    .wide\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }
    .wide\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
    .wide\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }
    .wide\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
    .wide\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }
    .wide\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
    .wide\:py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }
    .wide\:py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem
    }
    .wide\:py-40 {
        padding-bottom: 10rem;
        padding-top: 10rem
    }
    .wide\:py-48 {
        padding-bottom: 12rem;
        padding-top: 12rem
    }
    .wide\:py-56 {
        padding-bottom: 14rem;
        padding-top: 14rem
    }
    .wide\:py-64 {
        padding-bottom: 16rem;
        padding-top: 16rem
    }
    .wide\:pt-px {
        padding-top: 1px
    }
    .wide\:pt-0 {
        padding-top: 0
    }
    .wide\:pt-1 {
        padding-top: .25rem
    }
    .wide\:pt-2 {
        padding-top: .5rem
    }
    .wide\:pt-3 {
        padding-top: .75rem
    }
    .wide\:pt-4 {
        padding-top: 1rem
    }
    .wide\:pt-5 {
        padding-top: 1.25rem
    }
    .wide\:pt-6 {
        padding-top: 1.5rem
    }
    .wide\:pt-8 {
        padding-top: 2rem
    }
    .wide\:pt-10 {
        padding-top: 2.5rem
    }
    .wide\:pt-12 {
        padding-top: 3rem
    }
    .wide\:pt-16 {
        padding-top: 4rem
    }
    .wide\:pt-20 {
        padding-top: 5rem
    }
    .wide\:pt-24 {
        padding-top: 6rem
    }
    .wide\:pt-32 {
        padding-top: 8rem
    }
    .wide\:pt-40 {
        padding-top: 10rem
    }
    .wide\:pt-48 {
        padding-top: 12rem
    }
    .wide\:pt-56 {
        padding-top: 14rem
    }
    .wide\:pt-64 {
        padding-top: 16rem
    }
    .wide\:pr-px {
        padding-right: 1px
    }
    .wide\:pr-0 {
        padding-right: 0
    }
    .wide\:pr-1 {
        padding-right: .25rem
    }
    .wide\:pr-2 {
        padding-right: .5rem
    }
    .wide\:pr-3 {
        padding-right: .75rem
    }
    .wide\:pr-4 {
        padding-right: 1rem
    }
    .wide\:pr-5 {
        padding-right: 1.25rem
    }
    .wide\:pr-6 {
        padding-right: 1.5rem
    }
    .wide\:pr-8 {
        padding-right: 2rem
    }
    .wide\:pr-10 {
        padding-right: 2.5rem
    }
    .wide\:pr-12 {
        padding-right: 3rem
    }
    .wide\:pr-16 {
        padding-right: 4rem
    }
    .wide\:pr-20 {
        padding-right: 5rem
    }
    .wide\:pr-24 {
        padding-right: 6rem
    }
    .wide\:pr-32 {
        padding-right: 8rem
    }
    .wide\:pr-40 {
        padding-right: 10rem
    }
    .wide\:pr-48 {
        padding-right: 12rem
    }
    .wide\:pr-56 {
        padding-right: 14rem
    }
    .wide\:pr-64 {
        padding-right: 16rem
    }
    .wide\:pb-px {
        padding-bottom: 1px
    }
    .wide\:pb-0 {
        padding-bottom: 0
    }
    .wide\:pb-1 {
        padding-bottom: .25rem
    }
    .wide\:pb-2 {
        padding-bottom: .5rem
    }
    .wide\:pb-3 {
        padding-bottom: .75rem
    }
    .wide\:pb-4 {
        padding-bottom: 1rem
    }
    .wide\:pb-5 {
        padding-bottom: 1.25rem
    }
    .wide\:pb-6 {
        padding-bottom: 1.5rem
    }
    .wide\:pb-8 {
        padding-bottom: 2rem
    }
    .wide\:pb-10 {
        padding-bottom: 2.5rem
    }
    .wide\:pb-12 {
        padding-bottom: 3rem
    }
    .wide\:pb-16 {
        padding-bottom: 4rem
    }
    .wide\:pb-20 {
        padding-bottom: 5rem
    }
    .wide\:pb-24 {
        padding-bottom: 6rem
    }
    .wide\:pb-32 {
        padding-bottom: 8rem
    }
    .wide\:pb-40 {
        padding-bottom: 10rem
    }
    .wide\:pb-48 {
        padding-bottom: 12rem
    }
    .wide\:pb-56 {
        padding-bottom: 14rem
    }
    .wide\:pb-64 {
        padding-bottom: 16rem
    }
    .wide\:pl-px {
        padding-left: 1px
    }
    .wide\:pl-0 {
        padding-left: 0
    }
    .wide\:pl-1 {
        padding-left: .25rem
    }
    .wide\:pl-2 {
        padding-left: .5rem
    }
    .wide\:pl-3 {
        padding-left: .75rem
    }
    .wide\:pl-4 {
        padding-left: 1rem
    }
    .wide\:pl-5 {
        padding-left: 1.25rem
    }
    .wide\:pl-6 {
        padding-left: 1.5rem
    }
    .wide\:pl-8 {
        padding-left: 2rem
    }
    .wide\:pl-10 {
        padding-left: 2.5rem
    }
    .wide\:pl-12 {
        padding-left: 3rem
    }
    .wide\:pl-16 {
        padding-left: 4rem
    }
    .wide\:pl-20 {
        padding-left: 5rem
    }
    .wide\:pl-24 {
        padding-left: 6rem
    }
    .wide\:pl-32 {
        padding-left: 8rem
    }
    .wide\:pl-40 {
        padding-left: 10rem
    }
    .wide\:pl-48 {
        padding-left: 12rem
    }
    .wide\:pl-56 {
        padding-left: 14rem
    }
    .wide\:pl-64 {
        padding-left: 16rem
    }
    .wide\:m-auto {
        margin: auto
    }
    .wide\:m-px {
        margin: 1px
    }
    .wide\:m-0 {
        margin: 0
    }
    .wide\:m-1 {
        margin: .25rem
    }
    .wide\:m-2 {
        margin: .5rem
    }
    .wide\:m-3 {
        margin: .75rem
    }
    .wide\:m-4 {
        margin: 1rem
    }
    .wide\:m-5 {
        margin: 1.25rem
    }
    .wide\:m-6 {
        margin: 1.5rem
    }
    .wide\:m-8 {
        margin: 2rem
    }
    .wide\:m-10 {
        margin: 2.5rem
    }
    .wide\:m-12 {
        margin: 3rem
    }
    .wide\:m-16 {
        margin: 4rem
    }
    .wide\:m-20 {
        margin: 5rem
    }
    .wide\:m-24 {
        margin: 6rem
    }
    .wide\:m-32 {
        margin: 8rem
    }
    .wide\:m-40 {
        margin: 10rem
    }
    .wide\:m-48 {
        margin: 12rem
    }
    .wide\:m-56 {
        margin: 14rem
    }
    .wide\:m-64 {
        margin: 16rem
    }
    .wide\:mx-auto {
        margin-right: auto;
        margin-left: auto
    }
    .wide\:mx-px {
        margin-right: 1px;
        margin-left: 1px
    }
    .wide\:mx-0 {
        margin-right: 0;
        margin-left: 0
    }
    .wide\:mx-1 {
        margin-right: .25rem;
        margin-left: .25rem
    }
    .wide\:mx-2 {
        margin-right: .5rem;
        margin-left: .5rem
    }
    .wide\:mx-3 {
        margin-right: .75rem;
        margin-left: .75rem
    }
    .wide\:mx-4 {
        margin-right: 1rem;
        margin-left: 1rem
    }
    .wide\:mx-5 {
        margin-right: 1.25rem;
        margin-left: 1.25rem
    }
    .wide\:mx-6 {
        margin-right: 1.5rem;
        margin-left: 1.5rem
    }
    .wide\:mx-8 {
        margin-right: 2rem;
        margin-left: 2rem
    }
    .wide\:mx-10 {
        margin-right: 2.5rem;
        margin-left: 2.5rem
    }
    .wide\:mx-12 {
        margin-right: 3rem;
        margin-left: 3rem
    }
    .wide\:mx-16 {
        margin-right: 4rem;
        margin-left: 4rem
    }
    .wide\:mx-20 {
        margin-right: 5rem;
        margin-left: 5rem
    }
    .wide\:mx-24 {
        margin-right: 6rem;
        margin-left: 6rem
    }
    .wide\:mx-32 {
        margin-right: 8rem;
        margin-left: 8rem
    }
    .wide\:mx-40 {
        margin-right: 10rem;
        margin-left: 10rem
    }
    .wide\:mx-48 {
        margin-right: 12rem;
        margin-left: 12rem
    }
    .wide\:mx-56 {
        margin-right: 14rem;
        margin-left: 14rem
    }
    .wide\:mx-64 {
        margin-right: 16rem;
        margin-left: 16rem
    }
    .wide\:my-auto {
        margin-bottom: auto;
        margin-top: auto
    }
    .wide\:my-px {
        margin-bottom: 1px;
        margin-top: 1px
    }
    .wide\:my-0 {
        margin-bottom: 0;
        margin-top: 0
    }
    .wide\:my-1 {
        margin-bottom: .25rem;
        margin-top: .25rem
    }
    .wide\:my-2 {
        margin-bottom: .5rem;
        margin-top: .5rem
    }
    .wide\:my-3 {
        margin-bottom: .75rem;
        margin-top: .75rem
    }
    .wide\:my-4 {
        margin-bottom: 1rem;
        margin-top: 1rem
    }
    .wide\:my-5 {
        margin-bottom: 1.25rem;
        margin-top: 1.25rem
    }
    .wide\:my-6 {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }
    .wide\:my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem
    }
    .wide\:my-10 {
        margin-bottom: 2.5rem;
        margin-top: 2.5rem
    }
    .wide\:my-12 {
        margin-bottom: 3rem;
        margin-top: 3rem
    }
    .wide\:my-16 {
        margin-bottom: 4rem;
        margin-top: 4rem
    }
    .wide\:my-20 {
        margin-bottom: 5rem;
        margin-top: 5rem
    }
    .wide\:my-24 {
        margin-bottom: 6rem;
        margin-top: 6rem
    }
    .wide\:my-32 {
        margin-bottom: 8rem;
        margin-top: 8rem
    }
    .wide\:my-40 {
        margin-bottom: 10rem;
        margin-top: 10rem
    }
    .wide\:my-48 {
        margin-bottom: 12rem;
        margin-top: 12rem
    }
    .wide\:my-56 {
        margin-bottom: 14rem;
        margin-top: 14rem
    }
    .wide\:my-64 {
        margin-bottom: 16rem;
        margin-top: 16rem
    }
    .wide\:mt-auto {
        margin-top: auto
    }
    .wide\:mt-px {
        margin-top: 1px
    }
    .wide\:mt-0 {
        margin-top: 0
    }
    .wide\:mt-1 {
        margin-top: .25rem
    }
    .wide\:mt-2 {
        margin-top: .5rem
    }
    .wide\:mt-3 {
        margin-top: .75rem
    }
    .wide\:mt-4 {
        margin-top: 1rem
    }
    .wide\:mt-5 {
        margin-top: 1.25rem
    }
    .wide\:mt-6 {
        margin-top: 1.5rem
    }
    .wide\:mt-8 {
        margin-top: 2rem
    }
    .wide\:mt-10 {
        margin-top: 2.5rem
    }
    .wide\:mt-12 {
        margin-top: 3rem
    }
    .wide\:mt-16 {
        margin-top: 4rem
    }
    .wide\:mt-20 {
        margin-top: 5rem
    }
    .wide\:mt-24 {
        margin-top: 6rem
    }
    .wide\:mt-32 {
        margin-top: 8rem
    }
    .wide\:mt-40 {
        margin-top: 10rem
    }
    .wide\:mt-48 {
        margin-top: 12rem
    }
    .wide\:mt-56 {
        margin-top: 14rem
    }
    .wide\:mt-64 {
        margin-top: 16rem
    }
    .wide\:mr-auto {
        margin-right: auto
    }
    .wide\:mr-px {
        margin-right: 1px
    }
    .wide\:mr-0 {
        margin-right: 0
    }
    .wide\:mr-1 {
        margin-right: .25rem
    }
    .wide\:mr-2 {
        margin-right: .5rem
    }
    .wide\:mr-3 {
        margin-right: .75rem
    }
    .wide\:mr-4 {
        margin-right: 1rem
    }
    .wide\:mr-5 {
        margin-right: 1.25rem
    }
    .wide\:mr-6 {
        margin-right: 1.5rem
    }
    .wide\:mr-8 {
        margin-right: 2rem
    }
    .wide\:mr-10 {
        margin-right: 2.5rem
    }
    .wide\:mr-12 {
        margin-right: 3rem
    }
    .wide\:mr-16 {
        margin-right: 4rem
    }
    .wide\:mr-20 {
        margin-right: 5rem
    }
    .wide\:mr-24 {
        margin-right: 6rem
    }
    .wide\:mr-32 {
        margin-right: 8rem
    }
    .wide\:mr-40 {
        margin-right: 10rem
    }
    .wide\:mr-48 {
        margin-right: 12rem
    }
    .wide\:mr-56 {
        margin-right: 14rem
    }
    .wide\:mr-64 {
        margin-right: 16rem
    }
    .wide\:mb-auto {
        margin-bottom: auto
    }
    .wide\:mb-px {
        margin-bottom: 1px
    }
    .wide\:mb-0 {
        margin-bottom: 0
    }
    .wide\:mb-1 {
        margin-bottom: .25rem
    }
    .wide\:mb-2 {
        margin-bottom: .5rem
    }
    .wide\:mb-3 {
        margin-bottom: .75rem
    }
    .wide\:mb-4 {
        margin-bottom: 1rem
    }
    .wide\:mb-5 {
        margin-bottom: 1.25rem
    }
    .wide\:mb-6 {
        margin-bottom: 1.5rem
    }
    .wide\:mb-8 {
        margin-bottom: 2rem
    }
    .wide\:mb-10 {
        margin-bottom: 2.5rem
    }
    .wide\:mb-12 {
        margin-bottom: 3rem
    }
    .wide\:mb-16 {
        margin-bottom: 4rem
    }
    .wide\:mb-20 {
        margin-bottom: 5rem
    }
    .wide\:mb-24 {
        margin-bottom: 6rem
    }
    .wide\:mb-32 {
        margin-bottom: 8rem
    }
    .wide\:mb-40 {
        margin-bottom: 10rem
    }
    .wide\:mb-48 {
        margin-bottom: 12rem
    }
    .wide\:mb-56 {
        margin-bottom: 14rem
    }
    .wide\:mb-64 {
        margin-bottom: 16rem
    }
    .wide\:ml-auto {
        margin-left: auto
    }
    .wide\:ml-px {
        margin-left: 1px
    }
    .wide\:ml-0 {
        margin-left: 0
    }
    .wide\:ml-1 {
        margin-left: .25rem
    }
    .wide\:ml-2 {
        margin-left: .5rem
    }
    .wide\:ml-3 {
        margin-left: .75rem
    }
    .wide\:ml-4 {
        margin-left: 1rem
    }
    .wide\:ml-5 {
        margin-left: 1.25rem
    }
    .wide\:ml-6 {
        margin-left: 1.5rem
    }
    .wide\:ml-8 {
        margin-left: 2rem
    }
    .wide\:ml-10 {
        margin-left: 2.5rem
    }
    .wide\:ml-12 {
        margin-left: 3rem
    }
    .wide\:ml-16 {
        margin-left: 4rem
    }
    .wide\:ml-20 {
        margin-left: 5rem
    }
    .wide\:ml-24 {
        margin-left: 6rem
    }
    .wide\:ml-32 {
        margin-left: 8rem
    }
    .wide\:ml-40 {
        margin-left: 10rem
    }
    .wide\:ml-48 {
        margin-left: 12rem
    }
    .wide\:ml-56 {
        margin-left: 14rem
    }
    .wide\:ml-64 {
        margin-left: 16rem
    }
    .wide\:-m-px {
        margin: -1px
    }
    .wide\:-m-0 {
        margin: 0
    }
    .wide\:-m-1 {
        margin: -.25rem
    }
    .wide\:-m-2 {
        margin: -.5rem
    }
    .wide\:-m-3 {
        margin: -.75rem
    }
    .wide\:-m-4 {
        margin: -1rem
    }
    .wide\:-m-5 {
        margin: -1.25rem
    }
    .wide\:-m-6 {
        margin: -1.5rem
    }
    .wide\:-m-8 {
        margin: -2rem
    }
    .wide\:-m-10 {
        margin: -2.5rem
    }
    .wide\:-m-12 {
        margin: -3rem
    }
    .wide\:-m-16 {
        margin: -4rem
    }
    .wide\:-m-20 {
        margin: -5rem
    }
    .wide\:-m-24 {
        margin: -6rem
    }
    .wide\:-m-32 {
        margin: -8rem
    }
    .wide\:-m-40 {
        margin: -10rem
    }
    .wide\:-m-48 {
        margin: -12rem
    }
    .wide\:-m-56 {
        margin: -14rem
    }
    .wide\:-m-64 {
        margin: -16rem
    }
    .wide\:-mx-px {
        margin-right: -1px;
        margin-left: -1px
    }
    .wide\:-mx-0 {
        margin-right: 0;
        margin-left: 0
    }
    .wide\:-mx-1 {
        margin-right: -.25rem;
        margin-left: -.25rem
    }
    .wide\:-mx-2 {
        margin-right: -.5rem;
        margin-left: -.5rem
    }
    .wide\:-mx-3 {
        margin-right: -.75rem;
        margin-left: -.75rem
    }
    .wide\:-mx-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }
    .wide\:-mx-5 {
        margin-right: -1.25rem;
        margin-left: -1.25rem
    }
    .wide\:-mx-6 {
        margin-right: -1.5rem;
        margin-left: -1.5rem
    }
    .wide\:-mx-8 {
        margin-right: -2rem;
        margin-left: -2rem
    }
    .wide\:-mx-10 {
        margin-right: -2.5rem;
        margin-left: -2.5rem
    }
    .wide\:-mx-12 {
        margin-right: -3rem;
        margin-left: -3rem
    }
    .wide\:-mx-16 {
        margin-right: -4rem;
        margin-left: -4rem
    }
    .wide\:-mx-20 {
        margin-right: -5rem;
        margin-left: -5rem
    }
    .wide\:-mx-24 {
        margin-right: -6rem;
        margin-left: -6rem
    }
    .wide\:-mx-32 {
        margin-right: -8rem;
        margin-left: -8rem
    }
    .wide\:-mx-40 {
        margin-right: -10rem;
        margin-left: -10rem
    }
    .wide\:-mx-48 {
        margin-right: -12rem;
        margin-left: -12rem
    }
    .wide\:-mx-56 {
        margin-right: -14rem;
        margin-left: -14rem
    }
    .wide\:-mx-64 {
        margin-right: -16rem;
        margin-left: -16rem
    }
    .wide\:-my-px {
        margin-bottom: -1px;
        margin-top: -1px
    }
    .wide\:-my-0 {
        margin-bottom: 0;
        margin-top: 0
    }
    .wide\:-my-1 {
        margin-bottom: -.25rem;
        margin-top: -.25rem
    }
    .wide\:-my-2 {
        margin-bottom: -.5rem;
        margin-top: -.5rem
    }
    .wide\:-my-3 {
        margin-bottom: -.75rem;
        margin-top: -.75rem
    }
    .wide\:-my-4 {
        margin-bottom: -1rem;
        margin-top: -1rem
    }
    .wide\:-my-5 {
        margin-bottom: -1.25rem;
        margin-top: -1.25rem
    }
    .wide\:-my-6 {
        margin-bottom: -1.5rem;
        margin-top: -1.5rem
    }
    .wide\:-my-8 {
        margin-bottom: -2rem;
        margin-top: -2rem
    }
    .wide\:-my-10 {
        margin-bottom: -2.5rem;
        margin-top: -2.5rem
    }
    .wide\:-my-12 {
        margin-bottom: -3rem;
        margin-top: -3rem
    }
    .wide\:-my-16 {
        margin-bottom: -4rem;
        margin-top: -4rem
    }
    .wide\:-my-20 {
        margin-bottom: -5rem;
        margin-top: -5rem
    }
    .wide\:-my-24 {
        margin-bottom: -6rem;
        margin-top: -6rem
    }
    .wide\:-my-32 {
        margin-bottom: -8rem;
        margin-top: -8rem
    }
    .wide\:-my-40 {
        margin-bottom: -10rem;
        margin-top: -10rem
    }
    .wide\:-my-48 {
        margin-bottom: -12rem;
        margin-top: -12rem
    }
    .wide\:-my-56 {
        margin-bottom: -14rem;
        margin-top: -14rem
    }
    .wide\:-my-64 {
        margin-bottom: -16rem;
        margin-top: -16rem
    }
    .wide\:-mt-px {
        margin-top: -1px
    }
    .wide\:-mt-0 {
        margin-top: 0
    }
    .wide\:-mt-1 {
        margin-top: -.25rem
    }
    .wide\:-mt-2 {
        margin-top: -.5rem
    }
    .wide\:-mt-3 {
        margin-top: -.75rem
    }
    .wide\:-mt-4 {
        margin-top: -1rem
    }
    .wide\:-mt-5 {
        margin-top: -1.25rem
    }
    .wide\:-mt-6 {
        margin-top: -1.5rem
    }
    .wide\:-mt-8 {
        margin-top: -2rem
    }
    .wide\:-mt-10 {
        margin-top: -2.5rem
    }
    .wide\:-mt-12 {
        margin-top: -3rem
    }
    .wide\:-mt-16 {
        margin-top: -4rem
    }
    .wide\:-mt-20 {
        margin-top: -5rem
    }
    .wide\:-mt-24 {
        margin-top: -6rem
    }
    .wide\:-mt-32 {
        margin-top: -8rem
    }
    .wide\:-mt-40 {
        margin-top: -10rem
    }
    .wide\:-mt-48 {
        margin-top: -12rem
    }
    .wide\:-mt-56 {
        margin-top: -14rem
    }
    .wide\:-mt-64 {
        margin-top: -16rem
    }
    .wide\:-mr-px {
        margin-right: -1px
    }
    .wide\:-mr-0 {
        margin-right: 0
    }
    .wide\:-mr-1 {
        margin-right: -.25rem
    }
    .wide\:-mr-2 {
        margin-right: -.5rem
    }
    .wide\:-mr-3 {
        margin-right: -.75rem
    }
    .wide\:-mr-4 {
        margin-right: -1rem
    }
    .wide\:-mr-5 {
        margin-right: -1.25rem
    }
    .wide\:-mr-6 {
        margin-right: -1.5rem
    }
    .wide\:-mr-8 {
        margin-right: -2rem
    }
    .wide\:-mr-10 {
        margin-right: -2.5rem
    }
    .wide\:-mr-12 {
        margin-right: -3rem
    }
    .wide\:-mr-16 {
        margin-right: -4rem
    }
    .wide\:-mr-20 {
        margin-right: -5rem
    }
    .wide\:-mr-24 {
        margin-right: -6rem
    }
    .wide\:-mr-32 {
        margin-right: -8rem
    }
    .wide\:-mr-40 {
        margin-right: -10rem
    }
    .wide\:-mr-48 {
        margin-right: -12rem
    }
    .wide\:-mr-56 {
        margin-right: -14rem
    }
    .wide\:-mr-64 {
        margin-right: -16rem
    }
    .wide\:-mb-px {
        margin-bottom: -1px
    }
    .wide\:-mb-0 {
        margin-bottom: 0
    }
    .wide\:-mb-1 {
        margin-bottom: -.25rem
    }
    .wide\:-mb-2 {
        margin-bottom: -.5rem
    }
    .wide\:-mb-3 {
        margin-bottom: -.75rem
    }
    .wide\:-mb-4 {
        margin-bottom: -1rem
    }
    .wide\:-mb-5 {
        margin-bottom: -1.25rem
    }
    .wide\:-mb-6 {
        margin-bottom: -1.5rem
    }
    .wide\:-mb-8 {
        margin-bottom: -2rem
    }
    .wide\:-mb-10 {
        margin-bottom: -2.5rem
    }
    .wide\:-mb-12 {
        margin-bottom: -3rem
    }
    .wide\:-mb-16 {
        margin-bottom: -4rem
    }
    .wide\:-mb-20 {
        margin-bottom: -5rem
    }
    .wide\:-mb-24 {
        margin-bottom: -6rem
    }
    .wide\:-mb-32 {
        margin-bottom: -8rem
    }
    .wide\:-mb-40 {
        margin-bottom: -10rem
    }
    .wide\:-mb-48 {
        margin-bottom: -12rem
    }
    .wide\:-mb-56 {
        margin-bottom: -14rem
    }
    .wide\:-mb-64 {
        margin-bottom: -16rem
    }
    .wide\:-ml-px {
        margin-left: -1px
    }
    .wide\:-ml-0 {
        margin-left: 0
    }
    .wide\:-ml-1 {
        margin-left: -.25rem
    }
    .wide\:-ml-2 {
        margin-left: -.5rem
    }
    .wide\:-ml-3 {
        margin-left: -.75rem
    }
    .wide\:-ml-4 {
        margin-left: -1rem
    }
    .wide\:-ml-5 {
        margin-left: -1.25rem
    }
    .wide\:-ml-6 {
        margin-left: -1.5rem
    }
    .wide\:-ml-8 {
        margin-left: -2rem
    }
    .wide\:-ml-10 {
        margin-left: -2.5rem
    }
    .wide\:-ml-12 {
        margin-left: -3rem
    }
    .wide\:-ml-16 {
        margin-left: -4rem
    }
    .wide\:-ml-20 {
        margin-left: -5rem
    }
    .wide\:-ml-24 {
        margin-left: -6rem
    }
    .wide\:-ml-32 {
        margin-left: -8rem
    }
    .wide\:-ml-40 {
        margin-left: -10rem
    }
    .wide\:-ml-48 {
        margin-left: -12rem
    }
    .wide\:-ml-56 {
        margin-left: -14rem
    }
    .wide\:-ml-64 {
        margin-left: -16rem
    }
}

.max-w-1 {
    max-width: 8.75rem
}

.max-w-2 {
    max-width: 15rem
}

.max-w-3 {
    max-width: 21.25rem
}

.max-w-4 {
    max-width: 27.5rem
}

.max-w-5 {
    max-width: 33.75rem
}

.max-w-6 {
    max-width: 40rem
}

.max-w-7 {
    max-width: 46.25rem
}

.max-w-8 {
    max-width: 52.5rem
}

.max-w-9 {
    max-width: 58.75rem
}

@media screen and (max-width: 767px) {
    .mobile\:max-w-1 {
        max-width: 8.75rem
    }
    .mobile\:max-w-2 {
        max-width: 15rem
    }
    .mobile\:max-w-3 {
        max-width: 21.25rem
    }
    .mobile\:max-w-4 {
        max-width: 27.5rem
    }
    .mobile\:max-w-5 {
        max-width: 33.75rem
    }
    .mobile\:max-w-6 {
        max-width: 40rem
    }
    .mobile\:max-w-7 {
        max-width: 46.25rem
    }
    .mobile\:max-w-8 {
        max-width: 52.5rem
    }
    .mobile\:max-w-9 {
        max-width: 58.75rem
    }
    .mobile\:max-w-full {
        max-width: 100%
    }
}

@media screen and (max-width: 768px) {
    .small\:max-w-1 {
        max-width: 8.75rem
    }
    .small\:max-w-2 {
        max-width: 15rem
    }
    .small\:max-w-3 {
        max-width: 21.25rem
    }
    .small\:max-w-4 {
        max-width: 27.5rem
    }
    .small\:max-w-5 {
        max-width: 33.75rem
    }
    .small\:max-w-6 {
        max-width: 40rem
    }
    .small\:max-w-7 {
        max-width: 46.25rem
    }
    .small\:max-w-8 {
        max-width: 52.5rem
    }
    .small\:max-w-9 {
        max-width: 58.75rem
    }
    .small\:max-w-full {
        max-width: 100%
    }
}

@media screen and (max-width: 1024px) {
    .large\:max-w-1 {
        max-width: 8.75rem
    }
    .large\:max-w-2 {
        max-width: 15rem
    }
    .large\:max-w-3 {
        max-width: 21.25rem
    }
    .large\:max-w-4 {
        max-width: 27.5rem
    }
    .large\:max-w-5 {
        max-width: 33.75rem
    }
    .large\:max-w-6 {
        max-width: 40rem
    }
    .large\:max-w-7 {
        max-width: 46.25rem
    }
    .large\:max-w-8 {
        max-width: 52.5rem
    }
    .large\:max-w-9 {
        max-width: 58.75rem
    }
    .large\:max-w-full {
        max-width: 100%
    }
}

@media screen and (max-width: 1280px) {
    .wide\:max-w-1 {
        max-width: 8.75rem
    }
    .wide\:max-w-2 {
        max-width: 15rem
    }
    .wide\:max-w-3 {
        max-width: 21.25rem
    }
    .wide\:max-w-4 {
        max-width: 27.5rem
    }
    .wide\:max-w-5 {
        max-width: 33.75rem
    }
    .wide\:max-w-6 {
        max-width: 40rem
    }
    .wide\:max-w-7 {
        max-width: 46.25rem
    }
    .wide\:max-w-8 {
        max-width: 52.5rem
    }
    .wide\:max-w-9 {
        max-width: 58.75rem
    }
    .wide\:max-w-full {
        max-width: 100%
    }
}

.size-24x24 {
    min-width: 24px !important;
    width: 24px !important;
    max-height: 24px !important;
    height: 24px !important
}

.size-28x28 {
    min-width: 28px !important;
    width: 28px !important;
    max-height: 28px !important;
    height: 28px !important
}

.size-32x32 {
    min-width: 32px !important;
    width: 32px !important;
    max-height: 32px !important;
    height: 32px !important
}

.size-36x36 {
    min-width: 36px !important;
    width: 36px !important;
    max-height: 36px !important;
    height: 36px !important
}

.size-40x40 {
    min-width: 40px !important;
    width: 40px !important;
    max-height: 40px !important;
    height: 40px !important
}

.size-44x44 {
    min-width: 44px !important;
    width: 44px !important;
    max-height: 44px !important;
    height: 44px !important
}

.size-48x48 {
    min-width: 48px !important;
    width: 48px !important;
    max-height: 48px !important;
    height: 48px !important
}

.size-52x52 {
    min-width: 52px !important;
    width: 52px !important;
    max-height: 52px !important;
    height: 52px !important
}

.size-56x56 {
    min-width: 56px !important;
    width: 56px !important;
    max-height: 56px !important;
    height: 56px !important
}

.size-60x60 {
    min-width: 60px !important;
    width: 60px !important;
    max-height: 60px !important;
    height: 60px !important
}

.size-70x70 {
    min-width: 70px !important;
    width: 70px !important;
    max-height: 70px !important;
    height: 70px !important
}

.size-80x80 {
    min-width: 80px !important;
    width: 80px !important;
    max-height: 80px !important;
    height: 80px !important
}

.size-90x90 {
    min-width: 90px !important;
    width: 90px !important;
    max-height: 90px !important;
    height: 90px !important
}

.size-100x100 {
    min-width: 100px !important;
    width: 100px !important;
    max-height: 100px !important;
    height: 100px !important
}

.size-110x110 {
    min-width: 110px !important;
    width: 110px !important;
    max-height: 110px !important;
    height: 110px !important
}

.size-120x120 {
    min-width: 120px !important;
    width: 120px !important;
    max-height: 120px !important;
    height: 120px !important
}

.size-130x130 {
    min-width: 130px !important;
    width: 130px !important;
    max-height: 130px !important;
    height: 130px !important
}

.size-140x140 {
    min-width: 140px !important;
    width: 140px !important;
    max-height: 140px !important;
    height: 140px !important
}

.size-150x150 {
    min-width: 150px !important;
    width: 150px !important;
    max-height: 150px !important;
    height: 150px !important
}

.size-175x175 {
    min-width: 175px !important;
    width: 175px !important;
    max-height: 175px !important;
    height: 175px !important
}

.size-200x200 {
    min-width: 200px !important;
    width: 200px !important;
    max-height: 200px !important;
    height: 200px !important
}

@media screen and (max-width: 767px) {
    .mobile\:size-24x24 {
        min-width: 24px !important;
        width: 24px !important;
        max-height: 24px !important;
        height: 24px !important
    }
    .mobile\:size-28x28 {
        min-width: 28px !important;
        width: 28px !important;
        max-height: 28px !important;
        height: 28px !important
    }
    .mobile\:size-32x32 {
        min-width: 32px !important;
        width: 32px !important;
        max-height: 32px !important;
        height: 32px !important
    }
    .mobile\:size-36x36 {
        min-width: 36px !important;
        width: 36px !important;
        max-height: 36px !important;
        height: 36px !important
    }
    .mobile\:size-40x40 {
        min-width: 40px !important;
        width: 40px !important;
        max-height: 40px !important;
        height: 40px !important
    }
    .mobile\:size-44x44 {
        min-width: 44px !important;
        width: 44px !important;
        max-height: 44px !important;
        height: 44px !important
    }
    .mobile\:size-48x48 {
        min-width: 48px !important;
        width: 48px !important;
        max-height: 48px !important;
        height: 48px !important
    }
    .mobile\:size-52x52 {
        min-width: 52px !important;
        width: 52px !important;
        max-height: 52px !important;
        height: 52px !important
    }
    .mobile\:size-56x56 {
        min-width: 56px !important;
        width: 56px !important;
        max-height: 56px !important;
        height: 56px !important
    }
    .mobile\:size-60x60 {
        min-width: 60px !important;
        width: 60px !important;
        max-height: 60px !important;
        height: 60px !important
    }
    .mobile\:size-70x70 {
        min-width: 70px !important;
        width: 70px !important;
        max-height: 70px !important;
        height: 70px !important
    }
    .mobile\:size-80x80 {
        min-width: 80px !important;
        width: 80px !important;
        max-height: 80px !important;
        height: 80px !important
    }
    .mobile\:size-90x90 {
        min-width: 90px !important;
        width: 90px !important;
        max-height: 90px !important;
        height: 90px !important
    }
    .mobile\:size-100x100 {
        min-width: 100px !important;
        width: 100px !important;
        max-height: 100px !important;
        height: 100px !important
    }
    .mobile\:size-110x110 {
        min-width: 110px !important;
        width: 110px !important;
        max-height: 110px !important;
        height: 110px !important
    }
    .mobile\:size-120x120 {
        min-width: 120px !important;
        width: 120px !important;
        max-height: 120px !important;
        height: 120px !important
    }
    .mobile\:size-130x130 {
        min-width: 130px !important;
        width: 130px !important;
        max-height: 130px !important;
        height: 130px !important
    }
    .mobile\:size-140x140 {
        min-width: 140px !important;
        width: 140px !important;
        max-height: 140px !important;
        height: 140px !important
    }
    .mobile\:size-150x150 {
        min-width: 150px !important;
        width: 150px !important;
        max-height: 150px !important;
        height: 150px !important
    }
    .mobile\:size-175x175 {
        min-width: 175px !important;
        width: 175px !important;
        max-height: 175px !important;
        height: 175px !important
    }
    .mobile\:size-200x200 {
        min-width: 200px !important;
        width: 200px !important;
        max-height: 200px !important;
        height: 200px !important
    }
}

@media screen and (max-width: 768px) {
    .small\:size-24x24 {
        min-width: 24px !important;
        width: 24px !important;
        max-height: 24px !important;
        height: 24px !important
    }
    .small\:size-28x28 {
        min-width: 28px !important;
        width: 28px !important;
        max-height: 28px !important;
        height: 28px !important
    }
    .small\:size-32x32 {
        min-width: 32px !important;
        width: 32px !important;
        max-height: 32px !important;
        height: 32px !important
    }
    .small\:size-36x36 {
        min-width: 36px !important;
        width: 36px !important;
        max-height: 36px !important;
        height: 36px !important
    }
    .small\:size-40x40 {
        min-width: 40px !important;
        width: 40px !important;
        max-height: 40px !important;
        height: 40px !important
    }
    .small\:size-44x44 {
        min-width: 44px !important;
        width: 44px !important;
        max-height: 44px !important;
        height: 44px !important
    }
    .small\:size-48x48 {
        min-width: 48px !important;
        width: 48px !important;
        max-height: 48px !important;
        height: 48px !important
    }
    .small\:size-52x52 {
        min-width: 52px !important;
        width: 52px !important;
        max-height: 52px !important;
        height: 52px !important
    }
    .small\:size-56x56 {
        min-width: 56px !important;
        width: 56px !important;
        max-height: 56px !important;
        height: 56px !important
    }
    .small\:size-60x60 {
        min-width: 60px !important;
        width: 60px !important;
        max-height: 60px !important;
        height: 60px !important
    }
    .small\:size-70x70 {
        min-width: 70px !important;
        width: 70px !important;
        max-height: 70px !important;
        height: 70px !important
    }
    .small\:size-80x80 {
        min-width: 80px !important;
        width: 80px !important;
        max-height: 80px !important;
        height: 80px !important
    }
    .small\:size-90x90 {
        min-width: 90px !important;
        width: 90px !important;
        max-height: 90px !important;
        height: 90px !important
    }
    .small\:size-100x100 {
        min-width: 100px !important;
        width: 100px !important;
        max-height: 100px !important;
        height: 100px !important
    }
    .small\:size-110x110 {
        min-width: 110px !important;
        width: 110px !important;
        max-height: 110px !important;
        height: 110px !important
    }
    .small\:size-120x120 {
        min-width: 120px !important;
        width: 120px !important;
        max-height: 120px !important;
        height: 120px !important
    }
    .small\:size-130x130 {
        min-width: 130px !important;
        width: 130px !important;
        max-height: 130px !important;
        height: 130px !important
    }
    .small\:size-140x140 {
        min-width: 140px !important;
        width: 140px !important;
        max-height: 140px !important;
        height: 140px !important
    }
    .small\:size-150x150 {
        min-width: 150px !important;
        width: 150px !important;
        max-height: 150px !important;
        height: 150px !important
    }
    .small\:size-175x175 {
        min-width: 175px !important;
        width: 175px !important;
        max-height: 175px !important;
        height: 175px !important
    }
    .small\:size-200x200 {
        min-width: 200px !important;
        width: 200px !important;
        max-height: 200px !important;
        height: 200px !important
    }
}

@media screen and (max-width: 1024px) {
    .large\:size-24x24 {
        min-width: 24px !important;
        width: 24px !important;
        max-height: 24px !important;
        height: 24px !important
    }
    .large\:size-28x28 {
        min-width: 28px !important;
        width: 28px !important;
        max-height: 28px !important;
        height: 28px !important
    }
    .large\:size-32x32 {
        min-width: 32px !important;
        width: 32px !important;
        max-height: 32px !important;
        height: 32px !important
    }
    .large\:size-36x36 {
        min-width: 36px !important;
        width: 36px !important;
        max-height: 36px !important;
        height: 36px !important
    }
    .large\:size-40x40 {
        min-width: 40px !important;
        width: 40px !important;
        max-height: 40px !important;
        height: 40px !important
    }
    .large\:size-44x44 {
        min-width: 44px !important;
        width: 44px !important;
        max-height: 44px !important;
        height: 44px !important
    }
    .large\:size-48x48 {
        min-width: 48px !important;
        width: 48px !important;
        max-height: 48px !important;
        height: 48px !important
    }
    .large\:size-52x52 {
        min-width: 52px !important;
        width: 52px !important;
        max-height: 52px !important;
        height: 52px !important
    }
    .large\:size-56x56 {
        min-width: 56px !important;
        width: 56px !important;
        max-height: 56px !important;
        height: 56px !important
    }
    .large\:size-60x60 {
        min-width: 60px !important;
        width: 60px !important;
        max-height: 60px !important;
        height: 60px !important
    }
    .large\:size-70x70 {
        min-width: 70px !important;
        width: 70px !important;
        max-height: 70px !important;
        height: 70px !important
    }
    .large\:size-80x80 {
        min-width: 80px !important;
        width: 80px !important;
        max-height: 80px !important;
        height: 80px !important
    }
    .large\:size-90x90 {
        min-width: 90px !important;
        width: 90px !important;
        max-height: 90px !important;
        height: 90px !important
    }
    .large\:size-100x100 {
        min-width: 100px !important;
        width: 100px !important;
        max-height: 100px !important;
        height: 100px !important
    }
    .large\:size-110x110 {
        min-width: 110px !important;
        width: 110px !important;
        max-height: 110px !important;
        height: 110px !important
    }
    .large\:size-120x120 {
        min-width: 120px !important;
        width: 120px !important;
        max-height: 120px !important;
        height: 120px !important
    }
    .large\:size-130x130 {
        min-width: 130px !important;
        width: 130px !important;
        max-height: 130px !important;
        height: 130px !important
    }
    .large\:size-140x140 {
        min-width: 140px !important;
        width: 140px !important;
        max-height: 140px !important;
        height: 140px !important
    }
    .large\:size-150x150 {
        min-width: 150px !important;
        width: 150px !important;
        max-height: 150px !important;
        height: 150px !important
    }
    .large\:size-175x175 {
        min-width: 175px !important;
        width: 175px !important;
        max-height: 175px !important;
        height: 175px !important
    }
    .large\:size-200x200 {
        min-width: 200px !important;
        width: 200px !important;
        max-height: 200px !important;
        height: 200px !important
    }
}

@media screen and (max-width: 1280px) {
    .wide\:size-24x24 {
        min-width: 24px !important;
        width: 24px !important;
        max-height: 24px !important;
        height: 24px !important
    }
    .wide\:size-28x28 {
        min-width: 28px !important;
        width: 28px !important;
        max-height: 28px !important;
        height: 28px !important
    }
    .wide\:size-32x32 {
        min-width: 32px !important;
        width: 32px !important;
        max-height: 32px !important;
        height: 32px !important
    }
    .wide\:size-36x36 {
        min-width: 36px !important;
        width: 36px !important;
        max-height: 36px !important;
        height: 36px !important
    }
    .wide\:size-40x40 {
        min-width: 40px !important;
        width: 40px !important;
        max-height: 40px !important;
        height: 40px !important
    }
    .wide\:size-44x44 {
        min-width: 44px !important;
        width: 44px !important;
        max-height: 44px !important;
        height: 44px !important
    }
    .wide\:size-48x48 {
        min-width: 48px !important;
        width: 48px !important;
        max-height: 48px !important;
        height: 48px !important
    }
    .wide\:size-52x52 {
        min-width: 52px !important;
        width: 52px !important;
        max-height: 52px !important;
        height: 52px !important
    }
    .wide\:size-56x56 {
        min-width: 56px !important;
        width: 56px !important;
        max-height: 56px !important;
        height: 56px !important
    }
    .wide\:size-60x60 {
        min-width: 60px !important;
        width: 60px !important;
        max-height: 60px !important;
        height: 60px !important
    }
    .wide\:size-70x70 {
        min-width: 70px !important;
        width: 70px !important;
        max-height: 70px !important;
        height: 70px !important
    }
    .wide\:size-80x80 {
        min-width: 80px !important;
        width: 80px !important;
        max-height: 80px !important;
        height: 80px !important
    }
    .wide\:size-90x90 {
        min-width: 90px !important;
        width: 90px !important;
        max-height: 90px !important;
        height: 90px !important
    }
    .wide\:size-100x100 {
        min-width: 100px !important;
        width: 100px !important;
        max-height: 100px !important;
        height: 100px !important
    }
    .wide\:size-110x110 {
        min-width: 110px !important;
        width: 110px !important;
        max-height: 110px !important;
        height: 110px !important
    }
    .wide\:size-120x120 {
        min-width: 120px !important;
        width: 120px !important;
        max-height: 120px !important;
        height: 120px !important
    }
    .wide\:size-130x130 {
        min-width: 130px !important;
        width: 130px !important;
        max-height: 130px !important;
        height: 130px !important
    }
    .wide\:size-140x140 {
        min-width: 140px !important;
        width: 140px !important;
        max-height: 140px !important;
        height: 140px !important
    }
    .wide\:size-150x150 {
        min-width: 150px !important;
        width: 150px !important;
        max-height: 150px !important;
        height: 150px !important
    }
    .wide\:size-175x175 {
        min-width: 175px !important;
        width: 175px !important;
        max-height: 175px !important;
        height: 175px !important
    }
    .wide\:size-200x200 {
        min-width: 200px !important;
        width: 200px !important;
        max-height: 200px !important;
        height: 200px !important
    }
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.grid {
    display: grid
}

.inline-grid {
    display: inline-grid
}

.hidden {
    display: none
}

@media screen and (max-width: 767px) {
    .mobile\:block {
        display: block
    }
    .mobile\:inline-block {
        display: inline-block
    }
    .mobile\:inline {
        display: inline
    }
    .mobile\:flex {
        display: flex
    }
    .mobile\:inline-flex {
        display: inline-flex
    }
    .mobile\:grid {
        display: grid
    }
    .mobile\:inline-grid {
        display: inline-grid
    }
    .mobile\:hidden {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .small\:block {
        display: block
    }
    .small\:inline-block {
        display: inline-block
    }
    .small\:inline {
        display: inline
    }
    .small\:flex {
        display: flex
    }
    .small\:inline-flex {
        display: inline-flex
    }
    .small\:grid {
        display: grid
    }
    .small\:inline-grid {
        display: inline-grid
    }
    .small\:hidden {
        display: none
    }
}

@media screen and (max-width: 1024px) {
    .large\:block {
        display: block
    }
    .large\:inline-block {
        display: inline-block
    }
    .large\:inline {
        display: inline
    }
    .large\:flex {
        display: flex
    }
    .large\:inline-flex {
        display: inline-flex
    }
    .large\:grid {
        display: grid
    }
    .large\:inline-grid {
        display: inline-grid
    }
    .large\:hidden {
        display: none
    }
}

@media screen and (max-width: 1280px) {
    .wide\:block {
        display: block
    }
    .wide\:inline-block {
        display: inline-block
    }
    .wide\:inline {
        display: inline
    }
    .wide\:flex {
        display: flex
    }
    .wide\:inline-flex {
        display: inline-flex
    }
    .wide\:grid {
        display: grid
    }
    .wide\:inline-grid {
        display: inline-grid
    }
    .wide\:hidden {
        display: none
    }
}

:root {
    --gradient-primary-start-color: var(--primary);
    --gradient-primary-end-color: var(--primary-light-40);
    --gradient-secondary-start-color: var(--primary-light-20);
    --gradient-secondary-end-color: var(--secondary);
    --gradient-accent-start-color: var(--secondary);
    --gradient-accent-end-color: var(--primary)
}

html {
    background: var(--html-bg-color)
}

code {
    background: var(--code-bg-color);
    color: var(--code-color)
}

hr {
    height: 1px;
    background: var(--card-border-color)
}

hr.is-inverted {
    background: var(--dark-bg-light-16)
}

.is-hidden {
    display: none !important
}

.is-vhidden {
    visibility: hidden !important
}

.is-disabled {
    pointer-events: none;
    opacity: .4;
    cursor: default !important
}

.cursor-pointer {
    cursor: pointer
}

.is-circle {
    border-radius: 50% !important
}

.is-rounded-md {
    border-radius: .625rem !important
}

.is-rounded-lg {
    border-radius: .825rem !important
}

.has-border {
    border: 1px solid var(--border)
}

.has-light-shadow {
    box-shadow: var(-light-box-shadow)
}

.h-full {
    height: 100%
}

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

.w-1\/5 {
    width: 20%
}

.w-1\/4 {
    width: 25%
}

.w-1\/3 {
    width: 33.3%
}

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

.w-full {
    width: 100%
}

.max-w-1\/5 {
    max-width: 20%
}

.max-w-1\/4 {
    max-width: 25%
}

.max-w-1\/3 {
    max-width: 33.3%
}

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

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

@media only screen and (width <=767px) {
    .max-w-mobile.max-w-1\/5,
    .max-w-mobile.max-w-1\/4,
    .max-w-mobile.max-w-1\/3,
    .max-w-mobile.max-w-1\/2 {
        max-width: 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

.no-m {
    margin: 0 !important
}

.mx-auto {
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important
}

@media only screen and (width <=767px) {
    .b-hidden-mobile {
        display: none !important
    }
    .b-only-mobile {
        display: block !important
    }
    .b-only-mobile-flex {
        display: flex !important
    }
    .b-centered-mobile {
        text-align: center
    }
}

@media only screen and (width >=768px) and (width <=1024px) and (orientation: portrait) {
    .b-hidden-tablet-p {
        display: none !important
    }
    .b-flex-tablet-p {
        display: flex !important
    }
    .b-only-tablet-p {
        display: block !important
    }
    .b-only-tablet-p-flex {
        display: flex !important
    }
    .b-centered-tablet-p {
        margin-left: auto;
        margin-right: auto;
        max-width: 540px;
        text-align: center
    }
    .b-center-tablet-p {
        text-align: center
    }
    .max-w-tablet-p {
        width: 100%;
        margin-left: auto !important;
        margin-right: auto !important
    }
    .max-w-tp-6 {
        max-width: 40rem
    }
    .max-w-tp-5 {
        max-width: 33.75rem
    }
    .max-w-tp-4 {
        max-width: 27.5rem
    }
    .max-w-tp-full {
        max-width: 100%
    }
}

@media only screen and (width >=768px) and (width <=1024px) and (orientation: landscape) {
    .b-hidden-tablet-l {
        display: none !important
    }
    .b-flex-tablet-l {
        display: flex !important
    }
    .b-only-tablet-l {
        display: block !important
    }
}

@media only screen and (width >=768px) and (orientation: landscape) {
    .b-only-mobile,
    .b-only-tablet-p {
        display: none !important
    }
}

@media only screen and (width >=1025px) {
    .b-hidden-desktop {
        display: none !important
    }
}

@media only screen and (width <=767px) {
    .b-flex-mobile {
        display: flex
    }
    .b-only-mobile-flex-wrap {
        flex-wrap: wrap !important
    }
    .b-columns-half-mobile {
        display: flex;
        flex-wrap: wrap
    }
    .b-columns-half-mobile .column {
        width: 50% !important;
        min-width: 50% !important;
        max-width: 50% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .b-columns-third-mobile {
        display: flex;
        flex-wrap: wrap
    }
    .b-columns-third-mobile .column {
        width: 33.3% !important;
        min-width: 33.3% !important;
        max-width: 33.3% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .d-column-mobile {
        flex-direction: column
    }
    .d-column-r-mobile {
        flex-direction: column-reverse
    }
    .j-center-mobile {
        justify-content: center
    }
}

@media only screen and (width >=768px) and (width <=1024px) and (orientation: portrait) {
    .b-columns-half-tablet-p {
        display: flex;
        flex-wrap: wrap
    }
    .b-columns-half-tablet-p .column {
        width: 50% !important;
        min-width: 50% !important;
        max-width: 50% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .b-columns-third-tablet-p {
        display: flex;
        flex-wrap: wrap
    }
    .b-columns-third-tablet-p .column {
        width: 33.3% !important;
        min-width: 33.3% !important;
        max-width: 33.3% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .b-columns-quarter-tablet-p {
        display: flex;
        flex-wrap: wrap
    }
    .b-columns-quarter-tablet-p .column {
        width: 25% !important;
        min-width: 25% !important;
        max-width: 25% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .d-column-tablet-p {
        flex-direction: column
    }
    .d-column-r-tablet-p {
        flex-direction: column-reverse
    }
    .j-center-tablet-p {
        justify-content: center
    }
}

@media only screen and (width >=768px) and (width <=1024px) and (orientation: landscape) {
    .b-columns-half-tablet-l {
        display: flex;
        flex-wrap: wrap
    }
    .b-columns-half-tablet-l .column {
        width: 50% !important;
        min-width: 50% !important;
        max-width: 50% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .b-columns-third-tablet-l {
        display: flex;
        flex-wrap: wrap
    }
    .b-columns-third-tablet-l .column {
        width: 33.3% !important;
        min-width: 33.3% !important;
        max-width: 33.3% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

.overflow-hidden {
    overflow: hidden !important
}

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

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

.z-0 {
    z-index: 0
}

.z-1 {
    z-index: 1
}

.z-2 {
    z-index: 2
}

.z-3 {
    z-index: 3
}

.paragraph {
    font-family: var(--font);
    color: var(--paragraph-color)
}

.paragraph.is-inverted {
    color: var(--paragraph-color-inverted)
}

.paragraph.is-inverted-light {
    color: var(--white-smoke);
    opacity: .7
}

.paragraph.leading-tight {
    line-height: 1.2
}

.text {
    font-family: var(--font)
}

.text-upper {
    text-transform: uppercase
}

.link:hover {
    color: var(--primary-light-24)
}

.link.has-underline {
    position: relative
}

.link.has-underline:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 1.5px;
    background: var(--primary);
    transition: width .3s
}

.link.has-underline:hover:after {
    width: 0
}

.link.has-underline.is-reversed:after {
    width: 0 !important
}

.link.has-underline.is-reversed:hover:after {
    width: 100% !important
}

.rem-50 {
    font-size: .5rem !important
}

.rem-60 {
    font-size: .6rem !important
}

.rem-70 {
    font-size: .7rem !important
}

.rem-75 {
    font-size: .75rem !important
}

.rem-80 {
    font-size: .8rem !important
}

.rem-85 {
    font-size: .85rem !important
}

.rem-90 {
    font-size: .9rem !important
}

.rem-95 {
    font-size: .95rem !important
}

.rem-100 {
    font-size: 1rem !important
}

.rem-115 {
    font-size: 1.15rem !important
}

.rem-125 {
    font-size: 1.25rem !important
}

.rem-150 {
    font-size: 1.5rem !important
}

.rem-175 {
    font-size: 1.75rem !important
}

.rem-200 {
    font-size: 2rem !important
}

.weight-3 {
    font-weight: 300
}

.weight-4 {
    font-weight: 400
}

.weight-5 {
    font-weight: 500
}

.weight-6 {
    font-weight: 600
}

.weight-7 {
    font-weight: 700
}

.text-gradient {
    background: linear-gradient(45deg, var(--primary), var(--primary-dark-12), var(--primary-dark-22), var(--primary-dark-6), var(--primary));
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    animation: shine 8s linear infinite
}

.text-gradient-primary-static,
.text-gradient-primary-pseudo:after {
    display: inline-block;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% auto;
    background-image: linear-gradient(90deg, var(--gradient-primary-start-color), var(--gradient-primary-end-color))
}

.text-gradient-secondary-static,
.text-gradient-secondary-pseudo:after {
    display: inline-block;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% auto;
    background-image: linear-gradient(90deg, var(--gradient-secondary-start-color), var(--gradient-secondary-end-color))
}

.text-gradient-accent-static,
.text-gradient-accent-pseudo:after {
    display: inline-block;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% auto;
    background-image: linear-gradient(90deg, var(--gradient-accent-start-color), var(--gradient-accent-end-color))
}

@keyframes shine {
    to {
        background-position: 200% center
    }
}

.bg-gradient-primary {
    background: var(--gradient-primary-start-color);
    background: linear-gradient(var(--gradient-primary-start-color), var(--gradient-primary-end-color))
}

.bg-gradient-primary-fade {
    background: var(--gradient-primary-start-color);
    background: linear-gradient(var(--section-bg-color), var(--gradient-primary-start-color))
}

.bg-gradient-secondary {
    background: var(--gradient-secondary-start-color);
    background: linear-gradient(var(--gradient-secondary-start-color), var(--gradient-secondary-end-color))
}

.bg-gradient-secondary-fade {
    background: var(--gradient-secondary-start-color);
    background: linear-gradient(var(--section-bg-color), var(--gradient-secondary-start-color))
}

.bg-gradient-accent {
    background: var(--gradient-accent-start-color);
    background: linear-gradient(var(--gradient-accent-start-color), var(--gradient-accent-end-color))
}

.bg-gradient-accent-fade {
    background: var(--gradient-accent-start-color);
    background: linear-gradient(var(--section-bg-color), var(--gradient-accent-start-color))
}

.content-shape-group {
    width: 100%;
    max-width: 100%
}

.content-shape-group .content-shape:not(:last-child) {
    margin-bottom: .5rem
}

.content-shape {
    height: 10px;
    width: 100%;
    max-width: 100%;
    border-radius: .25rem
}

.loads {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeload;
    animation-timing-function: linear;
    background: var(--placeload-nuance-from);
    background: linear-gradient(to right, var(--placeload-nuance-from) 8%, var(--placeload-nuance-to) 18%, var(--placeload-nuance-from) 33%);
    background-size: 1200px 104px;
    position: relative
}

@keyframes placeload {
    0% {
        background-position: -468px 0
    }
    to {
        background-position: 468px 0
    }
}

.is-dark .loads {
    background: var(--placeload-dark-nuance-from);
    background: linear-gradient(to right, var(--placeload-dark-nuance-from) 8%, var(--placeload-dark-nuance-to) 18%, var(--placeload-dark-nuance-from) 33%);
    background-size: 1200px 104px
}

#nprogress .bar {
    background: var(--primary) !important
}

#nprogress .spinner {
    display: none;
    filter: grayscale(0)
}

.is-image.is-image-light:not(.is-image-block) {
    display: inline !important
}

.is-image.is-image-light.is-image-block {
    display: block !important
}

.is-image.is-image-dark,
.is-dark .is-image.is-image-light {
    display: none !important
}

.is-dark .is-image.is-image-dark:not(.is-image-block) {
    display: inline !important
}

.is-dark .is-image.is-image-dark.is-image-block {
    display: block !important
}

.border-rounded-img {
	border-radius: 25px;
}

@keyframes levitate {
    0% {
        transform: translate(0)
    }
    50% {
        transform: translateY(10px)
    }
    to {
        transform: translate(0)
    }
}

.levitate {
    animation-name: levitate;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(-359deg)
    }
}

.rotating {
    animation: rotation 4s infinite linear
}

@keyframes fadedown {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.fadedown {
    opacity: 0;
    animation-name: fadeInDown
}

@keyframes fadeinleft {
    0% {
        transform: translate3d(20px, 0, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.fadeinleft {
    opacity: 0;
    animation-name: fadeinleft
}

@keyframes wave {
    0% {
        transform: scale(1);
        opacity: 1
    }
    25% {
        transform: scale(1);
        opacity: 1
    }
    to {
        transform: scale(4.5);
        opacity: 0
    }
}

@keyframes rotating {
    0% {
        opacity: 0;
        transform: rotate(0)
    }
    25%,
    75% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 0;
        transform: rotate(360deg)
    }
}

@keyframes flying {
    0% {
        transform: translate(0)
    }
    10% {
        transform: translate(20px, 50px)
    }
    20% {
        transform: translate(-30px, 10px)
    }
    30% {
        transform: translate(10px, 60px)
    }
    40% {
        transform: translate(50px)
    }
    50% {
        transform: translate(-10px, -40px)
    }
    60% {
        transform: translate(-40px, 20px)
    }
    70% {
        transform: translate(30px, -30px)
    }
    80% {
        transform: translateY(-60px)
    }
    90% {
        transform: translate(40px, 10px)
    }
    to {
        transform: translate(0)
    }
}

.no-transition-enter-active,
.no-transition-leave-active {
    transition: none
}

.fade-fast-enter-active,
.fade-fast-leave-active {
    transition: opacity .2s ease
}

.fade-fast-enter-from,
.fade-fast-leave-to {
    opacity: 0
}

@media (prefers-reduced-motion: reduce) {
    .fade-fast-enter-active,
    .fade-fast-leave-active {
        transition: none
    }
}

.fade-slow-enter-active,
.fade-slow-leave-active {
    transition: opacity .5s ease
}

.fade-slow-enter-from,
.fade-slow-leave-to {
    opacity: 0
}

@media (prefers-reduced-motion: reduce) {
    .fade-slow-enter-active,
    .fade-slow-leave-active {
        transition: none
    }
}

.list-enter-active,
.list-leave-active {
    transition: all .4s ease
}

.list-enter-from,
.list-leave-to {
    opacity: 0;
    transform: translateY(30px)
}

@media (prefers-reduced-motion: reduce) {
    .list-enter-active,
    .list-leave-active {
        transition: none
    }
}

.car-hero[data-v-9d0426d3] {
    overflow: hidden !important
}

[data-v-9d0426d3] .hero-body {
    padding-bottom: 2rem !important
}

[data-v-9d0426d3] .title.is-1 {
    margin-top: 3rem;
    font-size: 2.5rem
}

.hero-car[data-v-9d0426d3] {
    position: relative;
    width: 640px;
    margin: 1rem auto 0
}

.hero-car .main-car[data-v-9d0426d3] {
    width: 100%;
    opacity: 0
}

.hero-car .main-car-overlay[data-v-9d0426d3] img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

.hero-car .wheel-left[data-v-9d0426d3],
.hero-car .wheel-right[data-v-9d0426d3] {
    position: absolute;
    height: 105px;
    width: 105px;
    z-index: 2;
    animation: rotation 1s infinite linear reverse
}

.hero-car .wheel-left[data-v-9d0426d3] {
    bottom: 22px;
    left: 55px
}

.hero-car .wheel-right[data-v-9d0426d3] {
    bottom: 22px;
    right: 79px
}

.hero-car .road[data-v-9d0426d3] {
    position: absolute;
    bottom: 1rem;
    right: -45%;
    margin: 0 auto;
    width: 100vw
}

.hero-car .road .road-inner[data-v-9d0426d3] {
    position: relative;
    width: 100%;
    height: .75rem;
    transform: rotateX(-45deg) translate(20vw) skew(60deg);
    background: repeating-linear-gradient(to right, var(--light-text), var(--light-text) 8vw, transparent 8vw, transparent 20vw);
    opacity: .3;
    animation: stripemove-9d0426d3 .5s linear infinite
}

@keyframes stripemove-9d0426d3 {
    to {
        transform: rotateX(-45deg) translate(0vw) skew(60deg)
    }
}

@media only screen and (width <=767px) {
    [data-v-9d0426d3] .title.is-1 {
        margin-top: 3rem
    }
    .hero-car[data-v-9d0426d3] {
        width: 320px;
        margin-top: 2rem
    }
    .hero-car .road[data-v-9d0426d3] {
        right: -45px;
        bottom: .5rem
    }
    .hero-car .road .road-inner[data-v-9d0426d3] {
        height: .35rem
    }
    .hero-car .wheel-left[data-v-9d0426d3],
    .hero-car .wheel-right[data-v-9d0426d3] {
        height: 57px;
        width: 57px
    }
    .hero-car .wheel-left[data-v-9d0426d3] {
        bottom: 10px;
        left: 25px
    }
    .hero-car .wheel-right[data-v-9d0426d3] {
        bottom: 10px;
        right: 36px
    }
}

@media only screen and (width >=768px) and (width <=1024px) and (orientation: portrait) {
    .hero-car .road[data-v-9d0426d3] {
        left: 0
    }
}

/* LIGHT & DARK MODE TOGGLE */
:root {
	--toggleHeight: 16em;
	--toggleWidth: 30em;
	--toggleBtnRadius: 10em;

	--bgColor--night: #423966;
	--toggleBtn-bgColor--night: var(--bgColor--night);
	--mooncolor: #D9FBFF;
	--bgColor--day: #9ee3fb;
	--toggleBtn-bgColor--day: var(--bgColor--day);
}
.theme-toggler {
	margin: 0 auto;
	font-size: 10%;
	position: relative;
	height: var(--toggleHeight);
	width: var(--toggleWidth);
	border-radius: var(--toggleHeight);
	transition: all 500ms ease-in-out;
	background: var(--bgColor--night);
}
.day{
	background: #FFBF71;
}
.moon {
	position: absolute;
	display: block;
	border-radius: 50%;
	transition: all 400ms ease-in-out;
	top: 3em;
	left: 17em;
	transform: rotate(285deg);
	width: var(--toggleBtnRadius);
	height: var(--toggleBtnRadius);
	background: var(--bgColor--night);
	box-shadow: 
		3em 2.5em 0 0em var(--mooncolor) inset,
		rgba(255, 255, 255, 0.1) 0em -7em 0 -4.5em,
		rgba(255, 255, 255, 0.1) 3em 7em 0 -4.5em,
		rgba(255, 255, 255, 0.1) 2em 13em 0 -4em,
		rgba(255, 255, 255, 0.1) 6em 2em 0 -4.1em,
		rgba(255, 255, 255, 0.1) 8em 8em 0 -4.5em,
		rgba(255, 255, 255, 0.1) 6em 13em 0 -4.5em,
		rgba(255, 255, 255, 0.1) -4em 7em 0 -4.5em,
		rgba(255, 255, 255, 0.1) -1em 10em 0 -4.5em;
}
.sun {
	top: 4.5em;
	left: 5em;
	transform: rotate(0deg);
	width: 7em;
	height: 7em;
	background: #fff;
	box-shadow:
		3em 3em 0 5em #fff inset,
		0 -5em 0 -2.7em #fff,
		3.5em -3.5em 0 -3em #fff,
		5em 0 0 -2.7em #fff,
		3.5em 3.5em 0 -3em #fff,
		0 5em 0 -2.7em #fff,
		-3.5em 3.5em 0 -3em #fff,
		-5em 0 0 -2.7em #fff,
		-3.5em -3.5em 0 -3em #fff;
}

/* Form */
.car-hero-solo[data-v-4c38ce02] {
    position: relative;
    top: 2rem
}

.car-hero-solo img[data-v-4c38ce02] {
    display: block;
    max-width: 580px;
    margin: 0 auto
}

.hero-form-container[data-v-4c38ce02] {
    position: relative;
    top: 2rem
}

.hero-form-container .hero-form[data-v-4c38ce02] {
    background: var(--card-bg-color);
    border: 1px solid var(--card-border-color);
    box-shadow: var(--light-box-shadow);
    border-radius: 1rem;
    padding: 2.5rem;
    width: 100%;
    /* max-width: 420px; */
    margin: 0 auto
}

@media only screen and (width <= 767px) {
    .car-hero[data-v-4c38ce02] {
        text-align: left
    }

    .car-hero[data-v-4c38ce02] .title.is-2 {
        font-size: 2rem
    }

    .car-hero .buttons[data-v-4c38ce02] {
        justify-content: center
    }

    .hero-form-container[data-v-4c38ce02] {
        margin-top: 3rem
    }

    .car-hero-solo img[data-v-4c38ce02] {
        max-width: 100%
    }
}

@media only screen and (width >= 768px) and (width <= 1024px) and (orientation: portrait) {
    .car-hero[data-v-4c38ce02] {
        text-align:center
    }

    .car-hero[data-v-4c38ce02] .title {
        font-size: 2.25rem;
        margin-left: auto;
        margin-right: auto;
        max-width: 580px
    }

    .car-hero[data-v-4c38ce02] .subtitle {
        margin-left: auto;
        margin-right: auto;
        max-width: 580px
    }

    .car-hero .buttons[data-v-4c38ce02] {
        justify-content: center
    }

    .hero-form-container[data-v-4c38ce02] {
        margin-top: 3rem
    }
}

.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7
}

.text-center {
    text-align: center !important
}