@charset "UTF-8";
[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    inset: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    inset: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

.simplebar-content:after, .simplebar-content:before {
    content: " ";
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden
}

[data-simplebar].simplebar-dragging, [data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: #000;
    border-radius: 7px;
    left: 2px;
    right: 2px;
    opacity: 0;
    transition: opacity .2s .5s linear
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition-delay: 0s;
    transition-duration: 0s
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-scrollbar:before {
    inset: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    inset: 0 auto 0 0;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.simplebar-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: scrollbar !important
}

.simplebar-dummy-scrollbar-size > div {
    width: 200%;
    height: 200%;
    margin: 10px 0
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

@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: rgba(0, 0, 0, .8);
    background: var(--plyr-captions-background, rgba(0, 0, 0, .8));
    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: 0 0;
    border: 0;
    border-radius: 3px;
    border-radius: var(--plyr-control-radius, 3px);
    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.plyr__tab-focus {
    outline: 3px dotted #00b2ff;
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
    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: hsla(0, 0%, 100%, .9);
    background: var(--plyr-menu-background, hsla(0, 0%, 100%, .9));
    border-radius: 4px;
    border-radius: var(--plyr-menu-radius, 4px);
    bottom: 100%;
    box-shadow: 0 1px 2px #00000026;
    box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, .15));
    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 transparent;
    border-top-color: #ffffffe6;
    border: var(--plyr-menu-arrow-size, 4px) solid transparent;
    border-top-color: var(--plyr-menu-background, hsla(0, 0%, 100%, .9));
    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 transparent;
    border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
    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.plyr__tab-focus:after, .plyr__menu__container .plyr__control--forward:hover:after {
    border-left-color: currentColor
}

.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.plyr__tab-focus:after, .plyr__menu__container .plyr__control--back:hover:after {
    border-right-color: currentColor
}

.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: rgba(0, 0, 0, .1);
    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].plyr__tab-focus:before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
    background: rgba(35, 40, 47, .1)
}

.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;
    appearance: none;
    background: 0 0;
    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: 0 0;
    background-image: linear-gradient(90deg, currentColor 0, transparent 0);
    background-image: linear-gradient(to right, currentColor var(--value, 0), transparent 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;
    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 rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
    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: 0 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);
    -moz-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    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 rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
    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: transparent
}

.plyr--full-ui input[type=range]::-ms-fill-upper, .plyr--full-ui input[type=range]::-ms-track {
    background: 0 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);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: 0 0;
    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;
    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 rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
    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].plyr__tab-focus::-webkit-slider-runnable-track {
    outline: 3px dotted #00b2ff;
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
    outline-offset: 2px
}

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

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
    outline: 3px dotted #00b2ff;
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
    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: "\2044";
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px)
}

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

.plyr__tooltip {
    background: hsla(0, 0%, 100%, .9);
    background: var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
    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 rgba(0, 0, 0, .15));
    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 transparent;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-right: 4px solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-top: 4px solid hsla(0, 0%, 100%, .9);
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
    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.plyr__tab-focus .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.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .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.plyr__tab-focus .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: 0 0;
    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: 0 0
}

.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, rgba(35, 40, 47, .6) 25%, transparent 0, transparent 50%, rgba(35, 40, 47, .6) 0, rgba(35, 40, 47, .6) 75%, transparent 0, transparent);
    background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 75%, transparent 75%, transparent);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
    color: transparent
}

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

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

.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;
    max-width: 110px;
    min-width: 80px;
    position: relative;
    width: 20%
}

.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);
    position: relative;
    z-index: 2
}

.plyr--is-ios .plyr__volume {
    min-width: 0;
    width: auto
}

.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.plyr__tab-focus, .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, rgba(193, 200, 209, .6)))
}

.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, rgba(193, 200, 209, .6)))
}

.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, rgba(193, 200, 209, .6)))
}

.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 rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}

.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 rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}

.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 rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}

.plyr--audio .plyr__progress__buffer {
    color: #c1c8d199;
    color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))
}

.plyr--video {
    background: #000;
    background: var(--plyr-video-background, var(--plyr-video-background, #000));
    overflow: hidden
}

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

.plyr__video-wrapper {
    background: #000;
    background: var(--plyr-video-background, var(--plyr-video-background, #000));
    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(transparent, rgba(0, 0, 0, .75));
    background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, .75)));
    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.plyr__tab-focus, .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, hsla(0, 0%, 100%, .25)))
}

.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, hsla(0, 0%, 100%, .25)))
}

.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, hsla(0, 0%, 100%, .25)))
}

.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 rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
}

.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 rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
}

.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 rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
}

.plyr--video .plyr__progress__buffer {
    color: #ffffff40;
    color: var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25))
}

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

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

.plyr:-webkit-full-screen video {
    height: 100%
}

.plyr:fullscreen video {
    height: 100%
}

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

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

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

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

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none
}

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

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

    .plyr:fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    display: block;
    height: 100%;
    inset: 0;
    margin: 0;
    position: fixed;
    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;
    cursor: pointer;
    inset: 0;
    overflow: hidden;
    position: absolute;
    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: #ffffffe6;
    background-color: var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
    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 rgba(0, 0, 0, .15));
    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 transparent;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-right: 4px solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-top: 4px solid hsla(0, 0%, 100%, .9);
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
    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: 4px;
    border-radius: calc(var(--plyr-tooltip-radius, 5px) - 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(transparent, rgba(0, 0, 0, .75));
    background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, .75)));
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: calc(var(--plyr-tooltip-radius, 5px) - 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 {
    filter: blur(1px);
    height: 100%;
    inset: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    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;
    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
}

:root {
    --danger: rgb(230, 41, 100);
    --dark: rgb(40, 50, 82);
    --info: rgb(3, 152, 226);
    --link: rgb(72, 95, 199);
    --primary: rgb(230,44, 54);
    --success: rgb(6, 214, 158);
    --warning: rgb(250, 173, 66);
    --white: rgb(255, 255, 255)
}

:root {
    --danger--color-invert: rgb(255, 255, 255);
    --danger--dark-color: rgb(210, 25, 83);
    --danger--light-color: rgb(253, 237, 242);
    --dark--800--lighten: rgb(53, 67, 109);
    --dark--color-invert: rgb(255, 255, 255);
    --info--color-invert: rgb(255, 255, 255);
    --info--dark-color: rgb(3, 135, 201);
    --info--light-color: rgb(235, 248, 255);
    --link--color-invert: rgb(255, 255, 255);
    --link--dark-color: rgb(56, 79, 184);
    --link--light-color: rgb(239, 241, 250);
    --primary--color-invert: rgb(255, 255, 255);
    --primary--dark-color: rgb(5, 9, 255);
    --primary--light-color: rgb(235, 235, 255);
    --success--color-invert: rgb(255, 255, 255);
    --success--dark-color: rgb(4, 144, 106);
    --success--light-color: rgb(235, 254, 249);
    --warning--color-invert: rgba(0, 0, 0, .7);
    --warning--dark-color: rgb(144, 85, 4);
    --warning--light-color: rgb(255, 246, 235);
    --white--800--lighten: rgb(255, 255, 255)
}

:root {
    --body-color: var(--dark-text);
    --white: #fff;
    --white-smoke: #fcfcfc;
    --placeholder: #cecece;
    --border: #e3e3e3;
    --border-hover: #d4cfcf;
    --dashboard-grey: #f1f1f1;
    --blue-grey: #444F60;
    --placeload-nuance-from: rgb(0 0 0 / 7%);
    --placeload-nuance-to: rgb(0 0 0 / 15%);
    --placeload-dark-nuance-from: rgb(255 255 255 / 15%);
    --placeload-dark-nuance-to: rgb(255 255 255 / 24%);
    --primary-h: 355;
    --primary-s: 79%;
    --primary-l: 54%;
    --primary: hsl(var(--primary-h) var(--primary-s) var(--primary-l));
    --secondary-h: 226;
    --secondary-s: 34%;
    --secondary-l: 24%;
    --secondary: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l));
    --accent-h: 127;
    --accent-s: 72%;
    --accent-l: 46%;
    --accent: hsl(var(--accent-h) var(--accent-s) var(--accent-l));
    --light-h: 210;
    --light-s: 100%;
    --light-l: 98%;
    --light: hsl(var(--light-h) var(--light-s) var(--light-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));
    --pink-h: 344;
    --pink-s: 100%;
    --pink-l: 81%;
    --pink: hsl(var(--pink-h) var(--pink-s) var(--pink-l));
    --light-blue-h: 196;
    --light-blue-s: 84%;
    --light-blue-l: 71%;
    --light-blue: hsl(var(--light-blue-h) var(--light-blue-s) var(--light-blue-l));
    --lime-h: 168;
    --lime-s: 56%;
    --lime-l: 72%;
    --lime: hsl(var(--lime-h) var(--lime-s) var(--lime-l));
    --dark-h: 226;
    --dark-s: 34%;
    --dark-l: 24%;
    --dark: hsl(var(--dark-h) var(--dark-s) var(--dark-l));
    --link-h: 357;
    --link-s: 79%;
    --link-l: 54%;
    --link: hsl(var(--link-h) var(--link-s) var(--link-l));
    --info-h: 200;
    --info-s: 97%;
    --info-l: 45%;
    --info: hsl(var(--info-h) var(--info-s) var(--info-l));
    --success-h: 164;
    --success-s: 95%;
    --success-l: 43%;
    --success: hsl(var(--success-h) var(--success-s) var(--success-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));
    --smoke-white-h: 0;
    --smoke-white-s: 0%;
    --smoke-white-l: 99%;
    --smoke-white: hsl(var(--smoke-white-h) var(--smoke-white-s) var(--smoke-white-l));
    --placeholder-h: 0;
    --placeholder-s: 0%;
    --placeholder-l: 81%;
    --placeholder: hsl(var(--placeholder-h) var(--placeholder-s) var(--placeholder-l));
    --muted-grey-h: 0;
    --muted-grey-s: 0%;
    --muted-grey-l: 60%;
    --muted-grey: hsl(var(--muted-grey-h) var(--muted-grey-s) var(--muted-grey-l));
    --fade-grey-h: 0;
    --fade-grey-s: 0%;
    --fade-grey-l: 93%;
    --fade-grey: hsl(var(--fade-grey-h) var(--fade-grey-s) var(--fade-grey-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));
    --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));
    --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));
    --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));
    --night-h: 240;
    --night-s: 33%;
    --night-l: 6%;
    --night: hsl(var(--night-h) var(--night-s) var(--night-l))
}

.is-dark {
    --primary-h: 159;
    --primary-s: 85%;
    --primary-l: 43%
}

:root {
    --javascript-h: 53;
    --javascript-s: 93%;
    --javascript-l: 54%;
    --javascript: hsl(var(--javascript-h) var(--javascript-s) var(--javascript-l));
    --angular-h: 2;
    --angular-s: 82%;
    --angular-l: 48%;
    --angular: hsl(var(--angular-h) var(--angular-s) var(--angular-l));
    --reactjs-h: 189;
    --reactjs-s: 100%;
    --reactjs-l: 50%;
    --reactjs: hsl(var(--reactjs-h) var(--reactjs-s) var(--reactjs-l));
    --android-h: 74;
    --android-s: 55%;
    --android-l: 50%;
    --android: hsl(var(--android-h) var(--android-s) var(--android-l));
    --swift-h: 4;
    --swift-s: 86%;
    --swift-l: 56%;
    --swift: hsl(var(--swift-h) var(--swift-s) var(--swift-l));
    --vuejs-h: 152;
    --vuejs-s: 44%;
    --vuejs-l: 52%;
    --vuejs: hsl(var(--vuejs-h) var(--vuejs-s) var(--vuejs-l));
    --wordpress-h: 199;
    --wordpress-s: 65%;
    --wordpress-l: 37%;
    --wordpress: hsl(var(--wordpress-h) var(--wordpress-s) var(--wordpress-l));
    --csharp-h: 305;
    --csharp-s: 36%;
    --csharp-l: 45%;
    --csharp: hsl(var(--csharp-h) var(--csharp-s) var(--csharp-l));
    --nodejs-h: 103;
    --nodejs-s: 50%;
    --nodejs-l: 53%;
    --nodejs: hsl(var(--nodejs-h) var(--nodejs-s) var(--nodejs-l));
    --html-h: 18;
    --html-s: 88%;
    --html-l: 55%;
    --html: hsl(var(--html-h) var(--html-s) var(--html-l));
    --facebook-h: 221;
    --facebook-s: 44%;
    --facebook-l: 41%;
    --facebook: hsl(var(--facebook-h) var(--facebook-s) var(--facebook-l));
    --twitter-h: 194;
    --twitter-s: 100%;
    --twitter-l: 56%;
    --twitter: hsl(var(--twitter-h) var(--twitter-s) var(--twitter-l));
    --linkedin-h: 199;
    --linkedin-s: 100%;
    --linkedin-l: 36%;
    --linkedin: hsl(var(--linkedin-h) var(--linkedin-s) var(--linkedin-l));
    --tumblr-h: 214;
    --tumblr-s: 27%;
    --tumblr-l: 28%;
    --tumblr: hsl(var(--tumblr-h) var(--tumblr-s) var(--tumblr-l));
    --github-h: 0;
    --github-s: 0%;
    --github-l: 27%;
    --github: hsl(var(--github-h) var(--github-s) var(--github-l));
    --dribbble-h: 337;
    --dribbble-s: 79%;
    --dribbble-l: 61%;
    --dribbble: hsl(var(--dribbble-h) var(--dribbble-s) var(--dribbble-l));
    --google-plus-h: 7;
    --google-plus-s: 64%;
    --google-plus-l: 52%;
    --google-plus: hsl(var(--google-plus-h) var(--google-plus-s) var(--google-plus-l));
    --youtube-h: 358;
    --youtube-s: 79%;
    --youtube-l: 45%;
    --youtube: hsl(var(--youtube-h) var(--youtube-s) var(--youtube-l));
    --reddit-h: 16;
    --reddit-s: 100%;
    --reddit-l: 50%;
    --reddit: hsl(var(--reddit-h) var(--reddit-s) var(--reddit-l));
    --invision-h: 345;
    --invision-s: 100%;
    --invision-l: 60%;
    --invision: hsl(var(--invision-h) var(--invision-s) var(--invision-l));
    --amazon-h: 36;
    --amazon-s: 100%;
    --amazon-l: 50%;
    --amazon: hsl(var(--amazon-h) var(--amazon-s) var(--amazon-l));
    --instagram-h: 340;
    --instagram-s: 75%;
    --instagram-l: 54%;
    --instagram: hsl(var(--instagram-h) var(--instagram-s) var(--instagram-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%));
    --secondary-light-1: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 1%));
    --secondary-light-2: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 2%));
    --secondary-light-3: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 3%));
    --secondary-light-4: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 4%));
    --secondary-light-5: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 5%));
    --secondary-light-6: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 6%));
    --secondary-light-7: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 7%));
    --secondary-light-8: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 8%));
    --secondary-light-9: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 9%));
    --secondary-light-10: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 10%));
    --secondary-light-11: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 11%));
    --secondary-light-12: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 12%));
    --secondary-light-13: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 13%));
    --secondary-light-14: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 14%));
    --secondary-light-15: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 15%));
    --secondary-light-16: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 16%));
    --secondary-light-18: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 18%));
    --secondary-light-20: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 20%));
    --secondary-light-22: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 22%));
    --secondary-light-24: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 24%));
    --secondary-light-26: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 26%));
    --secondary-light-28: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 28%));
    --secondary-light-30: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 30%));
    --secondary-light-35: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 35%));
    --secondary-light-38: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 38%));
    --secondary-light-40: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 40%));
    --secondary-light-42: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 42%));
    --secondary-light-45: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 45%));
    --secondary-light-48: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 48%));
    --secondary-light-50: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 50%));
    --secondary-light-60: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 60%));
    --secondary-light-70: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 70%));
    --secondary-light-80: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 80%));
    --secondary-light-90: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 90%));
    --primary-grey-dark-4: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 4%));
    --primary-grey-dark-5: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 5%));
    --primary-grey-dark-8: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 8%));
    --primary-grey-dark-10: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 10%));
    --primary-grey-dark-15: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 15%));
    --primary-grey-dark-20: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 20%));
    --primary-grey-dark-30: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 30%));
    --primary-grey-dark-35: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 35%));
    --primary-grey-dark-40: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 40%));
    --primary-grey-light-2: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) + 2%));
    --primary-grey-light-3: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) + 3%));
    --primary-grey-light-5: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) + 5%));
    --primary-grey-light-6: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) + 6%));
    --primary-grey-light-10: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) + 10%));
    --danger-light-20: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 20%));
    --danger-light-24: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 24%));
    --danger-light-36: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 36%));
    --danger-light-40: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 40%));
    --warning-light-20: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 20%));
    --warning-light-24: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 24%));
    --warning-light-32: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 32%));
    --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-light-20: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 20%));
    --info-light-24: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 24%));
    --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%));
    --success-light-20: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 20%));
    --success-light-24: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 24%));
    --success-light-40: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 40%));
    --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%));
    --purple-light-36: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 36%));
    --purple-light-38: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 38%));
    --lime-dark-1: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 1%));
    --lime-dark-2: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 2%));
    --lime-dark-3: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 3%));
    --lime-dark-4: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 4%));
    --lime-dark-5: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 5%));
    --lime-dark-6: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 6%));
    --lime-dark-7: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 7%));
    --lime-dark-8: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 8%));
    --lime-dark-9: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 9%));
    --lime-dark-10: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 10%));
    --lime-dark-11: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 11%));
    --lime-dark-12: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 12%));
    --lime-dark-13: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 13%));
    --lime-dark-14: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 14%));
    --lime-dark-15: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 15%));
    --lime-dark-16: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 16%));
    --lime-dark-18: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 18%));
    --lime-dark-20: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 20%));
    --lime-dark-22: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 22%));
    --lime-dark-24: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 24%));
    --lime-dark-26: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 26%));
    --lime-dark-28: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 28%));
    --lime-dark-30: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 30%));
    --lime-dark-35: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 35%));
    --lime-dark-38: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 38%));
    --lime-dark-40: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 40%));
    --lime-dark-42: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 42%));
    --lime-dark-45: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 45%));
    --lime-dark-48: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 48%));
    --lime-dark-50: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 50%));
    --lime-dark-60: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 60%));
    --lime-dark-70: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 70%));
    --lime-dark-80: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 80%));
    --lime-dark-90: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 90%));
    --lime-light-1: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 1%));
    --lime-light-2: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 2%));
    --lime-light-3: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 3%));
    --lime-light-4: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 4%));
    --lime-light-5: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 5%));
    --lime-light-6: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 6%));
    --lime-light-7: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 7%));
    --lime-light-8: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 8%));
    --lime-light-9: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 9%));
    --lime-light-10: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 10%));
    --lime-light-11: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 11%));
    --lime-light-12: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 12%));
    --lime-light-13: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 13%));
    --lime-light-14: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 14%));
    --lime-light-15: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 15%));
    --lime-light-16: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 16%));
    --lime-light-18: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 18%));
    --lime-light-20: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 20%));
    --lime-light-22: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 22%));
    --lime-light-24: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 24%));
    --lime-light-26: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 26%));
    --lime-light-28: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 28%));
    --lime-light-30: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 30%));
    --lime-light-35: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 35%));
    --lime-light-38: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 38%));
    --lime-light-40: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 40%));
    --lime-light-42: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 42%));
    --lime-light-45: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 45%));
    --lime-light-48: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 48%));
    --lime-light-50: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 50%));
    --lime-light-60: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 60%));
    --lime-light-70: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 70%));
    --lime-light-80: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 80%));
    --lime-light-90: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 90%));
    --blue-light-32: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 32%));
    --blue-light-34: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 34%));
    --red-light-38: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 38%));
    --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%));
    --yellow-dark-8: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 8%));
    --yellow-light-22: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 22%));
    --green-light-15: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 15%));
    --green-light-22: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 22%));
    --green-light-23: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 23%));
    --smoke-white-dark-2: hsl(var(--smoke-white-h) var(--smoke-white-s) calc(var(--smoke-white-l) - 2%));
    --smoke-white-dark-8: hsl(var(--smoke-white-h) var(--smoke-white-s) calc(var(--smoke-white-l) - 8%));
    --smoke-white-dark-10: hsl(var(--smoke-white-h) var(--smoke-white-s) calc(var(--smoke-white-l) - 10%));
    --smoke-white-dark-16: hsl(var(--smoke-white-h) var(--smoke-white-s) calc(var(--smoke-white-l) - 16%));
    --smoke-white-light-2: hsl(var(--smoke-white-h) var(--smoke-white-s) calc(var(--smoke-white-l) + 2%));
    --placeholder-dark-8: hsl(var(--placeholder-h) var(--placeholder-s) calc(var(--placeholder-l) - 8%));
    --placeholder-light-10: hsl(var(--placeholder-h) var(--placeholder-s) calc(var(--placeholder-l) + 10%));
    --placeholder-light-16: hsl(var(--placeholder-h) var(--placeholder-s) calc(var(--placeholder-l) + 16%));
    --border-dark-25: hsl(var(--border-h) var(--border-s) calc(var(--border-l) - 25%));
    --border-light-14: hsl(var(--border-h) var(--border-s) calc(var(--border-l) + 14%));
    --border-light-15: hsl(var(--border-h) var(--border-s) calc(var(--border-l) + 15%));
    --muted-grey-dark-25: hsl(var(--muted-grey-h) var(--muted-grey-s) calc(var(--muted-grey-l) - 25%));
    --muted-grey-light-14: hsl(var(--muted-grey-h) var(--muted-grey-s) calc(var(--muted-grey-l) + 14%));
    --muted-grey-light-15: hsl(var(--muted-grey-h) var(--muted-grey-s) calc(var(--muted-grey-l) + 15%));
    --fade-grey-dark-2: hsl(var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) - 2%));
    --fade-grey-dark-3: hsl(var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) - 3%));
    --fade-grey-dark-4: hsl(var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) - 4%));
    --fade-grey-dark-5: hsl(var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) - 5%));
    --fade-grey-dark-6: hsl(var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) - 6%));
    --fade-grey-dark-8: hsl(var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) - 8%));
    --fade-grey-light-2: hsl(var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) + 2%));
    --fade-grey-light-3: hsl(var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) + 3%));
    --fade-grey-light-4: hsl(var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) + 4%));
    --fade-grey-light-5: hsl(var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) + 5%));
    --fade-grey-light-6: hsl(var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) + 6%));
    --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-8: hsl(var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 8%));
    --widget-grey-dark-12: hsl(var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 12%));
    --widget-grey-light-1: hsl(var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) + 1%));
    --dark-dark-text-light-14: hsl(var(--dark-dark-text-h) var(--dark-dark-text-s) calc(var(--dark-dark-text-l) + 14%));
    --dark-text-light-18: hsl(var(--dark-text-h) var(--dark-text-s) calc(var(--dark-text-l) + 18%));
    --dark-text-light-25: hsl(var(--dark-text-h) var(--dark-text-s) calc(var(--dark-text-l) + 25%));
    --dark-text-light-35: hsl(var(--dark-text-h) var(--dark-text-s) calc(var(--dark-text-l) + 35%));
    --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%));
    --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 {
    --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 {
    --font: "Roboto", sans-serif;
    --font-alt: "Montserrat", sans-serif;
    --font-monospace: "Fira Code", monospace;
    --font-size: 16px
}

:root {
    --html-bg-color: var(--white);
    --dashboard-bg-color: #ebeef5
}

.is-dark {
    --html-bg-color: var(--night-light-3);
    --dashboard-bg-color: var(--night)
}

:root {
    --datepicker-bg-color: var(--white);
    --datepicker-border-color: var(--border)
}

.is-dark {
    --datepicker-bg-color: var(--night-light-8);
    --datepicker-border-color: var(--night-light-16)
}

:root {
    --wrap-bg-color: var(--white);
    --wrap-bg-color-heavy: var(--white);
    --wrap-border-color: var(--border);
    --wrap-muted-color: var(--widget-grey);
    --wrap-inverted-color: var(--blue-grey);
    --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-inverted-color: var(--white-smoke);
    --wrap-inverted-bg: var(--night-light-8)
}

:root {
    --title-color: var(--dark-text);
    --title-color-inverted: var(--white-smoke);
    --subtitle-color: var(--medium-text);
    --subtitle-color-inverted: var(--light-text);
    --paragraph-color: var(--medium-text);
    --paragraph-color-inverted: var(--light-text);
    --paragraph-color-light: var(--white-smoke);
    --code-bg-color: var(--widget-grey);
    --code-color: var(--success)
}

.is-dark {
    --title-color: var(--white-smoke);
    --subtitle-color: var(--light-text);
    --code-bg-color: var(--night-light-14);
    --code-color: var(--success)
}

: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-grey-bg-color: var(--widget-grey);
    --card-border-color: var(--border)
}

.is-dark {
    --card-bg-color: var(--night-light-8);
    --card-grey-bg-color: var(--night-light-8);
    --card-border-color: var(--night-light-16)
}

:root {
    --dropdown-bg-color: var(--white);
    --dropdown-border-color: var(--border);
    --dropdown-bg-color-hover: var(--widget-grey)
}

.is-dark {
    --dropdown-bg-color: var(--night-light-6);
    --dropdown-border-color: var(--night-light-16);
    --dropdown-bg-color-hover: 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);
    --tag-primary-light-bg-color: var(--primary-light-35);
    --tag-secondary-light-bg-color: var(--secondary-light-35);
    --tag-info-light-bg-color: var(--info-light-48);
    --tag-success-light-bg-color: var(--success-light-45);
    --tag-warning-light-bg-color: var(--warning-light-32);
    --tag-danger-light-bg-color: var(--danger-light-40);
    --tag-purple-light-bg-color: var(--purple-light-36);
    --tag-yellow-light-bg-color: var(--yellow-light-22);
    --tag-orange-light-bg-color: var(--orange-light-20);
    --tag-green-light-bg-color: var(--green-light-22);
    --tag-red-light-bg-color: var(--red-light-40);
    --tag-blue-light-bg-color: var(--blue-light-34);
    --tag-primary-light-color: var(--primary);
    --tag-secondary-light-color: var(--secondary);
    --tag-info-light-color: var(--info);
    --tag-success-light-color: var(--success);
    --tag-warning-light-color: var(--warning);
    --tag-danger-light-color: var(--danger);
    --tag-purple-light-color: var(--purple);
    --tag-yellow-light-color: var(--yellow);
    --tag-orange-light-color: var(--orange);
    --tag-green-light-color: var(--green);
    --tag-red-light-color: var(--red);
    --tag-blue-light-color: var(--blue)
}

.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);
    --tag-primary-light-bg-color: var(--primary);
    --tag-secondary-light-bg-color: var(--secondary);
    --tag-info-light-bg-color: var(--info);
    --tag-success-light-bg-color: var(--success);
    --tag-warning-light-bg-color: var(--warning);
    --tag-danger-light-bg-color: var(--danger);
    --tag-purple-light-bg-color: var(--purple);
    --tag-yellow-light-bg-color: var(--yellow);
    --tag-orange-light-bg-color: var(--orange);
    --tag-green-light-bg-color: var(--green);
    --tag-red-light-bg-color: var(--red);
    --tag-blue-light-bg-color: var(--blue);
    --tag-primary-light-color: var(--white-smoke);
    --tag-secondary-light-color: var(--white-smoke);
    --tag-info-light-color: var(--white-smoke);
    --tag-success-light-color: var(--white-smoke);
    --tag-warning-light-color: var(--white-smoke);
    --tag-danger-light-color: var(--white-smoke);
    --tag-purple-light-color: var(--white-smoke);
    --tag-yellow-light-color: var(--white-smoke);
    --tag-orange-light-color: var(--white-smoke);
    --tag-green-light-color: var(--white-smoke);
    --tag-red-light-color: var(--white-smoke);
    --tag-blue-light-color: var(--white-smoke)
}

:root {
    --icon-bg-color: var(--widget-grey);
    --icon-primary-bg-color: var(--primary-light-35);
    --icon-primary-inverted-bg-color: var(--primary);
    --icon-secondary-bg-color: var(--secondary-light-35);
    --icon-secondary-inverted-bg-color: var(--secondary);
    --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-40);
    --icon-danger-inverted-bg-color: var(--danger);
    --icon-purple-bg-color: var(--purple-light-36);
    --icon-purple-inverted-bg-color: var(--purple);
    --icon-yellow-bg-color: var(--yellow-light-22);
    --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-34);
    --icon-blue-inverted-bg-color: var(--blue);
    --icon-color: var(--medium-text);
    --icon-primary-color: var(--primary);
    --icon-secondary-color: var(--secondary);
    --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-secondary-bg-color: var(--secondary);
    --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-secondary-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 {
    --alert-bg-color: var(--widget-grey);
    --alert-primary-bg-color: var(--primary-light-35);
    --alert-primary-inverted-bg-color: var(--primary);
    --alert-info-bg-color: var(--info-light-48);
    --alert-info-inverted-bg-color: var(--info);
    --alert-success-bg-color: var(--success-light-45);
    --alert-success-inverted-bg-color: var(--success);
    --alert-warning-bg-color: var(--warning-light-32);
    --alert-warning-inverted-bg-color: var(--warning);
    --alert-danger-bg-color: var(--danger-light-38);
    --alert-danger-inverted-bg-color: var(--danger);
    --alert-purple-bg-color: var(--purple-light-36);
    --alert-purple-inverted-bg-color: var(--purple);
    --alert-yellow-bg-color: var(--yellow-light-22);
    --alert-yellow-inverted-bg-color: var(--yellow);
    --alert-orange-bg-color: var(--orange-light-20);
    --alert-orange-inverted-bg-color: var(--orange);
    --alert-green-bg-color: var(--green-light-22);
    --alert-green-inverted-bg-color: var(--green);
    --alert-red-bg-color: var(--red-light-40);
    --alert-red-inverted-bg-color: var(--red);
    --alert-blue-bg-color: var(--blue-light-34);
    --alert-blue-inverted-bg-color: var(--blue);
    --alert-color: var(--medium-text);
    --alert-primary-color: var(--primary);
    --alert-info-color: var(--info);
    --alert-success-color: var(--success);
    --alert-warning-color: var(--warning);
    --alert-danger-color: var(--danger);
    --alert-purple-color: var(--purple);
    --alert-yellow-color: var(--yellow);
    --alert-orange-color: var(--orange);
    --alert-green-color: var(--green);
    --alert-red-color: var(--red);
    --alert-blue-color: var(--blue)
}

.is-dark {
    --alert-bg-color: var(--night-light-12);
    --alert-primary-bg-color: var(--primary);
    --alert-info-bg-color: var(--info);
    --alert-success-bg-color: var(--success);
    --alert-warning-bg-color: var(--warning);
    --alert-danger-bg-color: var(--danger);
    --alert-purple-bg-color: var(--purple);
    --alert-yellow-bg-color: var(--yellow);
    --alert-orange-bg-color: var(--orange);
    --alert-green-bg-color: var(--green);
    --alert-red-bg-color: var(--red);
    --alert-blue-bg-color: var(--blue);
    --alert-color: var(--light-text);
    --alert-primary-color: var(--white-smoke);
    --alert-info-color: var(--white-smoke);
    --alert-success-color: var(--white-smoke);
    --alert-warning-color: var(--white-smoke);
    --alert-danger-color: var(--white-smoke);
    --alert-purple-color: var(--white-smoke);
    --alert-yellow-color: var(--white-smoke);
    --alert-orange-color: var(--white-smoke);
    --alert-green-color: var(--white-smoke);
    --alert-red-color: var(--white-smoke);
    --alert-blue-color: var(--white-smoke)
}

:root {
    --progress-track-bg-color: #ededed
}

.is-dark {
    --progress-track-bg-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 {
    --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);
    --input-label-color: var(--light-text);
    --input-form-button-bg-color: var(--white);
    --input-form-button-border-color: var(--border);
    --input-form-button-color: var(--medium-text)
}

.is-dark {
    --input-base-color: var(--light-text);
    --input-base-bg-color: var(--night-light-4);
    --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);
    --input-form-button-bg-color: var(--night-light-14);
    --input-form-button-border-color: var(--night-light-22)
}

: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 {
    --hero-bg-color: var(--white);
    --hero-grey-bg-color: var(--widget-grey);
    --hero-benefits-color: var(--dark-text)
}

.is-dark {
    --hero-bg-color: var(--night-light-3);
    --hero-benefits-color: var(--light-text);
    --hero-grey-bg-color: var(--night-light-1)
}

: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-8);
    --footer-dark-bg-color: var(--night-light-6);
    --footer-dark-border-color: var(--night-light-8)
}

:root {
    --navbar-bg-color: var(--white);
    --navbar-bg-color-solid: var(--white);
    --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-dark-4);
    --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 {
    --sidebar-default-bg-color: var(--white);
    --sidebar-default-border-color: var(--border);
    --sidebar-child-bg-color: var(--dark);
    --sidebar-child-border-color: var(--dark);
    --sidebar-child-item-active-bg-color: #3d4970;
    --sidebar-child-item-active-color: var(--secondary);
    --sidebar-child-item-icon-color: var(--light-text);
    --sidebar-child-item-expanded: #202842;
    --quickview-bg-color: var(--white);
    --quickview-border-color: var(--border);
    --quickview-list-item-bg-hover: var(--widget-grey)
}

.is-dark {
    --sidebar-default-bg-color: var(--night-dark-2);
    --sidebar-default-border-color: var(--night-light-8);
    --sidebar-child-bg-color: var(--night-dark-1);
    --sidebar-child-border-color: var(--night-dark-1);
    --sidebar-child-item-active-bg-color: var(--night);
    --sidebar-child-item-icon-color: var(--medium-text);
    --sidebar-child-item-expanded: var(--night-dark-4);
    --quickview-bg-color: var(--night-light-6);
    --quickview-border-color: var(--night-dark-16);
    --quickview-list-item-bg-hover: var(--night-light-12)
}

:root {
    --apexcharts-title-text-color: var(--blue-grey);
    --circle-chart-bg-color: #efefef;
    --circle-chart-bg-color-inverted: var(--smoke-white)
}

.is-dark {
    --apexcharts-title-text-color: var(--medium-text);
    --circle-chart-bg-color: var(--night-light-2);
    --circle-chart-bg-color-inverted: var(--night-light-4)
}

:root {
    --chrono-color: #b0bdc4;
    --stack-color: var(--widget-grey-dark-8)
}

.is-dark {
    --chrono-color: var(--night-light-30);
    --stack-color: var(--night-light-30)
}

:root {
    --hero-square-primary-bg-color: var(--light);
    --hero-square-primary-bg-color: var(--primary-light-35)
}

.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: #0a0a0a33;
    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: #0a0a0a4d
}

.modal-close:active, .delete:active {
    background-color: #0a0a0a66
}

.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
}

.loader:after, .control.is-loading:after, .select.is-loading:after, .loader, .button.is-loading:after {
    animation: spinAround .5s infinite linear;
    border: 2px solid hsl(0deg, 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 {
    inset: 0;
    position: absolute
}

.navbar-burger {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: 0 0;
    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: var(--font-size);
    -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(--body-color);
    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
}

.box {
    background-color: var(--white);
    border-radius: 6px;
    box-shadow: 0 .5em 1em -.125em #0a0a0a1a, 0 0 0 1px #0a0a0a05;
    color: #4a4a4a;
    display: block;
    padding: 1.25rem
}

a.box:hover, a.box:focus {
    box-shadow: 0 .5em 1em -.125em #0a0a0a1a, 0 0 0 1px var(--link)
}

a.box:active {
    box-shadow: inset 0 1px 2px #0a0a0a33, 0 0 0 1px var(--link)
}

.button {
    background-color: var(--white);
    border-color: var(--border);
    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: 0 0;
    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: #0a0a0a
}

.button.is-white:focus, .button.is-white.is-focused {
    border-color: transparent;
    color: #0a0a0a
}

.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: #0a0a0a
}

.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: #0a0a0a;
    color: var(--white)
}

.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
    background-color: #000
}

.button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted {
    background-color: #0a0a0a;
    border-color: transparent;
    box-shadow: none;
    color: var(--white)
}

.button.is-white.is-loading:after {
    border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !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: #0a0a0a
}

.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 hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !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: #0a0a0a;
    color: #0a0a0a
}

.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: #0a0a0a;
    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: #0a0a0a;
    box-shadow: none;
    color: #0a0a0a
}

.button.is-black {
    background-color: #0a0a0a;
    border-color: transparent;
    color: var(--white)
}

.button.is-black:hover, .button.is-black.is-hovered {
    background-color: #040404;
    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 #0a0a0a40
}

.button.is-black:active, .button.is-black.is-active {
    background-color: #000;
    border-color: transparent;
    color: var(--white)
}

.button.is-black[disabled], fieldset[disabled] .button.is-black {
    background-color: #0a0a0a;
    border-color: #0a0a0a;
    box-shadow: none
}

.button.is-black.is-inverted {
    background-color: var(--white);
    color: #0a0a0a
}

.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: #0a0a0a
}

.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: #0a0a0a;
    color: #0a0a0a
}

.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: #0a0a0a;
    border-color: #0a0a0a;
    color: var(--white)
}

.button.is-black.is-outlined.is-loading:after {
    border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !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: #0a0a0a;
    box-shadow: none;
    color: #0a0a0a
}

.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: #0a0a0a
}

.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 hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !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(0deg, 0%, 96%) hsl(0deg, 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(0deg, 0%, 96%) hsl(0deg, 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: var(--border);
    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: var(--border);
    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
}

.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
}

.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 var(--border);
    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 var(--border);
    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: 1.5rem;
    width: 1.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: 0 0
}

.notification > .delete {
    right: .5rem;
    position: absolute;
    top: .5rem
}

.notification .title, .notification .subtitle, .notification .content {
    color: currentColor
}

.notification.is-white {
    background-color: var(--white);
    color: #0a0a0a
}

.notification.is-black {
    background-color: #0a0a0a;
    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(0deg, 0%, 93%) 30%)
}

.progress.is-black::-webkit-progress-value {
    background-color: #0a0a0a
}

.progress.is-black::-moz-progress-bar {
    background-color: #0a0a0a
}

.progress.is-black::-ms-fill {
    background-color: #0a0a0a
}

.progress.is-black:indeterminate {
    background-image: linear-gradient(to right, hsl(0deg, 0%, 4%) 30%, hsl(0deg, 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(0deg, 0%, 96%) 30%, hsl(0deg, 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(0deg, 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(0deg, 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(0deg, 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(0deg, 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(0deg, 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(0deg, 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(0deg, 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(0deg, 0%, 29%) 30%, hsl(0deg, 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 var(--border);
    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: #0a0a0a
}

.table td.is-black, .table th.is-black {
    background-color: #0a0a0a;
    border-color: #0a0a0a;
    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(even) {
    background-color: #f5f5f5
}

.table.is-narrow td, .table.is-narrow th {
    padding: .25em .5em
}

.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
    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: #0a0a0a
}

.tag:not(body).is-black {
    background-color: #0a0a0a;
    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: var(--border);
    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 #0a0a0a0d;
    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: #0a0a0a
}

.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 #0a0a0a40
}

.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: #0a0a0a
}

.select.is-black select {
    border-color: #0a0a0a
}

.select.is-black select:hover, .select.is-black select.is-hovered {
    border-color: #000
}

.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 #0a0a0a40
}

.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: #0a0a0a
}

.file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 .5em var(--white);
    color: #0a0a0a
}

.file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
    background-color: var(--white);
    border-color: transparent;
    color: #0a0a0a
}

.file.is-black .file-cta {
    background-color: #0a0a0a;
    border-color: transparent;
    color: var(--white)
}

.file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
    background-color: #040404;
    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 #0a0a0a40;
    color: var(--white)
}

.file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
    background-color: #000;
    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: var(--border)
}

.file-label:active .file-cta {
    background-color: #e8e8e8;
    color: #363636
}

.file-label:active .file-name {
    border-color: var(--border)
}

.file-input {
    height: 100%;
    left: 0;
    opacity: 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 100%
}

.file-cta, .file-name {
    border-color: var(--border);
    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: var(--border);
    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: #0a0a0a
}

.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: var(--border);
    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: "\2192"
}

.breadcrumb.has-bullet-separator li + li:before {
    content: "\2022"
}

.breadcrumb.has-dot-separator li + li:before {
    content: "\b7"
}

.breadcrumb.has-succeeds-separator li + li:before {
    content: "\227b"
}

.card {
    background-color: var(--white);
    border-radius: .25rem;
    box-shadow: 0 .5em 1em -.125em #0a0a0a1a, 0 0 0 1px #0a0a0a05;
    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 #0a0a0a1a;
    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: 0 0;
    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(0deg, 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(0deg, 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 #0a0a0a1a, 0 0 0 1px #0a0a0a05;
    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: #0a0a0a
}

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 var(--border);
    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 var(--border);
    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 var(--border);
    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: #0a0a0a
}

.message.is-white .message-body {
    border-color: var(--white)
}

.message.is-black {
    background-color: #fafafa
}

.message.is-black .message-header {
    background-color: #0a0a0a;
    color: var(--white)
}

.message.is-black .message-body {
    border-color: #0a0a0a
}

.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: var(--border);
    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: #0a0a0adb
}

.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: 0 0;
    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 var(--border);
    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 var(--border)
}

.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: #0a0a0a
}

.navbar.is-white .navbar-brand > .navbar-item, .navbar.is-white .navbar-brand .navbar-link {
    color: #0a0a0a
}

.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: #0a0a0a
}

.navbar.is-white .navbar-brand .navbar-link:after {
    border-color: #0a0a0a
}

.navbar.is-white .navbar-burger {
    color: #0a0a0a
}

@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: #0a0a0a
    }

    .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: #0a0a0a
    }

    .navbar.is-white .navbar-start .navbar-link:after, .navbar.is-white .navbar-end .navbar-link:after {
        border-color: #0a0a0a
    }

    .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: #0a0a0a
    }

    .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
        background-color: var(--white);
        color: #0a0a0a
    }
}

.navbar.is-black {
    background-color: #0a0a0a;
    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: #000;
    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: #000;
        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: #000;
        color: var(--white)
    }

    .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
        background-color: #0a0a0a;
        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;
    background: var(--navbar-bg-color);
    box-shadow: 0 0 8px #00000014;
    width: 100%;
    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: 0 0;
    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(1) {
    top: calc(50% - 6px)
}

.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: .5rem .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 #0a0a0a1a;
        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 #0a0a0a1a
    }

    .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: #0a0a0a
    }

    .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 var(--border);
        border-radius: 6px 6px 0 0;
        border-top: none;
        bottom: 100%;
        box-shadow: 0 -8px 8px #0a0a0a1a;
        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 var(--border);
        box-shadow: 0 8px 8px #0a0a0a1a;
        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: #0a0a0a
    }

    .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 #0a0a0a1a, 0 0 0 1px #0a0a0a1a;
        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 #0a0a0a1a
    }

    .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: #0a0a0a
    }

    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: var(--border);
    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 #0a0a0a33
}

.pagination-previous[disabled], .pagination-previous.is-disabled, .pagination-next[disabled], .pagination-next.is-disabled, .pagination-link[disabled], .pagination-link.is-disabled {
    background-color: var(--border);
    border-color: var(--border);
    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 #0a0a0a1a, 0 0 0 1px #0a0a0a05;
    font-size: 1rem
}

.panel:not(:last-child) {
    margin-bottom: 1.5rem
}

.panel.is-white .panel-heading {
    background-color: var(--white);
    color: #0a0a0a
}

.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: #0a0a0a;
    color: var(--white)
}

.panel.is-black .panel-tabs a.is-active {
    border-bottom-color: #0a0a0a
}

.panel.is-black .panel-block.is-active .panel-icon {
    color: #0a0a0a
}

.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(0deg, 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 var(--border);
    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: var(--border);
    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: var(--border);
    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: var(--border)
}

.tabs.is-boxed li.is-active a {
    background-color: var(--white);
    border-color: var(--border);
    border-bottom-color: transparent !important
}

.tabs.is-fullwidth li {
    flex-grow: 1;
    flex-shrink: 0
}

.tabs.is-toggle a {
    border-color: var(--border);
    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: #0a0a0a !important
}

a.has-text-black:hover, a.has-text-black:focus {
    color: #000 !important
}

.has-background-black {
    background-color: #0a0a0a !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: 0 0
}

.hero .tabs ul {
    border-bottom: none
}

.hero.is-white {
    background-color: var(--white);
    color: #0a0a0a
}

.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 {
    color: #0a0a0a
}

.hero.is-white .subtitle {
    color: #0a0a0ae6
}

.hero.is-white .subtitle a:not(.button), .hero.is-white .subtitle strong {
    color: #0a0a0a
}

@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: #0a0a0ab3
}

.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: #0a0a0a
}

.hero.is-white .tabs a {
    color: #0a0a0a;
    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: #0a0a0a
}

.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
    background-color: #0a0a0a1a
}

.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: #0a0a0a;
    border-color: #0a0a0a;
    color: var(--white)
}

.hero.is-black {
    background-color: #0a0a0a;
    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: #0a0a0a
    }
}

.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: #000;
    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: #0a0a0a !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: #0a0a0a1a
}

.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: #0a0a0a
}

.hero.is-black.is-bold {
    background-image: linear-gradient(141deg, black 0%, hsl(0deg, 0%, 4%) 71%, #181616 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-black.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, black 0%, hsl(0deg, 0%, 4%) 71%, #181616 100%)
    }
}

.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: #0a0a0a1a
}

.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(0deg, 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(0deg, 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: #0a0a0a1a
}

.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: #0a0a0a1a
}

.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: #0a0a0a1a
}

.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: #0a0a0a1a
}

.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: #0a0a0a1a
}

.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: #0a0a0a1a
}

.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: #0a0a0a1a
}

.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
}

.animated {
    animation-duration: .5s;
    animation-fill-mode: both
}

@keyframes pulsate {
    0% {
        -webkit-transform: scale(.1, .1);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 0
    }
}

.pulsate {
    animation: pulsate 1.5s ease-out;
    animation-iteration-count: infinite;
    opacity: 0
}

@keyframes rotating {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.rotating {
    animation: rotating 2s linear infinite
}

@keyframes fadeInUp {
    0% {
        transform: translate3d(0, 20px, 0)
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.preFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp
}

@keyframes fadeInDown {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.preFadeInDown {
    opacity: 0
}

.fadeInDown {
    opacity: 0;
    animation-name: fadeInDown
}

@keyframes fadeInLeft {
    0% {
        transform: translate3d(20px, 0, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.preFadeInLeft {
    opacity: 0
}

.fadeInLeft {
    opacity: 0;
    animation-name: fadeInLeft
}

@keyframes scaleIn {
    0% {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

.scaleIn {
    animation: scaleIn .5s;
    animation-timing-function: cubic-bezier(.645, .045, .355, 1)
}

.scaleInTooltip {
    animation: scaleIn .3s;
    animation-timing-function: cubic-bezier(.645, .045, .355, 1)
}

@keyframes scaleOut {
    0% {
        transform: scale(1)
    }
    to {
        transform: scale(0)
    }
}

.scaleOut {
    animation: scaleOut .5s;
    animation-timing-function: cubic-bezier(.645, .045, .355, 1)
}

.scaleOutTooltip {
    animation: scaleOut .3s;
    animation-timing-function: cubic-bezier(.645, .045, .355, 1)
}

@keyframes scaleInCircle {
    0% {
        transform: scale(0)
    }
    to {
        transform: scale(7)
    }
}

.scaleInCircle {
    animation: scaleInCircle .6s;
    animation-timing-function: cubic-bezier(.645, .045, .355, 1)
}

@keyframes gelatine {
    0%, to {
        transform: scale(1)
    }
    25% {
        transform: scale(.9, 1.1)
    }
    50% {
        transform: scale(1.1, .9)
    }
    75% {
        transform: scale(.95, 1.05)
    }
}

.gelatine {
    animation: gelatine .6s;
    animation-duration: .6s;
    animation-fill-mode: both
}

@keyframes wave {
    0% {
        transform: scale(1);
        opacity: 1
    }
    25% {
        transform: scale(1);
        opacity: 1
    }
    to {
        transform: scale(4.5);
        opacity: 0
    }
}

@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 glowing {
    0% {
        box-shadow: 0 0 -10px #fafafa
    }
    40% {
        box-shadow: 0 0 20px #fafafa
    }
    60% {
        box-shadow: 0 0 20px #fafafa
    }
    to {
        box-shadow: 0 0 -10px #fafafa
    }
}

@keyframes translateLeft {
    0% {
        transform: translate3d(100%, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.translateLeft {
    animation-name: translateLeft;
    animation-duration: .3s;
    transition: all .5s cubic-bezier(.755, .05, .855, .06)
}

.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-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-yellow, .hover\:text-yellow:hover, .group:hover .group-hover\:text-yellow {
    color: var(--yellow) !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-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-yellow, .hover\:bg-yellow:hover, .group:hover .group-hover\:bg-yellow {
    background-color: var(--yellow) !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
    }
}

.light-image {
    display: inline-block !important
}

.light-image-block {
    display: block !important
}

.dark-image-block, .dark-image, .is-dark .light-image {
    display: none !important
}

.is-dark .dark-image {
    display: inline-block !important
}

.is-dark .light-image-block {
    display: none !important
}

.is-dark .dark-image-block {
    display: block !important
}

.is-dark .inverted-filter {
    filter: invert(1)
}

.is-dark .inverted-filter-full {
    filter: invert(1) brightness(0)
}

.has-background-image {
    background-size: cover;
    background-repeat: no-repeat
}

.has-background-image-contained {
    background-size: contain !important;
    background-repeat: no-repeat
}

.mask {
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

.mask-blob {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDBDMjAgMCAwIDIwIDAgMTAwczIwIDEwMCAxMDAgMTAwIDEwMC0yMCAxMDAtMTAwUzE4MCAwIDEwMCAweiIvPjwvc3ZnPg==);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDBDMjAgMCAwIDIwIDAgMTAwczIwIDEwMCAxMDAgMTAwIDEwMC0yMCAxMDAtMTAwUzE4MCAwIDEwMCAweiIvPjwvc3ZnPg==)
}

.is-disabled {
    pointer-events: none;
    opacity: 60%
}

.no-click {
    pointer-events: none
}

.is-hidden {
    display: none !important
}

.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-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 (max-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 (max-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 (min-width: 768px) and (max-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-centered-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 (min-width: 768px) and (max-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 (min-width: 768px) and (orientation: landscape) {
    .b-only-mobile, .b-only-tablet-p {
        display: none !important
    }
}

@media only screen and (min-width: 1025px) {
    .b-hidden-desktop {
        display: none !important
    }
}

@media only screen and (max-width: 767px) {
    .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
    }

    .d-column-mobile {
        flex-direction: column
    }

    .d-column-r-mobile {
        flex-direction: column-reverse
    }

    .j-center-mobile {
        justify-content: center
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .b-flex-tablet-p, .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
    }

    .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
    }

    .d-column-tablet-p {
        flex-direction: column
    }

    .d-column-r-tablet-p {
        flex-direction: column-reverse
    }

    .j-center-tablet-p {
        justify-content: center
    }
}

@media (min-width: 768px) {
    .mobile-search {
        display: none !important
    }
}

@media (max-width: 1024px) {
    .mobile-item.is-block {
        display: block
    }

    .mobile-item.is-flex {
        display: flex
    }
}

@media (min-width: 1025px) {
    .mobile-item.is-block, .mobile-item.is-flex {
        display: none !important
    }
}

.overflow-hidden {
    overflow: hidden !important
}

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

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

.has-slimscroll::-webkit-scrollbar {
    width: 6px !important
}

.has-slimscroll::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
    background: rgba(0, 0, 0, .2) !important
}

body {
    font-family: var(--font);
    color: var(--dark-text)
}

var {
    font-style: normal
}

.default-link {
    font-family: var(--font);
    color: var(--primary);
    transition: all .3s
}

.default-link:hover {
    color: var(--primary);
    opacity: .7
}

.arrow-link {
    display: inline-flex;
    align-items: center;
    font-family: var(--font);
    color: var(--primary);
    transition: color .3s, opacity .3s
}

.arrow-link .iconify {
    margin-left: .5rem;
    transition: transform .3s
}

.arrow-link:hover {
    color: var(--primary);
    opacity: .7
}

.arrow-link:hover .iconify {
    transform: translate(.25rem)
}

.title {
    font-family: var(--font-alt);
    color: var(--title-color)
}

.title.is-0 {
    font-size: 4rem
}

.title.is-narrow {
    margin-bottom: 0 !important
}

.title.is-leading {
    margin-bottom: .5rem !important
}

.title.is-inverted {
    color: var(--title-color-inverted)
}

.title.is-thin {
    font-weight: 300
}

.title.is-heavy {
    font-weight: 600
}

.title.is-bold {
    font-weight: 700
}

.title.is-bolder {
    font-weight: 800
}

.subtitle {
    font-family: var(--font);
    color: var(--subtitle-color)
}

.subtitle.is-narrow {
    margin-bottom: 0 !important
}

.subtitle.is-thin {
    font-weight: 300
}

.subtitle.is-heavy {
    font-weight: 600
}

.subtitle.is-bold {
    font-weight: 700
}

.subtitle.is-bolder {
    font-weight: 800
}

.paragraph {
    font-family: var(--font);
    color: var(--paragraph-color)
}

.paragraph.is-inverted {
    color: var(--paragraph-color-inverted)
}

.paragraph.is-inverted-light {
    color: var(--paragraph-color-light);
    opacity: .8
}

.paragraph.leading-tight {
    line-height: 1.2
}

.content p {
    font-family: var(--font)
}

.separator {
    width: 1px;
    height: 26px;
    border-right: 1px solid var(--border)
}

.text-light {
    color: var(--light-text) !important
}

.text-medium {
    color: var(--medium-text) !important
}

.text-dark {
    color: var(--dark-text) !important
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

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

.is-font {
    font-family: var(--font)
}

.is-font-alt {
    font-family: var(--font-alt) !important
}

.is-weight-300 {
    font-weight: 300 !important
}

.is-weight-400 {
    font-weight: 400 !important
}

.is-weight-600 {
    font-weight: 600 !important
}

.is-weight-700 {
    font-weight: 700 !important
}

.is-weight-500 {
    font-weight: 500 !important
}

.is-weight-900 {
    font-weight: 900 !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
}

:root.is-dark {
    color-scheme: dark
}

body {
    direction: ltr;
    text-align: left;
    background: var(--section-bg-color);
    transition: background-color .3s
}

body.dashboard-body {
    background: var(--dashboard-bg-color);
    overflow: hidden
}

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)
}

.pageloader {
    background-color: var(--dashboard-bg-color);
    transition: opacity .35s
}

.infraloader {
    position: fixed;
    inset: 0;
    width: 100%;
    background: var(--dashboard-bg-color);
    z-index: -1;
    opacity: 0;
    transition: opacity .35s
}

.infraloader.is-active {
    opacity: 1;
    z-index: 999997
}

.infraloader.is-full {
    width: 100% !important;
    left: 0 !important
}

@media (max-width: 767px) {
    .infraloader {
        width: 100% !important;
        left: 0 !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .infraloader {
        width: 100% !important;
        left: 0 !important
    }
}

@keyframes spinAround {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(359deg)
    }
}

.loader:after, .button.is-loading:after, .loader, .select.is-loading:after, .control.is-loading:after {
    animation: spinAround .5s infinite linear;
    border: 2px solid hsl(0deg, 0%, 86%);
    border-radius: 9999px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

.loader {
    position: relative;
    height: 2rem;
    width: 2rem
}

.loader.loader-3 {
    height: 3rem;
    width: 3rem
}

.loader.loader-4 {
    height: 4rem;
    width: 4rem
}

.loader:after {
    position: absolute !important;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 4
}

.loader-wrap {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: var(--card-bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all .3s
}

.loader-wrap.is-active {
    opacity: 1
}

.content-shape {
    height: 10px;
    width: 100%;
    max-width: 100%;
    border-radius: .25rem
}

.content-shape.w-80 {
    max-width: 80%
}

.content-shape.w-60 {
    max-width: 60%
}

.content-shape.w-40 {
    max-width: 40%
}

.content-shape.w-20 {
    max-width: 20%
}

.content-shape.img-shape {
    width: 100%;
    max-width: 110px;
    min-width: 110px;
    height: 110px;
    border-radius: 50%;
    margin: 1rem auto .75rem
}

.content-shape.title-shape {
    display: block;
    min-width: 160px;
    max-width: 160px;
    margin-left: auto;
    margin-right: auto
}

.content-shape.subtitle-shape {
    display: block;
    min-width: 80px;
    max-width: 80px;
    margin-left: auto;
    margin-right: auto
}

.content-shape.social-shape {
    height: 32px;
    width: 32px;
    min-width: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0 .15rem
}

.content-shape.is-left {
    margin-left: 0 !important
}

.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: 800px 104px;
    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: 800px 104px;
    background-size: 1200px 104px
}

.progress-wrap {
    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;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all .2s linear;
    z-index: 9
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.progress-wrap .inner-arrow {
    position: absolute;
    font-weight: 900;
    text-align: center;
    line-height: 24px;
    font-size: 1rem;
    color: var(--primary);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 24px;
    width: 24px;
    cursor: pointer;
    display: block;
    z-index: 1;
    transition: all .2s linear
}

.progress-wrap:hover .inner-arrow {
    opacity: .6
}

.progress-wrap svg path {
    fill: none
}

.progress-wrap svg.progress-circle path {
    stroke: var(--primary);
    stroke-width: 4;
    box-sizing: border-box;
    transition: all .2s linear
}

@keyframes border-transform {
    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 (max-width: 767px) {
    .progress-wrap {
        display: none
    }
}

.menu-toggle {
    font-size: 20px;
    color: var(--light-text);
    line-height: 48px;
    text-align: center;
    background: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
    padding: 0;
    transition: opacity .4s;
    opacity: 1;
    position: relative;
    top: 2px
}

.menu-toggle .icon-box-toggle {
    background: 0 0;
    position: relative;
    display: block;
    width: 30px;
    height: 22px
}

.menu-toggle .icon-box-toggle:not(.is-navbar).active > .rotate {
    transform: translate(0) rotate(90deg)
}

.menu-toggle .icon-box-toggle.active .icon-line-center {
    visibility: hidden;
    width: 1px;
    height: 3px;
    left: 70%
}

.menu-toggle .icon-box-toggle.active .icon-line-bottom {
    margin: -2px 0 0 -10px;
    left: 50%;
    top: 12px;
    transform: translate(0) rotate(135deg)
}

.menu-toggle .icon-box-toggle.active .icon-line-top {
    margin: -2px 0 0 -10px;
    left: 50%;
    top: 12px;
    transform: translate(0) rotate(45deg)
}

.menu-toggle .rotate {
    display: block;
    width: 30px;
    height: 22px
}

.menu-toggle .icon-line-center {
    position: absolute;
    width: 20px;
    height: 1px;
    background: var(--light-text);
    margin: -1px 0 0 -10px;
    left: 50%;
    top: 11px;
    transition: all .2s ease
}

.menu-toggle .icon-line-top {
    position: absolute;
    width: 20px;
    height: 2px;
    background: var(--light-text);
    margin: -3px 0 0 -10px;
    left: 50%;
    top: 7px;
    transition: all .2s ease
}

.menu-toggle .icon-line-bottom {
    position: absolute;
    width: 20px;
    height: 2px;
    background: var(--light-text);
    margin: 2px 0 0 -10px;
    left: 50%;
    top: 14px;
    transition: all .2s ease
}

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

.menu-icon {
    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
}

.menu-icon > * {
    pointer-events: none !important
}

.menu-icon span {
    margin-top: .025em
}

.menu-icon:before {
    content: "";
    width: .35em;
    margin-top: -.225em
}

.menu-icon:after {
    content: "";
    margin-top: .225em
}

.v-1:before, .v-1:after, .v-1 span {
    transition: .25s ease-in-out
}

.v-1.is-open:before {
    transform: rotate(135deg);
    margin-top: -.025em
}

.v-1.is-open:after {
    transform: rotate(-135deg);
    margin-top: -.025em
}

.v-1.is-open span {
    opacity: 0;
    transform: translate(150%)
}

.v-2:before, .v-2:after {
    display: none
}

.v-2 span {
    transition: .25s ease
}

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

.v-2 span:before {
    transform: translateY(-.25em)
}

.v-2 span:after {
    transform: translateY(.25em)
}

.v-2.is-open span {
    transform: rotate(45deg)
}

.v-2.is-open span:before, .v-2.is-open span:after {
    transform: rotate(90deg)
}

.v-3:before, .v-3:after {
    transition: .2s ease .2s
}

.v-3:after {
    left: auto;
    right: .125em
}

.v-3 span {
    transition: .2s
}

.v-3 span:before {
    content: "";
    transition: inherit;
    left: 0;
    top: 0
}

.v-3.is-open:before, .v-3.is-open:after {
    transition: .2s ease;
    width: 0
}

.v-3.is-open span {
    transform: rotate(45deg);
    transition: .2s ease .2s
}

.v-3.is-open span:before {
    transform: rotate(-90deg)
}

.v-4:before, .v-4:after {
    display: none
}

.v-4 span {
    transition: .25s ease
}

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

.v-4 span:before {
    transform: translateY(-.25em)
}

.v-4 span:after {
    transform: translateY(.25em)
}

.v-4.is-open span {
    transform: rotate(180deg)
}

.v-4.is-open span:before, .v-4.is-open span:after {
    width: .375em;
    left: .02em
}

.v-4.is-open span:before {
    transform: rotate(-45deg) translateY(-.17em)
}

.v-4.is-open span:after {
    transform: rotate(45deg) translateY(.17em)
}

.v-5:before, .v-5:after {
    display: none
}

.v-5 span {
    transition: .25s ease
}

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

.v-5 span:before {
    transform: translateY(-.25em)
}

.v-5 span:after {
    transform: translateY(.25em)
}

.v-5.is-open span {
    transform: rotate(-180deg)
}

.v-5.is-open span:before, .v-5.is-open span:after {
    width: .375em;
    right: .02em
}

.v-5.is-open span:before {
    transform: rotate(-45deg) translateY(.17em)
}

.v-5.is-open span:after {
    transform: rotate(45deg) translateY(-.17em)
}

.button {
    font-family: var(--font);
    height: 44px;
    color: var(--button-base-color);
    border-color: var(--button-base-border-color);
    background: var(--button-base-bg-color);
    transition: all .3s
}

.button:focus {
    box-shadow: var(--light-box-shadow)
}

.button.is-long-1 {
    min-width: 7rem
}

.button.is-long-2 {
    min-width: 8rem
}

.button.is-long-3 {
    min-width: 10rem
}

.button.is-big {
    height: 52px
}

.button.is-solid {
    line-height: 1;
    font-size: .9rem
}

.button.is-solid:hover {
    border-color: var(--button-base-border-color-hover);
    color: var(--button-base-color)
}

.button.is-solid:focus, .button.is-solid.raised:hover, .button.is-solid.is-raised {
    border-color: var(--button-base-border-color);
    box-shadow: var(--light-box-shadow)
}

.button.is-bold {
    font-weight: 500
}

.button:not(.is-rounded) {
    border-radius: .75rem
}

.button.is-primary {
    background: var(--button-primary-bg-color);
    border: 1px solid var(--button-primary-border-color);
    color: var(--white);
    line-height: 1;
    font-size: .9rem
}

.button.is-primary:focus, .button.is-primary.raised:hover, .button.is-primary.is-raised {
    border-color: var(--primary);
    box-shadow: var(--primary-box-shadow) !important
}

.button.is-primary.is-outlined {
    border-color: var(--button-primary-border-color);
    color: var(--button-primary-bg-color);
    background: 0 0
}

.button.is-primary.is-outlined:hover {
    background: var(--button-primary-bg-color);
    color: var(--white)
}

.button.is-secondary {
    background: var(--button-secondary-bg-color);
    border: 1px solid var(--button-secondary-border-color);
    color: var(--button-secondary-color);
    line-height: 1;
    font-size: .9rem
}

.button.is-secondary:focus, .button.is-secondary.raised:hover, .button.is-secondary.is-raised {
    border-color: var(--secondary);
    box-shadow: var(--secondary-box-shadow) !important
}

.button.is-secondary.is-outlined {
    border-color: var(--button-secondary-border-color);
    color: var(--button-secondary-bg-color);
    background: 0 0
}

.button.is-secondary.is-outlined:hover {
    background: var(--button-secondary-bg-color);
    color: var(--white)
}

.button.is-info {
    background: var(--button-info-bg-color);
    border: 1px solid var(--button-info-border-color);
    color: var(--button-info-color);
    line-height: 1;
    font-size: .9rem
}

.button.is-info:focus, .button.is-info.raised:hover, .button.is-info.is-raised {
    border-color: var(--info);
    box-shadow: var(--info-box-shadow) !important
}

.button.is-info.is-outlined {
    border-color: var(--button-info-border-color);
    color: var(--button-info-bg-color);
    background: 0 0
}

.button.is-info.is-outlined:hover {
    background: var(--button-info-bg-color);
    color: var(--white)
}

.button.is-success {
    background: var(--button-success-bg-color);
    border: 1px solid var(--button-success-border-color);
    color: var(--button-success-color);
    line-height: 1;
    font-size: .9rem
}

.button.is-success:focus, .button.is-success.raised:hover, .button.is-success.is-raised {
    border-color: var(--success);
    box-shadow: var(--success-box-shadow) !important
}

.button.is-success.is-outlined {
    border-color: var(--button-success-border-color);
    color: var(--button-success-bg-color);
    background: 0 0
}

.button.is-success.is-outlined:hover {
    background: var(--button-success-bg-color);
    color: var(--white)
}

.button.is-warning {
    background: var(--button-warning-bg-color);
    border: 1px solid var(--button-warning-border-color);
    color: var(--button-warning-color);
    line-height: 1;
    font-size: .9rem
}

.button.is-warning:focus, .button.is-warning.raised:hover, .button.is-warning.is-raised {
    border-color: var(--warning);
    box-shadow: var(--warning-box-shadow) !important
}

.button.is-warning.is-outlined {
    border-color: var(--button-warning-border-color);
    color: var(--button-warning-bg-color);
    background: 0 0
}

.button.is-warning.is-outlined:hover {
    background: var(--button-warning-bg-color);
    color: var(--white)
}

.button.is-danger {
    background: var(--button-danger-bg-color);
    border: 1px solid var(--button-danger-border-color);
    color: var(--button-danger-color);
    line-height: 1;
    font-size: .9rem
}

.button.is-danger:focus, .button.is-danger.raised:hover, .button.is-danger.is-raised {
    border-color: var(--danger);
    box-shadow: var(--danger-box-shadow) !important
}

.button.is-danger.is-outlined {
    border-color: var(--button-danger-border-color);
    color: var(--button-danger-bg-color);
    background: 0 0
}

.button.is-danger.is-outlined:hover {
    background: var(--button-danger-bg-color);
    color: var(--white)
}

.button.is-translucid {
    position: relative;
    background: 0 0;
    border: none;
    color: var(--white) !important;
    line-height: 1;
    font-size: .9rem
}

.button.is-translucid:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: .75rem;
    opacity: .2;
    background: var(--white-smoke);
    border: 1px solid var(--white-smoke);
    transition: opacity .3s
}

.button.is-translucid:focus:after {
    border-color: var(--white-smoke)
}

.button.is-translucid:hover:after {
    opacity: .3
}

.icon-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    width: 44px;
    min-width: 44px;
    font-size: .9rem;
    padding: 0;
    border: 1px solid var(--button-base-border-color);
    background: var(--button-base-bg-color);
    transition: all .3s
}

.icon-button .iconify, .icon-button svg, .icon-button path {
    color: var(--title-color)
}

.icon-button.is-rounded {
    border-radius: 50%
}

.icon-button.is-squared {
    border-radius: .25rem
}

.icon-button.is-curved {
    border-radius: .65rem
}

.icon-button.is-primary {
    background: var(--primary);
    border-color: var(--primary)
}

.icon-button.is-primary .iconify, .icon-button.is-primary svg, .icon-button.is-primary path {
    color: var(--white-smoke)
}

.icon-button.is-primary.raised:hover, .icon-button.is-primary.is-raised {
    box-shadow: var(--primary-box-shadow)
}

.icon-button.is-secondary {
    background: var(--secondary);
    border-color: var(--secondary)
}

.icon-button.is-secondary .iconify, .icon-button.is-secondary svg, .icon-button.is-secondary path {
    color: var(--white-smoke)
}

.icon-button.is-secondary.raised:hover, .icon-button.is-secondary.is-raised {
    box-shadow: var(--secondary-box-shadow)
}

.icon-button.is-info {
    background: var(--info);
    border-color: var(--info)
}

.icon-button.is-info .iconify, .icon-button.is-info svg, .icon-button.is-info path {
    color: var(--white-smoke)
}

.icon-button.is-info.raised:hover, .icon-button.is-info.is-raised {
    box-shadow: var(--info-box-shadow)
}

.icon-button.is-success {
    background: var(--success);
    border-color: var(--success)
}

.icon-button.is-success .iconify, .icon-button.is-success svg, .icon-button.is-success path {
    color: var(--white-smoke)
}

.icon-button.is-success.raised:hover, .icon-button.is-success.is-raised {
    box-shadow: var(--success-box-shadow)
}

.icon-button.is-warning {
    background: var(--warning);
    border-color: var(--warning)
}

.icon-button.is-warning .iconify, .icon-button.is-warning svg, .icon-button.is-warning path {
    color: var(--white-smoke)
}

.icon-button.is-warning.raised:hover, .icon-button.is-warning.is-raised {
    box-shadow: var(--warning-box-shadow)
}

.icon-button.is-danger {
    background: var(--danger);
    border-color: var(--danger)
}

.icon-button.is-danger .iconify, .icon-button.is-danger svg, .icon-button.is-danger path {
    color: var(--white-smoke)
}

.icon-button.is-danger.raised:hover, .icon-button.is-danger.is-raised {
    box-shadow: var(--danger-box-shadow)
}

.dropdown {
    text-align: left
}

.dropdown.is-spaced > button {
    background: 0 0;
    border: 1px solid transparent;
    padding: 0;
    margin: 0;
    outline: none;
    cursor: pointer
}

.dropdown.is-spaced > button svg {
    height: 18px;
    width: 18px;
    stroke-width: 1.4px;
    stroke: var(--medium-text);
    color: var(--medium-text)
}

.dropdown.is-spaced .action-icon {
    border-radius: 50%;
    cursor: pointer
}

.dropdown.is-spaced .dropdown-menu {
    box-shadow: var(--light-box-shadow);
    background: var(--dropdown-bg-color);
    border: 1px solid var(--dropdown-border-color);
    padding-top: 0;
    margin-top: 18px;
    min-width: 280px;
    border-radius: 4px
}

.dropdown.is-spaced .dropdown-menu.has-margin {
    margin-top: 10px
}

.dropdown.is-spaced .dropdown-menu .dropdown-content {
    box-shadow: none
}

.dropdown.is-spaced .dropdown-item {
    padding: 0 .5rem;
    cursor: pointer
}

.dropdown.is-spaced .dropdown-item:hover .media {
    background: var(--dropdown-bg-color-hover)
}

.dropdown.is-spaced .dropdown-item.is-selected .checkmark {
    display: block !important
}

.dropdown.is-spaced .dropdown-item.is-header {
    padding: 0 1rem
}

.dropdown.is-spaced .dropdown-item.is-header h5 {
    font-weight: 500;
    margin-bottom: 10px;
    color: var(--medium-text)
}

.dropdown.is-spaced .dropdown-item.is-header h5.is-narrow {
    margin-bottom: 0
}

.dropdown.is-spaced .dropdown-item.is-header span {
    display: block;
    color: var(--light-text);
    font-size: .85rem;
    margin-bottom: 10px
}

.dropdown.is-spaced .dropdown-item .media {
    align-items: center;
    padding: .5rem 0;
    border-radius: 5px
}

.dropdown.is-spaced .dropdown-item .media h3 {
    font-weight: 500;
    margin-bottom: 0;
    font-size: .85rem;
    line-height: 1;
    transition: all .3s
}

.dropdown.is-spaced .dropdown-item .media small, .dropdown.is-spaced .dropdown-item .media span {
    display: block;
    color: var(--medium-text);
    font-size: .75rem
}

.dropdown.is-spaced .dropdown-item .media img {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 20px
}

.dropdown.is-spaced .dropdown-item .media i {
    font-size: 16px;
    margin-right: 22px;
    color: var(--medium-text);
    transition: all .3s
}

.dropdown.is-spaced .dropdown-item .media svg {
    height: 18px;
    width: 18px;
    margin: 0 12px;
    stroke: var(--medium-text);
    stroke-width: 1.4px;
    transition: all .3s
}

.dropdown.is-spaced .dropdown-item .media .checkmark {
    display: none
}

.dropdown.is-spaced .dropdown-item .media .checkmark svg {
    margin-right: 0;
    margin-left: auto
}

.dropdown.is-spaced .dropdown-item.is-title {
    background-color: transparent;
    margin-bottom: 10px
}

.dropdown.is-spaced .dropdown-item.is-active {
    background: var(--dropdown-bg-color-hover)
}

.dropdown.is-spaced .dropdown-item.is-active i, .dropdown.is-spaced .dropdown-item.is-active small {
    color: var(--title-color)
}

.dropdown.is-spaced .dropdown-item:hover {
    background: var(--dropdown-bg-color-hover)
}

.dropdown.is-spaced .dropdown-item:hover h3, .dropdown.is-spaced .dropdown-item:hover i {
    color: var(--secondary)
}

.dropdown.is-spaced.is-accent .dropdown-item:hover {
    background: var(--dropdown-bg-color-hover)
}

.dropdown.is-spaced.is-accent .dropdown-item:hover h3 {
    color: var(--accent) !important
}

.dropdown.is-spaced.is-accent .dropdown-item:hover svg {
    stroke: var(--accent) !important
}

.dropdown-wrap {
    position: relative;
    text-align: left
}

.dropdown-wrap.is-active .drop-menu {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0)
}

.dropdown-wrap.is-right .drop-menu {
    left: unset !important;
    right: -12px
}

.dropdown-wrap.is-right .drop-menu:after, .dropdown-wrap.is-right .drop-menu:before {
    left: 90%
}

.dropdown-wrap.is-up .drop-menu {
    bottom: 60px;
    top: unset !important;
    transform: translateY(-5px)
}

.dropdown-wrap.is-up .drop-menu:after, .dropdown-wrap.is-up .drop-menu:before {
    top: 100%;
    bottom: unset !important
}

.dropdown-wrap.is-up .drop-menu:after {
    border-color: #fff0;
    border-top-color: var(--dropdown-bg-color);
    border-width: 11px;
    margin-left: -11px
}

.dropdown-wrap.is-up .drop-menu:before {
    border-color: #ededed00;
    border-top-color: var(--dropdown-border-color);
    border-width: 12px;
    margin-left: -12px
}

.dropdown-wrap:hover .dropdown-button:not(.has-image) {
    background: var(--wrap-bg-color);
    border-color: var(--wrap-border-color);
    box-shadow: var(--light-box-shadow)
}

.dropdown-wrap:hover .dropdown-button:not(.has-image) svg {
    stroke: var(--title-color);
    color: var(--title-color)
}

.dropdown-wrap .dropdown-button {
    height: 36px;
    width: 36px;
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 50%;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s
}

.dropdown-wrap .dropdown-button.is-reset {
    border-radius: 0;
    border: none
}

.dropdown-wrap .dropdown-button.is-reset:hover {
    background: var(--wrap-muted-color)
}

.dropdown-wrap .dropdown-button.has-image {
    display: block;
    height: 40px;
    width: 40px;
    min-width: 40px;
    padding: 0;
    margin-left: 10px
}

.dropdown-wrap .dropdown-button.has-image img {
    display: block;
    height: 40px;
    width: 40px;
    min-width: 40px;
    border-radius: 50%;
    pointer-events: none
}

.dropdown-wrap .dropdown-button svg {
    height: 22px;
    width: 22px;
    stroke: var(--medium-text);
    color: var(--medium-text);
    stroke-width: 1.4px;
    transition: stroke .3s;
    pointer-events: none
}

.dropdown-wrap .indicator {
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: var(--secondary);
    z-index: 2
}

.dropdown-wrap .drop-menu {
    position: absolute;
    top: 58px;
    left: 0;
    background: var(--dropdown-bg-color);
    width: 300px;
    border: 1px solid var(--dropdown-border-color);
    border-radius: .65rem;
    opacity: 0;
    transform: translateY(5px);
    box-shadow: var(--light-box-shadow);
    pointer-events: none;
    transition: all .3s;
    z-index: 5
}

.dropdown-wrap .drop-menu:after, .dropdown-wrap .drop-menu:before {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.dropdown-wrap .drop-menu:after {
    border-color: #fff0;
    border-bottom-color: var(--dropdown-bg-color);
    border-width: 11px;
    margin-left: -11px
}

.dropdown-wrap .drop-menu:before {
    border-color: #ededed00;
    border-bottom-color: var(--dropdown-border-color);
    border-width: 12px;
    margin-left: -12px
}

.dropdown-wrap .drop-menu .menu-inner {
    position: relative;
    height: 100%;
    width: 100%
}

.dropdown-wrap .drop-menu .menu-inner .menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 16px 0
}

.dropdown-wrap .drop-menu .menu-inner .menu-header h3 {
    font-family: var(--font-alt);
    font-size: .85rem;
    font-weight: 600;
    color: var(--title-color)
}

.dropdown-wrap .drop-menu .menu-inner .menu-header a {
    font-family: var(--font);
    font-size: .85rem;
    font-weight: 600;
    color: var(--primary)
}

.dropdown-wrap .drop-menu .menu-inner .avatar {
    display: block;
    height: 36px;
    width: 36px;
    min-width: 36px;
    border-radius: 50%
}

.dropdown-wrap .drop-menu .menu-inner .avatar.is-fake {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--font);
    color: var(--wrap-muted-color);
    font-weight: 700;
    font-size: .75rem
}

.dropdown-wrap .drop-menu .menu-inner .avatar.is-fake.is-primary {
    background: var(--primary)
}

.dropdown-wrap .drop-menu .menu-inner .avatar.is-fake.is-secondary {
    background: var(--secondary)
}

.dropdown-wrap .drop-menu .menu-inner .avatar.is-fake.is-orange {
    background: var(--warning)
}

.dropdown-wrap .drop-menu .menu-inner .avatar.is-fake.is-green {
    background: var(--success)
}

.dropdown-wrap .drop-menu .menu-inner .avatar.is-list-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--dropdown-border-color);
    box-shadow: var(--light-box-shadow)
}

.dropdown-wrap .drop-menu .menu-inner .avatar.is-list-icon svg {
    height: 18px;
    width: 18px;
    stroke-width: 1.6px;
    stroke: var(--secondary-light-20);
    color: var(--secondary-light-20)
}

.menu-inner .message-items {
    padding: 10px 0
}

.menu-inner .message-items .message-item {
    display: flex;
    padding: 10px 16px;
    border-bottom: 1px solid var(--wrap-border-color);
    cursor: pointer
}

.menu-inner .message-items .message-item.is-read {
    opacity: .6
}

.menu-inner .message-items .message-item:hover {
    background: var(--dropdown-bg-color-hover)
}

.menu-inner .message-items .message-item:last-child {
    border-bottom: none
}

.menu-inner .message-items .message-item .message-content {
    margin-left: 14px
}

.menu-inner .message-items .message-item .message-content p {
    font-family: var(--font);
    color: var(--medium-text);
    font-size: .8rem;
    line-height: 1.2
}

.menu-inner .message-items .message-item .message-content small {
    font-family: var(--font);
    font-size: .8rem;
    color: var(--light-text)
}

.menu-inner .notification-items {
    padding: 10px 0
}

.menu-inner .notification-items .notification-item {
    display: flex;
    padding: 10px 16px;
    border-bottom: 1px solid var(--dropdown-border-color)
}

.menu-inner .notification-items .notification-item.is-warning .avatar svg {
    stroke: var(--warning);
    color: var(--warning)
}

.menu-inner .notification-items .notification-item.is-warning .notification-content p a {
    color: var(--warning)
}

.menu-inner .notification-items .notification-item:last-child {
    border-bottom: none
}

.menu-inner .notification-items .notification-item .notification-content {
    margin-left: 14px
}

.menu-inner .notification-items .notification-item .notification-content p {
    font-family: var(--font);
    font-size: .8rem;
    color: var(--medium-text);
    line-height: 1.2
}

.menu-inner .notification-items .notification-item .notification-content p a {
    font-weight: 500;
    color: var(--secondary-light-12)
}

.menu-inner .notification-items .notification-item .notification-content p a:hover {
    text-decoration: underline
}

.menu-inner .notification-items .notification-item .notification-content small {
    font-family: var(--font);
    font-size: .8rem;
    color: var(--light-text)
}

.menu-inner .options-items {
    padding: 10px 0
}

.menu-inner .options-items .options-item {
    display: flex;
    align-items: center;
    padding: .75rem 1rem;
    margin: 0 .5rem;
    border-radius: .65rem
}

.menu-inner .options-items .options-item:hover {
    background: var(--dropdown-bg-color-hover)
}

.menu-inner .options-items .options-item:hover svg {
    stroke: var(--secondary-light-8);
    color: var(--secondary-light-8)
}

.menu-inner .options-items .options-item svg {
    height: 20px;
    width: 20px;
    stroke-width: 1.4px;
    stroke: var(--light-text);
    color: var(--light-text);
    transition: stroke .3s
}

.menu-inner .options-items .options-item .option-content {
    margin-left: 12px
}

.menu-inner .options-items .options-item .option-content span {
    display: block;
    line-height: 1.2
}

.menu-inner .options-items .options-item .option-content span:first-child {
    font-family: var(--font-alt);
    font-size: .75rem;
    font-weight: 600;
    color: var(--title-color)
}

.menu-inner .options-items .options-item .option-content span:nth-child(2) {
    font-family: var(--font);
    font-size: .8rem;
    color: var(--light-text)
}

@media (max-width: 767px) {
    .dashboard-nav .dropdown-wrap .drop-menu {
        left: 0 !important;
        right: 0 !important;
        margin: 0 auto;
        position: fixed;
        top: 77px
    }

    .dashboard-nav .dropdown-wrap .drop-menu:before, .dashboard-nav .dropdown-wrap .drop-menu:after {
        left: 50% !important
    }
}

.card {
    background: var(--card-bg-color);
    box-shadow: none;
    border: 1px solid var(--card-border-color)
}

.card .card-footer .card-footer-item {
    color: var(--medium-text);
    transition: all .3s
}

.card .card-footer .card-footer-item:hover {
    color: var(--primary);
    background: var(--wrap-muted-color)
}

.card.has-shadow {
    box-shadow: var(--light-box-shadow)
}

.box {
    background: var(--card-bg-color);
    box-shadow: var(--light-box-shadow);
    border: 1px solid var(--card-border-color)
}

.tempest-card {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color)
}

.flex-table.is-compact .flex-table-item {
    margin-bottom: 0;
    border-radius: 0
}

.flex-table.is-compact .flex-table-item:not(:last-child) {
    border-bottom: none
}

.flex-table.is-compact .flex-table-item:nth-child(2) {
    border-radius: 8px 8px 0 0
}

.flex-table.is-compact .flex-table-item:last-child {
    margin-bottom: 6px;
    border-radius: 0 0 8px 8px
}

.flex-table .flex-table-header {
    display: flex;
    align-items: center;
    padding: 0 10px
}

.flex-table .flex-table-header span {
    flex: 1 1 0px;
    display: flex;
    align-items: center;
    font-size: .8rem;
    font-weight: 600;
    color: var(--light-text);
    text-transform: uppercase;
    padding: 0 10px 10px
}

.flex-table .flex-table-header span.is-checkbox {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    max-width: 30px
}

.flex-table .flex-table-header span.is-checkbox .checkbox {
    padding: 0
}

.flex-table .flex-table-header span.is-checkbox .checkbox > span {
    height: 22px
}

.flex-table .flex-table-header span.cell-center {
    justify-content: center
}

.flex-table .flex-table-header span.cell-end {
    justify-content: flex-end
}

.flex-table .flex-table-header span.is-grow {
    flex-grow: 2
}

.flex-table .flex-table-header span.is-grow-md {
    flex-grow: 3
}

.flex-table .flex-table-header span.is-grow-lg {
    flex-grow: 4
}

.flex-table .flex-table-item {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-height: 60px;
    background: var(--white);
    border-radius: 8px;
    border: 1px solid var(--card-border-color);
    padding: 1rem;
    margin-bottom: 6px
}

.flex-table .flex-table-item.is-row {
    border: none;
    background: 0 0
}

.flex-table .flex-table-item .flex-table-cell {
    flex: 1 1 0px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    font-family: var(--font)
}

.flex-table .flex-table-item .flex-table-cell.is-grow {
    flex-grow: 2
}

.flex-table .flex-table-item .flex-table-cell.is-grow-md {
    flex-grow: 3
}

.flex-table .flex-table-item .flex-table-cell.is-grow-lg {
    flex-grow: 4
}

.flex-table .flex-table-item .flex-table-cell.cell-center {
    justify-content: center
}

.flex-table .flex-table-item .flex-table-cell.cell-end {
    justify-content: flex-end
}

.flex-table .flex-table-item .flex-table-cell.cell-end .button.has-dot .dot {
    position: relative;
    top: 1px;
    font-size: 4px;
    margin: 0 6px
}

.flex-table .flex-table-item .flex-table-cell.cell-end .action-link {
    font-size: .9rem
}

.flex-table .flex-table-item .flex-table-cell.is-bold > span {
    font-family: var(--font-alt);
    font-size: .9rem;
    font-weight: 600
}

.flex-table .flex-table-item .flex-table-cell.is-checkbox {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    max-width: 30px
}

.flex-table .flex-table-item .flex-table-cell.is-checkbox .checkbox {
    padding: 0;
    margin-left: 4px
}

.flex-table .flex-table-item .flex-table-cell.is-user, .flex-table .flex-table-item .flex-table-cell.is-media {
    padding-left: 0
}

.flex-table .flex-table-item .flex-table-cell.is-user.is-grow, .flex-table .flex-table-item .flex-table-cell.is-media.is-grow {
    flex-grow: 2
}

.flex-table .flex-table-item .flex-table-cell.is-user.is-grow-md, .flex-table .flex-table-item .flex-table-cell.is-media.is-grow-md {
    flex-grow: 3
}

.flex-table .flex-table-item .flex-table-cell.is-user.is-grow-lg, .flex-table .flex-table-item .flex-table-cell.is-media.is-grow-lg {
    flex-grow: 4
}

.flex-table .flex-table-item .flex-table-cell.is-user > div span:not(.avatar), .flex-table .flex-table-item .flex-table-cell.is-media > div span:not(.avatar) {
    display: block;
    margin-left: 10px
}

.flex-table .flex-table-item .flex-table-cell.is-user > div, .flex-table .flex-table-item .flex-table-cell.is-media > div {
    line-height: 1.2
}

.flex-table .flex-table-item .flex-table-cell.is-user > div .item-name, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-name {
    font-family: var(--font-alt);
    font-size: .9rem;
    font-weight: 600;
    color: var(--dark-text)
}

.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta {
    color: var(--light-text)
}

.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta svg, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta svg {
    position: relative;
    top: 2px;
    height: 14px;
    width: 14px;
    stroke-width: 1.6px;
    margin-right: 4px
}

.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta span, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta span {
    display: inline-block;
    margin-left: 0;
    font-size: .9rem
}

.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta .flex-media, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta .flex-media {
    margin-left: 10px;
    margin-top: 4px
}

.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta .separator, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta .separator {
    padding: 0 8px
}

.flex-table .flex-table-item .flex-table-cell.is-user .media, .flex-table .flex-table-item .flex-table-cell.is-media .media {
    display: block;
    width: 100%;
    max-width: 130px;
    min-height: 95px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px
}

.flex-table .flex-table-item .flex-table-cell.is-user .cell-image, .flex-table .flex-table-item .flex-table-cell.is-media .cell-image {
    display: block;
    width: 100%;
    max-width: 80px
}

.flex-table .flex-table-item .flex-table-cell.is-user .cell-image.is-mini, .flex-table .flex-table-item .flex-table-cell.is-media .cell-image.is-mini {
    max-width: 40px
}

.flex-table .flex-table-item .flex-table-cell .cell-icon {
    margin-right: 4px;
    color: var(--light-text)
}

.flex-table .flex-table-item .flex-table-cell .tag {
    margin-bottom: 0 !important;
    line-height: 1.8;
    height: 1.8em
}

.flex-table .flex-table-item .flex-table-cell .flex-media {
    display: flex;
    align-items: center
}

.flex-table .flex-table-item .flex-table-cell .flex-media .meta {
    margin-left: 6px;
    line-height: 1.3
}

.flex-table .flex-table-item .flex-table-cell .flex-media .meta span {
    display: block !important;
    font-size: .8rem;
    color: var(--light-text);
    font-family: var(--font)
}

.flex-table .flex-table-item .flex-table-cell .dot-levels {
    display: flex;
    align-items: center
}

.flex-table .flex-table-item .flex-table-cell .dot-levels .dot {
    font-size: 8px;
    color: var(--wrap-bg-color);
    margin: 0 6px
}

.flex-table .flex-table-item .flex-table-cell .dot-levels .dot.active {
    color: var(--primary)
}

.flex-table .flex-table-item .flex-table-cell > span:not(.tag) {
    font-family: var(--font);
    font-size: .95rem
}

@media (max-width: 767px) {
    .flex-table-wrapper .flex-table-toolbar {
        margin-bottom: 10px
    }

    .flex-table-wrapper .flex-table-toolbar .left {
        flex-grow: 2
    }

    .flex-table-wrapper .flex-table-toolbar .right, .flex-table-wrapper .flex-table .flex-table-header .is-checkbox {
        display: none
    }

    .flex-table-wrapper .flex-table .flex-table-item {
        padding-left: 0;
        padding-right: 0
    }

    .flex-table-wrapper .flex-table .flex-table-item .is-checkbox, .flex-table .flex-table-header {
        display: none
    }

    .flex-table .flex-table-cell {
        position: relative;
        margin-bottom: 12px
    }

    .flex-table .flex-table-cell:before {
        content: attr(data-th);
        font-size: .9rem;
        text-transform: uppercase;
        font-weight: 500;
        color: var(--medium-text)
    }

    .flex-table .flex-table-cell.no-label-mobile:before {
        display: none !important
    }

    .flex-table .flex-table-cell.cell-end {
        justify-content: flex-start !important
    }

    .flex-table .flex-table-cell.cell-end .btn-group {
        margin-left: auto
    }

    .flex-table .flex-table-cell.is-user span {
        font-size: 1.2rem
    }

    .flex-table .flex-table-cell > span, .flex-table .flex-table-cell > .is-pushed-mobile {
        margin-left: auto
    }

    .flex-table .flex-table-cell > span.no-push, .flex-table .flex-table-cell > .is-pushed-mobile.no-push {
        margin-left: 0 !important
    }

    .flex-table .flex-table-item {
        flex-direction: column;
        justify-content: center;
        width: 100% !important;
        padding: 20px;
        margin-bottom: 16px
    }

    .flex-table .flex-table-item:last-child {
        margin-bottom: 0
    }

    .flex-table .flex-table-item > div {
        border: none !important
    }

    .pagination-next.has-chevron, .pagination-previous.has-chevron {
        min-width: 55px;
        max-width: 55px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .flex-table .flex-table-cell.is-user img {
        min-width: 50px
    }

    .pagination-next.has-chevron, .pagination-previous.has-chevron {
        min-width: 55px;
        max-width: 55px
    }

    .pagination-next {
        margin-right: auto
    }
}

.object-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important
}

.object-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important
}

.stick-img {
    min-height: 25rem;
    -o-object-fit: cover;
    object-fit: cover
}

.gallery.gap-sm .columns .column {
    padding: .5rem
}

.gallery.gap-xs .columns .column {
    padding: .25rem
}

.image-grid-wrap {
    padding: 6px 0
}

.image-grid-wrap .flex-1 {
    flex: 1
}

.image-grid-wrap .flex-2 {
    flex: 2
}

.image-grid-wrap .flex-3 {
    flex: 3
}

.image-grid-wrap .image-row {
    display: flex
}

.image-grid-wrap .image-row > div {
    position: relative;
    margin: 4px;
    height: 280px;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    cursor: pointer
}

.image-grid-wrap .image-row > div:hover .overlay {
    opacity: .6;
    pointer-events: all
}

.image-grid-wrap .image-row > div:hover .image-owner .avatar {
    transform: scale(1)
}

.image-grid-wrap .image-row > div:hover .image-owner .name {
    transform: translateY(0);
    opacity: 1
}

.image-grid-wrap .image-row > div:hover .photo-time {
    transform: translateY(0);
    opacity: 1 !important
}

.image-grid-wrap .image-row > div:hover .photo-like {
    transform: scale(1)
}

.image-grid-wrap .image-row > div .overlay {
    position: absolute;
    top: -4px;
    left: -4px;
    height: 100%;
    width: 100%;
    margin: 4px;
    background: var(--dark-text);
    opacity: 0;
    pointer-events: none;
    z-index: 1;
    transition: all .3s
}

.image-grid-wrap .image-row > div .image-owner {
    position: absolute;
    bottom: 14px;
    left: 14px;
    max-height: 40px;
    display: flex;
    align-items: center;
    z-index: 2
}

.image-grid-wrap .image-row > div .image-owner .avatar {
    display: block;
    height: 38px;
    width: 38px;
    border-radius: 50%;
    border: 1.4px solid var(--white);
    transform: scale(0);
    transition: all .3s
}

.image-grid-wrap .image-row > div .image-owner .name {
    color: var(--white);
    font-family: var(--font);
    font-size: .9rem;
    margin-left: 8px;
    opacity: 0;
    transform: translateY(5px);
    transition: all .3s
}

.image-grid-wrap .image-row > div .photo-time {
    position: absolute;
    top: 20px;
    left: 14px;
    color: var(--white);
    font-family: var(--font);
    font-size: .85rem;
    margin-left: 8px;
    opacity: 0;
    transform: translateY(5px);
    z-index: 2;
    transition: all .3s
}

.image-grid-wrap .image-row > div .photo-like {
    position: absolute;
    top: 14px;
    right: 14px;
    height: 38px;
    width: 38px;
    border-radius: 50%;
    background: var(--white);
    z-index: 2;
    transform: scale(0);
    transition: all .3s
}

.image-grid-wrap .image-row > div .photo-like:hover .inner svg {
    stroke: var(--danger)
}

.image-grid-wrap .image-row > div .photo-like.is-liked {
    box-shadow: var(--danger-box-shadow)
}

.image-grid-wrap .image-row > div .photo-like.is-liked .inner .like-overlay {
    transform: scale(1)
}

.image-grid-wrap .image-row > div .photo-like.is-liked .inner svg {
    stroke: var(--white);
    fill: var(--white)
}

.image-grid-wrap .image-row > div .photo-like .inner {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden
}

.image-grid-wrap .image-row > div .photo-like .inner .like-overlay {
    position: absolute;
    top: -2px;
    left: -2px;
    height: calc(100% + 4px);
    width: calc(100% + 4px);
    border-radius: 50%;
    background: var(--danger);
    transform: scale(0);
    transition: all .3s;
    z-index: 1
}

.image-grid-wrap .image-row > div .photo-like .inner svg {
    position: relative;
    height: 16px;
    width: 16px;
    stroke: var(--dark-text);
    z-index: 2;
    transition: all .3s
}

@media (max-width: 767px) {
    .image-grid-wrap .image-row > div {
        min-height: 280px
    }
}

@media screen and (max-width: 400px) {
    .image-row {
        flex-direction: column
    }
}

.parent {
    display: grid;
    min-height: 100vh;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-template-rows: repeat(auto-fit, minmax(200px, 1fr));
    grid-auto-rows: 200px;
    grid-auto-flow: row dense;
    grid-gap: 10px;
    padding: 10px;
    box-sizing: border-box
}

.parent .gray {
    background-color: #0000001a
}

.parent .tomato {
    background-color: tomato
}

.parent .orange {
    background-color: orange
}

.parent .dodgerBlue {
    background-color: #1e90ff
}

.parent .mediumSeaGreen {
    background-color: #3cb371
}

.parent .gray {
    background-color: gray
}

.parent .slateBlue {
    background-color: #6a5acd
}

.parent .violet {
    background-color: violet
}

.parent .block {
    border-radius: 5px;
    padding: 15px;
    font-size: 28px;
    font-weight: 600;
    color: var(--white);
    margin-bottom: 0 !important
}

.parent .block.frame-1x1 {
    grid-column: span 1;
    grid-row: span 1
}

.parent .block.frame-2x2 {
    grid-column: span 2;
    grid-row: span 2
}

.parent .block.frame-1x2 {
    grid-column: span 1;
    grid-row: span 2
}

.parent .block.frame-2x1 {
    grid-column: span 2;
    grid-row: span 1
}

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

.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%;
    max-width: 840px
}

.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%;
    max-width: 840px
}

.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--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 (max-width: 767px) {
    .video-player-container.is-square {
        height: 303px;
        width: 330px
    }
}

.tag:not(body) {
    display: inline-block;
    line-height: 2.5;
    height: 2.5em;
    font-family: var(--font)
}

.tag:not(body):not(.is-primary):not(.is-secondary):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger):not(.is-green):not(.is-blue):not(.is-orange):not(.is-purple):not(.is-solid) {
    background: var(--tag-default-bg-color);
    color: var(--tag-default-color)
}

.tag:not(body).is-uppercase {
    text-transform: uppercase;
    font-size: .65rem;
    font-weight: 500
}

.tag:not(body).is-rounded {
    padding-left: 1em;
    padding-right: 1em
}

.tag:not(body).is-curved {
    padding-left: 1em;
    padding-right: 1em;
    border-radius: .5rem
}

.tag:not(body).is-elevated {
    box-shadow: var(--light-box-shadow)
}

.tag:not(body).is-default {
    background: var(--tag-default-bg-color);
    box-shadow: var(--light-box-shadow);
    color: var(--tag-default-color)
}

.tag:not(body).is-solid {
    background: var(--tag-solid-bg-color);
    border: 1px solid var(--tag-solid-border-color);
    color: var(--light-text)
}

.tag:not(body).is-primary {
    color: var(--white) !important
}

.tag:not(body).is-primary.is-light {
    background-color: var(--tag-primary-light-bg-color);
    color: var(--tag-primary-light-color)
}

.tag:not(body).is-primary.is-elevated {
    box-shadow: var(--primary-box-shadow)
}

.tag:not(body).is-primary.is-outlined {
    background: 0 0 !important;
    color: var(--primary);
    border: 1px solid var(--primary)
}

.tag:not(body).is-secondary {
    color: var(--white);
    background: var(--secondary)
}

.tag:not(body).is-secondary.is-light {
    background-color: var(--tag-secondary-light-bg-color);
    color: var(--tag-secondary-light-color)
}

.tag:not(body).is-secondary.is-elevated {
    box-shadow: var(--secondary-box-shadow)
}

.tag:not(body).is-secondary.is-outlined {
    background: 0 0 !important;
    color: var(--secondary);
    border: 1px solid var(--secondary)
}

.tag:not(body).is-success {
    color: var(--white)
}

.tag:not(body).is-success.is-light {
    background-color: var(--tag-success-light-bg-color);
    color: var(--tag-success-light-color)
}

.tag:not(body).is-success.is-elevated {
    box-shadow: var(--success-box-shadow)
}

.tag:not(body).is-success.is-outlined {
    background: 0 0 !important;
    color: var(--success);
    border: 1px solid var(--success)
}

.tag:not(body).is-info.is-light {
    background-color: var(--tag-info-light-bg-color);
    color: var(--tag-info-light-color)
}

.tag:not(body).is-info.is-elevated {
    box-shadow: var(--info-box-shadow)
}

.tag:not(body).is-info.is-outlined {
    background: 0 0 !important;
    color: var(--info);
    border: 1px solid var(--info)
}

.tag:not(body).is-warning.is-light {
    background-color: var(--tag-warning-light-bg-color);
    color: var(--tag-warning-light-color)
}

.tag:not(body).is-warning.is-elevated {
    box-shadow: var(--warning-box-shadow)
}

.tag:not(body).is-warning.is-outlined {
    background: 0 0 !important;
    color: var(--warning);
    border: 1px solid var(--warning)
}

.tag:not(body).is-danger.is-light {
    background-color: var(--tag-danger-light-bg-color);
    color: var(--tag-danger-light-color)
}

.tag:not(body).is-danger.is-elevated {
    box-shadow: var(--danger-box-shadow)
}

.tag:not(body).is-danger.is-outlined {
    background: 0 0 !important;
    color: var(--danger);
    border: 1px solid var(--danger)
}

.tag:not(body).is-blue {
    background: var(--blue);
    color: var(--white)
}

.tag:not(body).is-blue.is-light {
    background-color: var(--tag-blue-light-bg-color);
    color: var(--tag-blue-light-color)
}

.tag:not(body).is-blue.is-elevated {
    box-shadow: var(--blue-box-shadow)
}

.tag:not(body).is-blue.is-outlined {
    background: 0 0 !important;
    color: var(--blue);
    border: 1px solid var(--blue)
}

.tag:not(body).is-green {
    background: var(--green);
    color: var(--white)
}

.tag:not(body).is-green.is-light {
    background-color: var(--tag-green-light-bg-color);
    color: var(--tag-green-light-color)
}

.tag:not(body).is-green.is-elevated {
    box-shadow: var(--green-box-shadow)
}

.tag:not(body).is-green.is-outlined {
    background: 0 0 !important;
    color: var(--green);
    border: 1px solid var(--green)
}

.tag:not(body).is-purple {
    background: var(--purple);
    color: var(--white)
}

.tag:not(body).is-purple.is-light {
    background-color: var(--tag-purple-light-bg-color);
    color: var(--tag-purple-light-color)
}

.tag:not(body).is-purple.is-elevated {
    box-shadow: var(--purple-box-shadow)
}

.tag:not(body).is-purple.is-outlined {
    background: 0 0 !important;
    color: var(--purple);
    border: 1px solid var(--purple)
}

.tag:not(body).is-orange {
    background: var(--orange);
    color: var(--white)
}

.tag:not(body).is-orange.is-light {
    background-color: var(--tag-orange-light-bg-color);
    color: var(--tag-orange-light-color)
}

.tag:not(body).is-orange.is-elevated {
    box-shadow: var(--orange-box-shadow)
}

.tag:not(body).is-orange.is-outlined {
    background: 0 0 !important;
    color: var(--orange);
    border: 1px solid var(--orange)
}

.pricing-table .pricing-plan {
    background: var(--card-bg-color);
    border: 1px solid var(--card-border-color);
    box-shadow: none
}

.pricing-table .pricing-plan.is-active {
    box-shadow: var(--light-box-shadow) !important;
    border: 1px solid var(--primary) !important
}

.pricing-table .pricing-plan .plan-header {
    font-family: var(--font-alt);
    color: var(--dark-text)
}

.pricing-table .pricing-plan .plan-price, .pricing-table .pricing-plan .plan-items {
    font-family: var(--font)
}

.pricing-table .pricing-plan .plan-price .plan-item, .pricing-table .pricing-plan .plan-items .plan-item {
    background: var(--widget-grey)
}

@media only screen and (max-width: 767px) {
    .pricing-table .pricing-plan {
        width: 100%;
        border: 1px solid var(--card-border-color) !important
    }
}

.mapbox-hero {
    position: relative
}

.mapbox-hero .hero-map {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0
}

.mapbox-map.map-1 {
    width: 100%;
    height: 100%;
    max-height: 450px
}

.mapbox-map.map-1 canvas {
    height: 100% !important
}

.mapboxgl-ctrl-bottom-right {
    display: none !important
}

.mapbox-form {
    display: block;
    padding: 40px;
    border: 1px solid var(--card-border-color);
    background: var(--card-bg-color);
    box-shadow: var(--light-box-shadow);
    border-radius: 6px;
    width: 100%;
    max-width: 410px;
    margin: 0 auto;
    text-align: left
}

.mapbox-form.is-pushed-right {
    margin-left: 0
}

.mapbox-form > h3 {
    font-family: var(--font-alt);
    font-size: 1.4rem;
    color: var(--dark-text)
}

.mapbox-form > p {
    color: var(--medium-text);
    margin-bottom: 2rem
}

.mapbox-form .column {
    padding: .5rem
}

.mapbox-form .field > label {
    font-size: .95rem
}

.mapbox-form .field .control .input, .mapbox-form .field .control .textarea {
    font-size: 1.1rem
}

.mapbox-form .field .control .icon {
    height: 46px;
    width: 46px
}

.accordion .accordion-item {
    border-bottom: 1px solid var(--wrap-border-color)
}

.accordion .accordion-item button[aria-expanded=true] {
    border-bottom: 1px solid var(--primary)
}

.accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em 0;
    color: var(--medium-text);
    font-size: 1rem;
    font-weight: 400;
    border: none;
    background: 0 0;
    outline: none
}

.accordion button:hover, .accordion button:focus {
    cursor: pointer;
    color: var(--primary)
}

.accordion button:hover .accordion-title, .accordion button:focus .accordion-title {
    color: var(--primary)
}

.accordion button:hover:after, .accordion button:focus:after {
    cursor: pointer;
    color: var(--primary);
    border: 1px solid var(--primary)
}

.accordion button .accordion-title {
    font-family: var(--font-alt);
    color: var(--title-color);
    padding: 1em 1.5em 1em 0
}

.accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 0;
    width: 22px;
    height: 22px;
    border: 1px solid var(--wrap-border-color);
    border-radius: 22px;
    color: var(--light-text);
    transition: transform .3s
}

.accordion button .icon:before {
    display: block;
    position: absolute;
    content: "";
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor
}

.accordion button .icon:after {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor
}

.accordion button[aria-expanded=true] {
    color: var(--primary)
}

.accordion button[aria-expanded=true] .icon {
    transform: rotate(45deg)
}

.accordion button[aria-expanded=true] + .accordion-content {
    opacity: 1;
    max-height: 30em;
    transition: all .2s linear;
    will-change: opacity, max-height
}

.accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity .2s linear, max-height .2s linear;
    will-change: opacity, max-height
}

.accordion .accordion-content p {
    font-family: var(--font);
    font-size: 1rem;
    font-weight: 300;
    color: var(--light-text);
    margin: 2em 0
}

.accordion .accordion-content p a {
    color: var(--primary)
}

.accordion .accordion-content p a:hover {
    text-decoration: underline
}

.avatar {
    position: relative;
    display: block;
    height: 52px;
    width: 52px;
    min-width: 52px;
    font-size: .8rem;
    border-radius: 50%
}

.avatar > img {
    display: block;
    width: 100%;
    border-radius: 50%
}

.avatar .badge {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 22px;
    width: 22px;
    border: 2px solid var(--sidebar-default-bg-color);
    border-radius: 50%;
    background: var(--primary);
    display: flex;
    justify-content: center;
    align-items: center
}

.avatar .badge > img {
    display: block;
    width: 100%
}

.avatar .badge svg {
    height: 10px;
    width: 10px;
    stroke: var(--white);
    color: var(--white);
    stroke-width: 3px
}

.avatar.is-xxs {
    height: 32px;
    width: 32px;
    min-width: 32px
}

.avatar.is-xs {
    height: 40px;
    width: 40px;
    min-width: 40px
}

.avatar.is-sm {
    height: 48px;
    width: 48px;
    min-width: 48px
}

.avatar.is-lg {
    height: 70px;
    width: 70px;
    min-width: 70px
}

.avatar.is-fake {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-family: var(--font);
    font-size: 1rem;
    color: var(--wrap-muted-color)
}

.avatar.is-fake.is-primary {
    background: var(--primary)
}

.avatar.is-fake.is-secondary {
    background: var(--secondary)
}

.avatar.is-fake.is-orange {
    background: var(--warning)
}

.avatar.is-fake.is-green {
    background: var(--success)
}

.avatar.is-fake.is-count {
    background: var(--wrap-muted-color);
    color: var(--title-color)
}

.avatar.is-fake.is-count span {
    position: relative;
    left: -2px
}

.avatar.is-fake.is-count.is-xxs span {
    font-size: .8rem
}

.avatar.is-reset {
    border-radius: 0 !important
}

.avatar.is-reset > img {
    border-radius: 0 !important
}

.avatar-group, .avatars {
    display: flex;
    align-items: center
}

.avatar-group .avatar, .avatars .avatar {
    border: 4px solid var(--card-bg-color)
}

.avatar-group .avatar:not(:first-child):nth-child(1), .avatars .avatar:not(:first-child):nth-child(1) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(2), .avatars .avatar:not(:first-child):nth-child(2) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(3), .avatars .avatar:not(:first-child):nth-child(3) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(4), .avatars .avatar:not(:first-child):nth-child(4) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(5), .avatars .avatar:not(:first-child):nth-child(5) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(6), .avatars .avatar:not(:first-child):nth-child(6) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(7), .avatars .avatar:not(:first-child):nth-child(7) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(8), .avatars .avatar:not(:first-child):nth-child(8) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(9), .avatars .avatar:not(:first-child):nth-child(9) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(10), .avatars .avatar:not(:first-child):nth-child(10) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(11), .avatars .avatar:not(:first-child):nth-child(11) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(12), .avatars .avatar:not(:first-child):nth-child(12) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(13), .avatars .avatar:not(:first-child):nth-child(13) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(14), .avatars .avatar:not(:first-child):nth-child(14) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(15), .avatars .avatar:not(:first-child):nth-child(15) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(16), .avatars .avatar:not(:first-child):nth-child(16) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(17), .avatars .avatar:not(:first-child):nth-child(17) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(18), .avatars .avatar:not(:first-child):nth-child(18) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(19), .avatars .avatar:not(:first-child):nth-child(19) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(20), .avatars .avatar:not(:first-child):nth-child(20) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(21), .avatars .avatar:not(:first-child):nth-child(21) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(22), .avatars .avatar:not(:first-child):nth-child(22) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(23), .avatars .avatar:not(:first-child):nth-child(23) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(24), .avatars .avatar:not(:first-child):nth-child(24) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(25), .avatars .avatar:not(:first-child):nth-child(25) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(26), .avatars .avatar:not(:first-child):nth-child(26) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(27), .avatars .avatar:not(:first-child):nth-child(27) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(28), .avatars .avatar:not(:first-child):nth-child(28) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(29), .avatars .avatar:not(:first-child):nth-child(29) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(30), .avatars .avatar:not(:first-child):nth-child(30) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(31), .avatars .avatar:not(:first-child):nth-child(31) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(32), .avatars .avatar:not(:first-child):nth-child(32) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(33), .avatars .avatar:not(:first-child):nth-child(33) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(34), .avatars .avatar:not(:first-child):nth-child(34) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(35), .avatars .avatar:not(:first-child):nth-child(35) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(36), .avatars .avatar:not(:first-child):nth-child(36) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(37), .avatars .avatar:not(:first-child):nth-child(37) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(38), .avatars .avatar:not(:first-child):nth-child(38) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(39), .avatars .avatar:not(:first-child):nth-child(39) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(40), .avatars .avatar:not(:first-child):nth-child(40) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(41), .avatars .avatar:not(:first-child):nth-child(41) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(42), .avatars .avatar:not(:first-child):nth-child(42) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(43), .avatars .avatar:not(:first-child):nth-child(43) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(44), .avatars .avatar:not(:first-child):nth-child(44) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(45), .avatars .avatar:not(:first-child):nth-child(45) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(46), .avatars .avatar:not(:first-child):nth-child(46) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(47), .avatars .avatar:not(:first-child):nth-child(47) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(48), .avatars .avatar:not(:first-child):nth-child(48) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(49), .avatars .avatar:not(:first-child):nth-child(49) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(50), .avatars .avatar:not(:first-child):nth-child(50) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(51), .avatars .avatar:not(:first-child):nth-child(51) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(52), .avatars .avatar:not(:first-child):nth-child(52) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(53), .avatars .avatar:not(:first-child):nth-child(53) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(54), .avatars .avatar:not(:first-child):nth-child(54) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(55), .avatars .avatar:not(:first-child):nth-child(55) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(56), .avatars .avatar:not(:first-child):nth-child(56) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(57), .avatars .avatar:not(:first-child):nth-child(57) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(58), .avatars .avatar:not(:first-child):nth-child(58) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(59), .avatars .avatar:not(:first-child):nth-child(59) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(60), .avatars .avatar:not(:first-child):nth-child(60) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(61), .avatars .avatar:not(:first-child):nth-child(61) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(62), .avatars .avatar:not(:first-child):nth-child(62) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(63), .avatars .avatar:not(:first-child):nth-child(63) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(64), .avatars .avatar:not(:first-child):nth-child(64) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(65), .avatars .avatar:not(:first-child):nth-child(65) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(66), .avatars .avatar:not(:first-child):nth-child(66) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(67), .avatars .avatar:not(:first-child):nth-child(67) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(68), .avatars .avatar:not(:first-child):nth-child(68) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(69), .avatars .avatar:not(:first-child):nth-child(69) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(70), .avatars .avatar:not(:first-child):nth-child(70) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(71), .avatars .avatar:not(:first-child):nth-child(71) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(72), .avatars .avatar:not(:first-child):nth-child(72) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(73), .avatars .avatar:not(:first-child):nth-child(73) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(74), .avatars .avatar:not(:first-child):nth-child(74) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(75), .avatars .avatar:not(:first-child):nth-child(75) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(76), .avatars .avatar:not(:first-child):nth-child(76) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(77), .avatars .avatar:not(:first-child):nth-child(77) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(78), .avatars .avatar:not(:first-child):nth-child(78) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(79), .avatars .avatar:not(:first-child):nth-child(79) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(80), .avatars .avatar:not(:first-child):nth-child(80) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(81), .avatars .avatar:not(:first-child):nth-child(81) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(82), .avatars .avatar:not(:first-child):nth-child(82) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(83), .avatars .avatar:not(:first-child):nth-child(83) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(84), .avatars .avatar:not(:first-child):nth-child(84) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(85), .avatars .avatar:not(:first-child):nth-child(85) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(86), .avatars .avatar:not(:first-child):nth-child(86) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(87), .avatars .avatar:not(:first-child):nth-child(87) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(88), .avatars .avatar:not(:first-child):nth-child(88) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(89), .avatars .avatar:not(:first-child):nth-child(89) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(90), .avatars .avatar:not(:first-child):nth-child(90) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(91), .avatars .avatar:not(:first-child):nth-child(91) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(92), .avatars .avatar:not(:first-child):nth-child(92) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(93), .avatars .avatar:not(:first-child):nth-child(93) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(94), .avatars .avatar:not(:first-child):nth-child(94) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(95), .avatars .avatar:not(:first-child):nth-child(95) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(96), .avatars .avatar:not(:first-child):nth-child(96) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(97), .avatars .avatar:not(:first-child):nth-child(97) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(98), .avatars .avatar:not(:first-child):nth-child(98) {
    margin-left: -14px
}

.avatar-group .avatar:not(:first-child):nth-child(99), .avatars .avatar:not(:first-child):nth-child(99) {
    margin-left: -14px
}

.avatar-group.is-loose, .avatars.is-loose {
    gap: .75rem
}

.avatar-group.is-loose .avatar, .avatars.is-loose .avatar {
    border: none
}

.avatar-group.is-loose .avatar:not(:first-child), .avatars.is-loose .avatar:not(:first-child) {
    margin-left: 0
}

.icon-box {
    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 {
    height: 32px;
    width: 32px;
    min-width: 32px
}

.icon-box.is-small svg {
    height: 16px;
    width: 16px;
    stroke-width: 1.4px
}

.icon-box.is-medium {
    height: 50px;
    width: 50px;
    min-width: 50px;
    font-size: 1.25rem;
    border-radius: .75rem
}

.icon-box.is-medium.is-bordered {
    border-width: 1.6px
}

.icon-box.is-medium svg {
    height: 25px;
    width: 25px;
    stroke-width: 1.4px
}

.icon-box.is-large {
    height: 68px;
    width: 68px;
    min-width: 68px;
    font-size: 1.5rem;
    border-radius: 1rem
}

.icon-box.is-large.is-bordered {
    border-width: 2px
}

.icon-box.is-large svg {
    height: 34px;
    width: 34px;
    stroke-width: 2px
}

.icon-box.is-big {
    height: 80px;
    width: 80px;
    min-width: 80px;
    font-size: 1.75rem;
    border-radius: 1.25rem
}

.icon-box.is-big.is-bordered {
    border-width: 2px
}

.icon-box.is-big svg {
    height: 40px;
    width: 40px;
    stroke-width: 3px
}

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

.icon-box.is-xl.is-bordered {
    border-width: 2px
}

.icon-box.is-xl svg {
    height: 50px;
    width: 50px;
    stroke-width: 3px
}

.icon-box.is-rounded {
    border-radius: 50%
}

.icon-box.is-inverted i {
    color: var(--white-smoke) !important
}

.icon-box.is-inverted svg {
    color: var(--white-smoke) !important
}

.icon-box.is-default svg {
    color: var(--icon-color)
}

.icon-box.is-primary {
    background: var(--icon-primary-bg-color)
}

.icon-box.is-primary.is-bordered {
    border-color: var(--icon-primary-color)
}

.icon-box.is-primary.is-inverted {
    background: var(--icon-primary-inverted-bg-color)
}

.icon-box.is-primary i {
    color: var(--icon-primary-color)
}

.icon-box.is-primary svg {
    color: var(--icon-primary-color)
}

.icon-box.is-secondary {
    background: var(--icon-secondary-bg-color)
}

.icon-box.is-secondary.is-bordered {
    border-color: var(--icon-secondary-color)
}

.icon-box.is-secondary.is-inverted {
    background: var(--icon-secondary-inverted-bg-color)
}

.icon-box.is-secondary i {
    color: var(--icon-secondary-color)
}

.icon-box.is-secondary svg {
    color: var(--icon-secondary-color)
}

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

.icon-box.is-success.is-bordered {
    border-color: var(--icon-success-color)
}

.icon-box.is-success.is-inverted {
    background: var(--icon-success-inverted-bg-color)
}

.icon-box.is-success i {
    color: var(--icon-success-color)
}

.icon-box.is-success svg {
    color: var(--icon-success-color)
}

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

.icon-box.is-info.is-bordered {
    border-color: var(--icon-info-color)
}

.icon-box.is-info.is-inverted {
    background: var(--icon-info-inverted-bg-color)
}

.icon-box.is-info i {
    color: var(--icon-info-color)
}

.icon-box.is-info svg {
    color: var(--icon-info-color)
}

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

.icon-box.is-warning.is-bordered {
    border-color: var(--icon-warning-color)
}

.icon-box.is-warning.is-inverted {
    background: var(--icon-warning-inverted-bg-color)
}

.icon-box.is-warning i {
    color: var(--icon-warning-color)
}

.icon-box.is-warning svg {
    color: var(--icon-warning-color)
}

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

.icon-box.is-danger.is-bordered {
    border-color: var(--icon-danger-color)
}

.icon-box.is-danger.is-inverted {
    background: var(--icon-danger-inverted-bg-color)
}

.icon-box.is-danger i {
    color: var(--icon-danger-color)
}

.icon-box.is-danger svg {
    color: var(--icon-danger-color)
}

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

.icon-box.is-purple.is-bordered {
    border-color: var(--icon-purple-color)
}

.icon-box.is-purple.is-inverted {
    background: var(--icon-purple-inverted-bg-color)
}

.icon-box.is-purple i {
    color: var(--icon-purple-color)
}

.icon-box.is-purple svg {
    color: var(--icon-purple-color)
}

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

.icon-box.is-blue.is-bordered {
    border-color: var(--icon-blue-color)
}

.icon-box.is-blue.is-inverted {
    background: var(--icon-blue-inverted-bg-color)
}

.icon-box.is-blue i {
    color: var(--icon-blue-color)
}

.icon-box.is-blue svg {
    color: var(--icon-blue-color)
}

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

.icon-box.is-yellow.is-bordered {
    border-color: var(--icon-yellow-color)
}

.icon-box.is-yellow.is-inverted {
    background: var(--icon-yellow-inverted-bg-color)
}

.icon-box.is-yellow i {
    color: var(--icon-yellow-color)
}

.icon-box.is-yellow svg {
    color: var(--icon-yellow-color)
}

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

.icon-box.is-orange.is-bordered {
    border-color: var(--icon-orange-color)
}

.icon-box.is-orange.is-inverted {
    background: var(--icon-orange-inverted-bg-color)
}

.icon-box.is-orange i, .icon-box.is-orange .iconify {
    color: var(--icon-orange-color)
}

.icon-box.is-orange svg {
    color: var(--icon-orange-color)
}

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

.icon-box.is-green.is-bordered {
    border-color: var(--icon-green-color)
}

.icon-box.is-green.is-inverted {
    background: var(--icon-green-inverted-bg-color)
}

.icon-box.is-green i {
    color: var(--icon-green-color)
}

.icon-box.is-green svg {
    color: var(--icon-green-color)
}

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

.icon-box.is-red.is-bordered {
    border-color: var(--icon-red-color)
}

.icon-box.is-red.is-inverted {
    background: var(--icon-red-inverted-bg-color)
}

.icon-box.is-red i {
    color: var(--icon-red-color)
}

.icon-box.is-red svg {
    color: var(--icon-red-color)
}

.icon-box.is-bordered {
    border: 1px solid var(--widget-grey)
}

.icon-box .iconify {
    font-size: 1.2rem;
    color: var(--medium-text);
    transition: color .3s
}

.icon-box .iconify {
    font-size: 1.4rem;
    color: var(--medium-text);
    transition: color .3s
}

.icon-box svg {
    height: 20px;
    width: 20px;
    stroke-width: 1.4px
}

.progress {
    margin-bottom: 0
}

.progress::-webkit-progress-value {
    border-radius: 50px;
    -webkit-transition: width .3s;
    transition: width .3s
}

.progress::-webkit-progress-bar {
    background-color: var(--progress-track-bg-color)
}

.progress::-moz-progress-bar {
    border-radius: 50px
}

.progress::-ms-fill {
    border-radius: 50px
}

.progress.is-smaller {
    height: .5rem !important
}

.progress.is-tiny {
    height: .35rem !important
}

.progress.is-micro {
    height: .2rem !important
}

.progress.is-secondary::-webkit-progress-value {
    background-color: var(--secondary)
}

.progress.is-secondary::-moz-progress-bar {
    background-color: var(--secondary)
}

.progress.is-secondary::-ms-fill {
    background-color: var(--secondary)
}

.alert {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--wrap-muted-color);
    border: 1px solid var(--title-color);
    padding: .75rem 1rem;
    border-radius: .65rem
}

.alert p {
    font-size: .85rem;
    color: var(--title-color)
}

.alert .alert-close {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    background: 0 0;
    border: none;
    border-radius: 50%;
    cursor: pointer
}

.alert .alert-close .iconify {
    color: var(--title-color)
}

.alert.is-warning {
    background-color: var(--alert-warning-bg-color);
    border-color: var(--warning)
}

.alert.is-warning p, .alert.is-warning .alert-close .iconify {
    color: var(--alert-warning-color)
}

.tabs ul {
    border-color: var(--tab-border-color)
}

.tabs ul li.is-active a {
    color: var(--title-color);
    border-color: var(--primary)
}

.tabs ul li:hover:not(.is-active) a {
    color: var(--tab-item-hover-color);
    border-color: transparent
}

.tabs ul li a {
    color: var(--tab-item-color);
    font-family: var(--font);
    border-width: 3px;
    border-color: transparent
}

@media only screen and (max-width: 767px) {
    .tabs-container.is-vertical .tabs {
        margin-bottom: 2.5rem
    }

    .tabs-container.is-vertical .tabs ul li.is-active a {
        border-bottom-color: var(--primary)
    }
}

@media only screen and (min-width: 768px) {
    .tabs-container.is-vertical {
        display: flex
    }

    .tabs-container.is-vertical .tabs {
        flex-grow: 2;
        min-width: 25%;
        margin-right: 60px
    }

    .tabs-container.is-vertical .tabs ul {
        display: block;
        text-align: left;
        border-bottom-color: transparent !important
    }

    .tabs-container.is-vertical .tabs ul li {
        display: block
    }

    .tabs-container.is-vertical .tabs ul li.is-active a {
        border-right-color: var(--primary)
    }

    .tabs-container.is-vertical .tabs ul li a {
        display: block;
        border-bottom-color: transparent !important;
        border-right: 3px solid var(--tab-border-color)
    }
}

.qs-datepicker-container {
    font-size: 1rem;
    font-family: sans-serif;
    color: #000;
    position: absolute;
    width: 18.625em;
    display: flex;
    flex-direction: column;
    z-index: 9001;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-top: .5rem;
    border-radius: .5rem;
    padding: 2rem;
    overflow: hidden;
    background: var(--datepicker-bg-color);
    border: 1px solid var(--datepicker-border-color);
    box-shadow: var(--light-box-shadow)
}

.qs-datepicker-container * {
    box-sizing: border-box
}

.qs-centered {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.qs-hidden {
    display: none
}

.qs-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: var(--night-light-4);
    color: var(--white);
    width: 100%;
    height: 100%;
    padding: 20px;
    z-index: 1;
    opacity: 1;
    transition: opacity .3s;
    display: flex;
    flex-direction: column
}

.qs-overlay.qs-hidden {
    opacity: 0;
    z-index: -1
}

.qs-overlay .qs-overlay-year {
    border: none;
    background: 0 0;
    border-bottom: 1px solid var(--datepicker-border-color);
    border-radius: 0;
    color: var(--white);
    font-size: var(--font-size);
    padding: .25em 0 !important;
    width: 80%;
    text-align: center;
    margin: 0 auto;
    display: block;
    outline: none !important
}

.qs-overlay .qs-overlay-year::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.qs-overlay .qs-overlay-year::-moz-placeholder {
    color: var(--placeholder)
}

.qs-overlay .qs-overlay-year::placeholder {
    color: var(--placeholder)
}

.qs-overlay .qs-overlay-year:focus {
    border-color: var(--input-base-border-color-hover)
}

.qs-overlay .qs-close {
    padding: .5em;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 8px;
    color: var(--white);
    font-weight: 600;
    opacity: .7
}

.qs-overlay .qs-submit {
    border: 1px solid var(--white);
    padding: .35em .75em;
    margin: 0 auto auto;
    cursor: pointer;
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
    border-radius: 8px;
    min-width: 110px;
    text-align: center
}

.qs-overlay .qs-submit.qs-disabled {
    opacity: .6;
    pointer-events: none;
    cursor: not-allowed
}

.qs-overlay .qs-overlay-month-container {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1
}

.qs-overlay .qs-overlay-month {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33.3333333333%;
    cursor: pointer;
    opacity: .5;
    transition: opacity .15s;
    color: var(--white);
    font-family: var(--font)
}

.qs-overlay .qs-overlay-month.active, .qs-overlay .qs-overlay-month:hover {
    opacity: 1
}

.qs-controls {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
    flex-shrink: 0;
    background: var(--datepicker-bg-color);
    filter: blur(0px);
    transition: filter .3s
}

.qs-controls.qs-blur {
    filter: blur(5px)
}

.qs-arrow {
    height: 1.8625em;
    width: 1.8625em;
    position: relative;
    cursor: pointer;
    border-radius: .314594875em;
    transition: background-color .15s
}

.qs-arrow:hover {
    background: rgba(0, 0, 0, .1)
}

.qs-arrow:hover.qs-left:after {
    border-right-color: #000
}

.qs-arrow:hover.qs-right:after {
    border-left-color: #000
}

.qs-arrow:after {
    content: "";
    border: .465625em solid transparent;
    position: absolute;
    top: 50%;
    transition: border .2s
}

.qs-arrow.qs-left:after {
    border-right-color: gray;
    right: 50%;
    transform: translate(25%, -50%) scale(.7)
}

.qs-arrow.qs-right:after {
    border-left-color: gray;
    left: 50%;
    transform: translate(-25%, -50%) scale(.7)
}

.qs-month-year {
    font-family: var(--font);
    font-weight: 700;
    transition: border .2s;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    color: var(--title-color)
}

.qs-month-year:hover {
    border-bottom: 1px solid gray
}

.qs-month-year:focus, .qs-month-year:active:focus {
    outline: none
}

.qs-month {
    padding-right: .5ex
}

.qs-year {
    padding-left: .5ex
}

.qs-squares {
    display: flex;
    flex-wrap: wrap;
    padding: .3725em;
    filter: blur(0px);
    transition: filter .3s
}

.qs-squares.qs-blur {
    filter: blur(5px)
}

.qs-square {
    width: 14.2857142857%;
    height: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--light-text);
    font-family: var(--font);
    font-size: .9rem;
    transition: all .3s;
    border-radius: .314594875em
}

.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
    background: var(--primary);
    box-shadow: var(--primary-box-shadow);
    color: var(--white)
}

.qs-current {
    font-family: var(--font);
    background: var(--secondary) !important;
    color: var(--white) !important;
    box-shadow: var(--secondary-box-shadow);
    font-weight: 600
}

.qs-active, .qs-range-start, .qs-range-end {
    background: var(--primary);
    color: var(--white);
    box-shadow: var(--primary-box-shadow)
}

.qs-range-start:not(.qs-range-6) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.qs-range-middle {
    background: var(--primary-light-48)
}

.qs-range-middle:not(.qs-range-0):not(.qs-range-6) {
    border-radius: 0
}

.qs-range-middle.qs-range-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.qs-range-middle.qs-range-6 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.qs-range-end:not(.qs-range-0) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.qs-disabled, .qs-outside-current-month {
    opacity: .4
}

.qs-disabled {
    cursor: not-allowed
}

.qs-empty {
    cursor: default
}

.qs-day {
    cursor: default;
    font-family: var(--font);
    font-size: .9rem;
    font-weight: 500;
    color: var(--light-text)
}

.qs-event {
    position: relative
}

.qs-event:after {
    content: "";
    position: absolute;
    width: .55875em;
    height: .55875em;
    border-radius: 50%;
    background: var(--primary);
    bottom: 0;
    right: 0
}

.page-placeholder {
    display: flex;
    align-items: center;
    justify-content: center
}

.page-placeholder .page-placeholder-inner {
    text-align: center;
    padding-top: 2rem
}

.page-placeholder .page-placeholder-inner img {
    display: block;
    width: 100%;
    max-width: 540px;
    margin: 0 auto
}

.page-placeholder .page-placeholder-inner p {
    font-size: 1rem;
    max-width: 540px;
    margin: 0 auto 1rem;
    color: var(--medium-text)
}

.input {
    font-family: var(--font);
    height: 40px;
    border-radius: .65rem;
    transition: all .3s;
    box-shadow: none;
    background: var(--input-base-bg-color);
    border-color: var(--input-base-border-color);
    color: var(--input-base-color)
}

.input:hover {
    border-color: var(--input-base-border-color-hover)
}

.input:focus {
    box-shadow: var(--light-box-shadow);
    border-color: var(--input-base-border-color-hover)
}

.input:focus ~ .icon, .input:focus .form-icon {
    color: var(--secondary) !important
}

.input::-moz-placeholder {
    color: var(--input-placeholder-color)
}

.input::placeholder {
    color: var(--input-placeholder-color)
}

.input.is-medium {
    height: 46px;
    font-size: 1.15rem
}

.input.is-large {
    height: 54px;
    font-size: 1.35rem
}

.input ~ .icon {
    transition: color .3s
}

.textarea {
    font-family: var(--font);
    transition: all .3s;
    box-shadow: none;
    border-radius: .65rem;
    background: var(--input-base-bg-color);
    border-color: var(--input-base-border-color);
    color: var(--input-base-color)
}

.textarea:hover {
    border-color: var(--input-base-border-color-hover)
}

.textarea:focus {
    box-shadow: var(--light-box-shadow);
    border-color: var(--input-base-border-color-hover)
}

.textarea::-moz-placeholder {
    color: var(--input-placeholder-color)
}

.textarea::placeholder {
    color: var(--input-placeholder-color)
}

.select {
    position: relative;
    width: 100%
}

.select select {
    width: 100%;
    font-family: var(--font);
    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
}

.select select:focus {
    box-shadow: var(--light-box-shadow);
    border-color: var(--input-base-focus-color)
}

.select:not(.is-multiple):not(.is-loading):after {
    transform: scale(.8) rotate(-45deg) !important;
    transition: transform .3s;
    border-color: var(--light-text)
}

.select:not(.is-multiple):not(.is-loading):focus-within:after {
    top: 60%;
    transform: scale(.8) rotate(-225deg) !important
}

.select.is-rounded select {
    border-radius: 500rem
}

.has-icon .select select {
    padding-left: 38px
}

.field > label, .field .form-label {
    font-family: var(--font);
    font-size: .95rem;
    color: var(--input-base-color)
}

.field.has-addons .control:first-child:not(:only-child) .button {
    height: 40px;
    background: var(--wrap-muted-color);
    border-color: var(--input-base-border-color);
    color: var(--medium-text)
}

.control.has-icons-left .icon, .control.has-icons-right .icon {
    height: 46px;
    width: 46px
}

.control.has-icon .form-icon {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: color .3s
}

.control.has-icon .form-icon svg, .control.has-icon .form-icon .iconify {
    font-size: 1.25rem;
    height: 18px;
    width: 18px;
    stroke-width: 1.6px;
    stroke: var(--input-form-icon-color);
    color: var(--input-form-icon-color);
    transition: stroke .3s color .3s
}

.control.has-icon .form-icon.right-icon {
    left: initial;
    right: 0
}

.control.has-icon .form-icon.is-medium {
    height: 46px;
    width: 46px
}

.control.has-icon .form-icon.is-large {
    height: 54px;
    width: 54px
}

.control.has-icon .input {
    padding-left: 40px
}

.control.has-icon .input.is-medium {
    padding-left: 46px
}

.control.has-icon .input.is-large {
    padding-left: 54px
}

.control.has-icon .input:focus ~ .form-icon {
    color: var(--secondary) !important
}

.control.has-icon .input:focus ~ .form-icon svg, .control.has-icon .input:focus ~ .form-icon .iconify {
    stroke: var(--secondary);
    color: var(--secondary) !important
}

.checkbox {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.checkbox .checkbox-inner-wrap {
    display: flex;
    align-items: center
}

.checkbox .checkbox-inner-wrap .checkbox-inner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    width: 20px;
    background: var(--checkbox-bg-color);
    border-radius: .35rem;
    overflow: hidden;
    color: var(--white);
    box-sizing: content-box;
    transition: box-shadow .3s
}

.checkbox .checkbox-inner-wrap .checkbox-inner input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 3
}

.checkbox .checkbox-inner-wrap .checkbox-inner input:checked + svg {
    transform: translateY(0)
}

.checkbox .checkbox-inner-wrap .checkbox-inner input:checked ~ .inner-overlay {
    transform: scale(1.1);
    border-radius: .35rem
}

.checkbox .checkbox-inner-wrap .checkbox-inner svg {
    position: relative;
    left: .5px;
    transform: translateY(20px);
    transition: transform .3s;
    transition-delay: .15s;
    z-index: 2
}

.checkbox .checkbox-inner-wrap .checkbox-inner svg :deep(path) {
    stroke-width: 4px !important
}

.checkbox .checkbox-inner-wrap .checkbox-inner .inner-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: scale(0);
    background: var(--checkbox-overlay-bg-color-default);
    border-radius: 50%;
    transition: transform .3s, border .3s;
    z-index: 1
}

.checkbox .checkbox-inner-wrap .checkbox-label {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--light-text);
    margin-left: .5rem;
    cursor: pointer
}

.checkbox:focus-within .checkbox-inner {
    box-shadow: var(--light-box-shadow-md)
}

.checkbox.is-rounded .checkbox-inner-wrap .checkbox-inner {
    border-radius: 50%;
    box-sizing: border-box
}

.checkbox.is-rounded .checkbox-inner-wrap .checkbox-inner .inner-overlay {
    border-radius: 50% !important
}

.checkbox.is-default .checkbox-inner-wrap .checkbox-inner svg {
    color: var(--checkbox-symbol-color-default)
}

.checkbox.is-primary .checkbox-inner-wrap .checkbox-inner .inner-overlay {
    background: var(--primary)
}

.checkbox.is-secondary .checkbox-inner-wrap .checkbox-inner .inner-overlay {
    background: var(--secondary)
}

.checkbox.is-success .checkbox-inner-wrap .checkbox-inner .inner-overlay {
    background: var(--success)
}

.checkbox.is-info .checkbox-inner-wrap .checkbox-inner .inner-overlay {
    background: var(--info)
}

.checkbox.is-warning .checkbox-inner-wrap .checkbox-inner .inner-overlay {
    background: var(--warning)
}

.checkbox.is-danger .checkbox-inner-wrap .checkbox-inner .inner-overlay {
    background: var(--danger)
}

.radio {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.radio .radio-inner-wrap {
    display: flex;
    align-items: center
}

.radio .radio-inner-wrap .radio-inner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    width: 20px;
    background: var(--checkbox-bg-color);
    border-radius: 50%;
    border: 1px solid var(--checkbox-border-color);
    overflow: hidden;
    color: var(--white);
    box-sizing: border-box;
    transition: box-shadow .3s
}

.radio .radio-inner-wrap .radio-inner input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 3
}

.radio .radio-inner-wrap .radio-inner input:checked + svg {
    transform: scale(1)
}

.radio .radio-inner-wrap .radio-inner input:checked ~ .inner-overlay {
    transform: scale(1.1);
    border-radius: .35rem
}

.radio .radio-inner-wrap .radio-inner svg {
    position: relative;
    left: .5px;
    transform: scale(0);
    transition: transform .3s;
    transition-delay: .15s;
    z-index: 2
}

.radio .radio-inner-wrap .radio-inner svg :deep(circle) {
    stroke-width: 4px !important
}

.radio .radio-inner-wrap .radio-inner .inner-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: scale(0);
    background: var(--checkbox-overlay-bg-color-default);
    border-radius: 50%;
    transition: transform .3s, border .3s;
    z-index: 1
}

.radio .radio-inner-wrap .radio-label {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--light-text);
    margin-left: .25rem;
    cursor: pointer
}

.radio:focus-within .radio-inner {
    box-shadow: var(--light-box-shadow-md)
}

.radio.is-default .radio-inner-wrap .radio-inner svg {
    color: var(--checkbox-symbol-color-default)
}

.radio.is-primary .radio-inner-wrap .radio-inner svg {
    color: var(--primary)
}

.radio.is-secondary .radio-inner-wrap .radio-inner svg {
    color: var(--secondary)
}

.radio.is-success .radio-inner-wrap .radio-inner svg {
    color: var(--success)
}

.radio.is-info .radio-inner-wrap .radio-inner svg {
    color: var(--info)
}

.radio.is-warning .radio-inner-wrap .radio-inner svg {
    color: var(--warning)
}

.radio.is-danger .radio-inner-wrap .radio-inner svg {
    color: var(--danger)
}

.f-switch {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.f-switch.is-primary input:checked + i {
    background-color: var(--primary)
}

.f-switch.is-secondary input:checked + i {
    background-color: var(--secondary)
}

.f-switch.is-success input:checked + i {
    background-color: var(--success)
}

.f-switch.is-info input:checked + i {
    background-color: var(--info)
}

.f-switch.is-warning input:checked + i {
    background-color: var(--warning)
}

.f-switch.is-danger input:checked + i {
    background-color: var(--danger)
}

.f-switch i {
    position: relative;
    display: inline-block;
    margin-right: .5rem;
    width: 46px;
    height: 26px;
    background-color: var(--button-base-border-color);
    border-radius: 23px;
    vertical-align: text-bottom;
    transition: all .3s linear
}

.f-switch i:before {
    content: "";
    position: absolute;
    left: 0;
    width: 42px;
    height: 22px;
    background-color: var(--button-base-bg-color);
    border-radius: 11px;
    transform: translate3d(2px, 2px, 0) scaleZ(1);
    transition: all .25s linear
}

.f-switch i:after {
    content: "";
    position: absolute;
    left: 0;
    width: 22px;
    height: 22px;
    background-color: var(--white);
    border-radius: 11px;
    box-shadow: 0 2px 2px #0000003d;
    transform: translate3d(2px, 2px, 0);
    transition: all .2s ease-in-out
}

.f-switch:active i:after {
    width: 28px;
    transform: translate3d(2px, 2px, 0)
}

.f-switch:active input:checked + i:after {
    transform: translate3d(16px, 2px, 0)
}

.f-switch input {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.f-switch input:checked + i {
    background-color: var(--success)
}

.f-switch input:checked + i:before {
    transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0)
}

.f-switch input:checked + i:after {
    transform: translate3d(22px, 2px, 0)
}

.f-switch small {
    color: var(--muted-grey);
    position: relative;
    top: -4px
}

.ninja-toggle {
    position: relative
}

.ninja-toggle input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0
}

.ninja-toggle input:checked + label span.track .track-knob {
    margin-left: 22px;
    transform: rotate(360deg);
    background: var(--primary);
    border-color: var(--primary);
    box-shadow: var(--primary-box-shadow)
}

.ninja-toggle input:checked + label span.track .track-knob i {
    opacity: 1
}

.ninja-toggle input:checked + label span.track .track-knob svg.sun {
    display: none;
    stroke-width: var(--dark-text)
}

.ninja-toggle input:checked + label span.track .track-knob svg.moon {
    display: block;
    stroke: var(--white)
}

.ninja-toggle label {
    display: block;
    cursor: pointer
}

.ninja-toggle label span {
    display: block
}

.ninja-toggle label span.track {
    position: relative
}

.ninja-toggle label span.track .track-inner {
    height: 11px;
    width: 42px;
    background: var(--placeholder);
    border-radius: 100px
}

.ninja-toggle label span.track .track-knob {
    position: absolute;
    top: -8px;
    left: -2px;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    border: 1px solid var(--fade-grey--300--darken);
    box-shadow: var(--light-box-shadow);
    background: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(0);
    transition: all .3s
}

.ninja-toggle label span.track .track-knob i {
    color: var(--white);
    opacity: 0;
    transition: all .3s
}

.ninja-toggle label span.track .track-knob svg {
    height: 14px;
    width: 14px;
    stroke-width: 1.6px;
    stroke: var(--dark-text)
}

.ninja-toggle label span.track .track-knob svg.sun {
    display: block
}

.ninja-toggle label span.track .track-knob svg.moon {
    display: none
}

.theme-toggle {
    position: relative;
    display: block
}

.theme-toggle input {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0%;
    cursor: pointer;
    z-index: 2
}

.theme-toggle input:checked + .theme-toggle-inner .sun-icon {
    transform: translate(-45%, 150%);
    opacity: 0%
}

.theme-toggle input:checked + .theme-toggle-inner .moon-icon {
    transform: translate(-45%, -50%);
    opacity: 100%
}

.theme-toggle .theme-toggle-inner {
    display: block;
    position: relative;
    height: 36px;
    width: 36px;
    background: var(--wrap-muted-color);
    font-size: 1.25rem
}

.theme-toggle .theme-toggle-inner .sun-icon, .theme-toggle .theme-toggle-inner .moon-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    opacity: 0%;
    transition: transform .3s, opacity .3s;
    color: var(--yellow);
    pointer-events: none
}

.theme-toggle .theme-toggle-inner .sun-icon circle, .theme-toggle .theme-toggle-inner .sun-icon path, .theme-toggle .theme-toggle-inner .moon-icon circle, .theme-toggle .theme-toggle-inner .moon-icon path {
    fill: var(--yellow)
}

.theme-toggle .theme-toggle-inner .sun-icon {
    transform: translate(-48%, -50%);
    opacity: 100%
}

.theme-toggle .theme-toggle-inner .moon-icon {
    transform: translate(-45%, -150%)
}

.tempest-wrapper {
    position: relative;
    width: 100%;
    min-height: 100vh;
    background: var(--dashboard-bg-color);
    padding: 4rem 3rem 5rem;
    transition: all .3s
}

.tempest-wrapper .wrapper-inner {
    max-width: 1140px;
    margin: 0 auto
}

.tempest-wrapper .wrapper-inner .dashboard-content {
    padding: 16px 0 100px
}

.tempest-wrapper .wrapper-inner .dashboard-content .section-title {
    display: flex;
    align-items: center;
    padding: 30px 0 20px
}

.tempest-wrapper .wrapper-inner .dashboard-content .section-title > svg {
    height: 22px;
    width: 22px;
    stroke: var(--light-text);
    color: var(--light-text);
    stroke-width: 1.4px;
    margin-right: 8px
}

.tempest-wrapper .wrapper-inner .dashboard-content .section-title > h3 {
    text-transform: uppercase;
    font-family: var(--font-alt);
    font-weight: 500;
    font-size: .8rem;
    color: var(--light-text)
}

.tempest-wrapper .wrapper-inner .dashboard-content .section-title .dropdown-wrap {
    margin-left: auto
}

.tempest-wrapper.tempest-wrapper-inbox {
    padding-bottom: 0 !important;
    min-height: calc(100vh - 101px)
}

@media (max-width: 767px) {
    .tempest-wrapper {
        width: 100% !important;
        margin: 0 !important;
        padding: 4rem 1rem 5rem !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .tempest-wrapper {
        width: 100% !important;
        margin: 0 !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .tempest-wrapper {
        width: 100% !important;
        margin: 0 !important
    }
}

@media only screen and (min-width: 1600px) {
    .tempest-wrapper {
        margin-right: 340px
    }
}

.toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.toolbar .toolbar-start {
    display: flex;
    align-items: center
}

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

.toolbar .toolbar-end .sorting-select select {
    border-radius: 0;
    background-color: transparent;
    border: none;
    border-right: 1px solid var(--input-base-border-color);
    box-shadow: none !important
}

.toolbar .toolbar-end .icon-links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    padding: 0 1rem
}

.toolbar .toolbar-end .icon-links .icon-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px
}

.toolbar .toolbar-end .icon-links .icon-link .iconify {
    font-size: 1.25rem;
    color: var(--medium-text)
}

.toolbar .toolbar-end .icon-links .icon-link.is-active .iconify, .toolbar .toolbar-end .icon-links .icon-link:hover .iconify {
    color: var(--primary)
}

.toolbar .toolbar-end .under-links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.5rem;
    padding: 0 1rem
}

.toolbar .toolbar-end .under-links .under-link {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--medium-text);
    transition: color .3s
}

.toolbar .toolbar-end .under-links .under-link span {
    font-family: var(--font);
    font-size: .9rem
}

.toolbar .toolbar-end .under-links .under-link:hover {
    color: var(--primary);
    text-decoration: underline
}

.toolbar.is-spaced-bottom {
    margin-bottom: 1.5rem
}

@media only screen and (max-width: 767px) {
    .toolbar.is-responsive {
        flex-direction: column;
        align-items: flex-start
    }

    .toolbar.is-responsive .toolbar-end {
        width: 100%;
        justify-content: space-between
    }

    .toolbar.is-responsive .toolbar-end .hidden-item {
        display: none
    }

    .toolbar.is-responsive .toolbar-end .icon-links {
        padding-left: 0
    }
}

.calendar-widget-container {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 2rem;
    margin-bottom: 2.5rem
}

.calendar-widget-container .calendar-widget-footer {
    display: flex;
    align-items: center;
    padding: 0 .5rem;
    margin-top: 1rem
}

.calendar-widget-container .calendar-widget-footer span {
    display: block;
    font-family: var(--font);
    font-size: .9rem;
    color: var(--primary);
    margin-left: .5rem
}

.calendar-widget .calendar-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px
}

.calendar-widget .calendar-toolbar .month {
    display: flex;
    align-items: center;
    color: var(--title-color);
    padding-left: .5rem
}

.calendar-widget .calendar-toolbar .actions {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.calendar-widget .calendar-toolbar .actions .action-icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    width: 32px;
    min-width: 32px;
    border-radius: 50%;
    color: var(--wrap-muted-color);
    transition: all .3s
}

.calendar-widget .calendar-toolbar .actions .action-icon .iconify {
    color: var(--light-text);
    transition: color .3s
}

.calendar-widget .calendar {
    color: var(--title-color);
    font-size: 12px;
    font-family: var(--font);
    width: 100%;
    margin-bottom: 5px
}

.calendar-widget .calendar thead, .calendar-widget .calendar tbody {
    width: 100%
}

.calendar-widget .calendar thead {
    color: var(--medium-text);
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase
}

.calendar-widget .calendar td {
    padding: .5em 0;
    text-align: center;
    cursor: pointer;
    border-radius: 8px
}

.calendar-widget .calendar tbody td:hover {
    background: var(--wrap-muted-color);
    color: var(--primary)
}

.calendar-widget .current-day {
    color: var(--white-smoke);
    font-weight: 600;
    background: var(--secondary)
}

.calendar-widget .prev-month, .calendar-widget .next-month {
    color: #cacaca
}

[dir=rtl] .calendar-widget .calendar-toolbar .actions .action-icon:first-child {
    transform: rotate(180deg)
}

[dir=rtl] .calendar-widget .calendar-toolbar .actions .action-icon:nth-child(2) {
    transform: rotate(-180deg)
}

.table-widget {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 1.5rem
}

.table-widget .table {
    overflow: auto !important;
    width: 100%;
    background: var(--wrap-bg-color);
    border-color: var(--wrap-border-color)
}

.table-widget .table th {
    font-family: var(--font-alt);
    font-size: .75rem;
    font-weight: 600 !important;
    color: var(--light-text);
    padding: 1rem .7em !important;
    border-color: transparent;
    text-transform: uppercase
}

.table-widget .table td {
    font-family: var(--font);
    padding: 1rem .75em !important;
    vertical-align: middle !important;
    color: var(--title-color);
    border-color: var(--wrap-border-color)
}

.table-widget .table td.light-cell {
    font-size: .9rem;
    color: var(--light-text)
}

.table-widget .table td.heavy-cell {
    font-weight: 500;
    font-size: .9rem;
    color: var(--title-color)
}

.table-widget .table td > img {
    display: block;
    min-width: 40px !important;
    height: 40px;
    border-radius: 50%;
    margin: 0 auto
}

.table-widget .table td .flex-cell-inner {
    display: flex;
    align-items: center
}

.table-widget .table td .flex-cell-inner .flex-meta {
    margin-left: .5rem;
    line-height: 1.2
}

.table-widget .table td .flex-cell-inner .flex-meta .flex-title {
    font-family: var(--font-alt);
    font-size: .8rem;
    font-weight: 600;
    color: var(--title-color)
}

.table-widget .table td .flex-cell-inner .flex-end {
    margin-left: auto
}

.table-widget .table td .people {
    display: flex;
    align-items: center
}

.table-widget .table td .people a {
    display: block;
    height: 32px;
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    margin: 0 .25rem
}

.table-widget .table td .people a img {
    display: block;
    height: 32px;
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    border-radius: 50%
}

.table-widget .table td .circle-container {
    position: relative;
    max-width: 44px
}

.table-widget .table td .circle-container .circle-chart-background {
    stroke: var(--circle-chart-bg-color)
}

.table-widget .table td .circle-container .circle-chart-circle {
    stroke: var(--primary)
}

.table-widget .table td .circle-container .circle-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    width: 28px;
    min-width: 28px;
    color: var(--title-color)
}

.table-widget .table td .circle-container .circle-icon span {
    position: relative;
    top: -2px;
    right: -2px;
    font-family: var(--font);
    font-weight: 700;
    color: var(--title-color);
    font-size: .8rem
}

.table-widget .table a, .table-widget .table .button {
    color: var(--title-color);
    height: 38px
}

.apexcharts-title-text {
    font-family: var(--font-alt) !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: var(--apexcharts-title-text-color)
}

.apexcharts-legend .apexcharts-legend-text, .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-text, .apexcharts-xaxis .apexcharts-yaxis-texts-g .apexcharts-text, .apexcharts-yaxis .apexcharts-xaxis-texts-g .apexcharts-text, .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-text {
    font-family: var(--font) !important
}

.apexcharts-datalabels-group .apexcharts-text {
    font-family: var(--font) !important;
    font-weight: 600
}

body.is-dark .apexcharts-subtitle-text {
    fill: var(--accent)
}

body.is-dark .apexcharts-datalabels-group .apexcharts-datalabel-value {
    color: var(--title-color)
}

body.is-dark .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-text, body.is-dark .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label, body.is-dark .apexcharts-svg .apexcharts-inner .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-text, body.is-dark .apexcharts-svg .apexcharts-inner .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-xaxis-label, body.is-dark .apexcharts-svg .apexcharts-graphical .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-text, body.is-dark .apexcharts-svg .apexcharts-graphical .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-xaxis-label {
    fill: var(--medium-text)
}

body.is-dark .apexcharts-svg .apexcharts-inner .apexcharts-xaxis line, body.is-dark .apexcharts-svg .apexcharts-graphical .apexcharts-xaxis line {
    stroke: var(--night-light-16)
}

body.is-dark .apexcharts-svg .apexcharts-inner .apexcharts-grid .apexcharts-gridlines-horizontal .apexcharts-gridline, body.is-dark .apexcharts-svg .apexcharts-graphical .apexcharts-grid .apexcharts-gridlines-horizontal .apexcharts-gridline, body.is-dark .apexcharts-gridlines-vertical .apexcharts-gridline {
    stroke: var(--night-light-16)
}

body.is-dark .apexcharts-series-markers .apexcharts-marker, body.is-dark .apexcharts-series-bubble .apexcharts-marker {
    stroke: var(--night-light-2)
}

body.is-dark .apexcharts-pie-area, body.is-dark .apexcharts-pie-slice-0 {
    stroke: var(--night-light-16)
}

body.is-dark .apexcharts-radialbar-area {
    stroke: var(--night-light-2)
}

body.is-dark .apexcharts-datalabels-group .apexcharts-text, body.is-dark .apexcharts-datalabels-group .apexcharts-datalabel-value {
    fill: var(--medium-text)
}

body.is-dark .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text {
    color: var(--medium-text) !important
}

body.is-dark .apexcharts-yaxis line, body.is-dark .apexcharts-xaxis-inversed line {
    stroke: var(--night-light-16)
}

body.is-dark .apexcharts-radialbar-track .apexcharts-radialbar-area, body.is-dark .apexcharts-track .apexcharts-radialbar-area {
    stroke: var(--night-light-2)
}

body.is-dark .apexcharts-radial-series .apexcharts-radialbar-area {
    stroke: var(--secondary) !important
}

body.is-dark .apexcharts-radar-series > polygon, body.is-dark .apexcharts-radar-series > line, body.is-dark .apexcharts-plot-series > polygon, body.is-dark .apexcharts-plot-series > line {
    fill: none !important;
    stroke: var(--night-light-16)
}

body.is-dark .apexcharts-text, body.is-dark .apexcharts-yaxis-title-text {
    fill: var(--medium-text);
    font-family: var(--font);
    font-weight: 400
}

body.is-dark .apexcharts-data-labels text {
    fill: #fafafa;
    font-family: var(--font);
    font-weight: 400
}

body.is-dark .apexcharts-bar-area {
    stroke: var(--night-light-16)
}

body.is-dark .apexcharts-slices .apexcharts-pie-label {
    fill: #fafafa !important
}

body.is-dark .apexcharts-tooltip {
    box-shadow: 2px 2px 6px -4px var(--night) !important
}

body.is-dark .apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid var(--night-light-16);
    background: var(--night-light-2);
    color: var(--medium-text) !important
}

body.is-dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    background: var(--night-light-2);
    border-bottom: 1px solid var(--night-light-16);
    color: var(--medium-text)
}

body.is-dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text-value, body.is-dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text-z-value, body.is-dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-series-group, body.is-dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-marker {
    color: var(--medium-text) !important
}

body.is-dark .apexcharts-tooltip * {
    font-family: var(--font);
    color: inherit
}

body.is-dark .apexcharts-tooltip .apexcharts-yaxistooltip-text {
    color: var(--medium-text) !important
}

body.is-dark .apexcharts-xaxistooltip {
    border: 1px solid var(--night-light-16);
    background: var(--night-light-2);
    color: var(--medium-text) !important
}

body.is-dark .apexcharts-xaxistooltip.apexcharts-xaxistooltip-bottom:after {
    border-bottom-color: var(--night-light-2)
}

body.is-dark .apexcharts-xaxistooltip.apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: var(--night-light-16)
}

body.is-dark .apexcharts-xaxistooltip * {
    font-family: var(--font);
    color: inherit
}

.demo-charts-wrapper .columns {
    margin: -.3rem
}

.demo-charts-wrapper .columns .column {
    padding: .3rem
}

.chart-card {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 1rem
}

.chart-card .chart-illustration img {
    display: block;
    margin: 0 auto 1rem;
    max-width: 205px
}

.chart-card .chart-illustration .chart-card-content {
    text-align: center
}

.chart-card .chart-illustration .chart-card-content p {
    color: var(--light-text);
    margin-bottom: .75rem
}

.tickets-widget {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 1.5rem
}

.tickets-widget .ticket-list li .ticket-list-item {
    display: flex;
    justify-content: space-between;
    padding: .5rem 0
}

.tickets-widget .ticket-list li .list-item-data {
    display: flex;
    gap: .5rem;
    width: 100%
}

.tickets-widget .ticket-list li .list-item-data .item-info {
    max-width: 230px
}

.tickets-widget .ticket-list li .list-item-data .item-info span {
    display: block
}

.tickets-widget .ticket-list li .list-item-data .item-info span.item-title {
    color: var(--title-color);
    font-size: .8rem;
    font-family: var(--font-alt);
    font-weight: 600
}

.tickets-widget .ticket-list li .list-item-data .item-info span:nth-child(2) {
    font-family: var(--font);
    font-size: .75rem;
    color: var(--light-text)
}

.tickets-widget .ticket-list li .list-item-data .item-action {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto
}

.tickets-widget .ticket-list li .list-item-data .item-action .dot {
    display: block;
    height: .75rem;
    width: .75rem;
    min-width: .75rem;
    border-radius: 50%;
    background: var(--wrap-muted-color)
}

.list-widget {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 1.5rem
}

.list-widget .inner-list li .widget-list-item {
    display: flex;
    justify-content: space-between;
    padding: .75rem 0
}

.list-widget .inner-list li .list-item-data {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%
}

.list-widget .inner-list li .list-item-data .item-info {
    max-width: 230px
}

.list-widget .inner-list li .list-item-data .item-info span {
    display: block
}

.list-widget .inner-list li .list-item-data .item-info span.item-title {
    color: var(--title-color);
    font-size: .8rem;
    font-family: var(--font-alt);
    font-weight: 600
}

.list-widget .inner-list li .list-item-data .item-info span:nth-child(2) {
    font-family: var(--font);
    font-size: .75rem;
    color: var(--light-text)
}

.list-widget .inner-list li .list-item-data .item-action {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto
}

.list-widget .inner-list li .list-item-data .item-action .button {
    height: 36px;
    font-size: .85rem
}

.circle-widget {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 1.25rem;
    display: flex;
    align-items: center
}

.circle-widget .circle-container {
    position: relative;
    height: 70px;
    width: 70px;
    min-width: 70px
}

.circle-widget .circle-container .icon-box, .circle-widget .circle-container img, .circle-widget .circle-container .inner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.circle-widget .circle-container img {
    border-radius: 50%;
    background: var(--wrap-muted-color)
}

.circle-widget .circle-container .inner-text {
    display: block;
    text-align: center;
    font-family: var(--font);
    font-weight: 500;
    color: var(--title-color)
}

.circle-widget .circle-container .circle-chart-background {
    stroke: var(--circle-chart-bg-color)
}

.circle-widget .circle-container .circle-chart-circle {
    stroke: currentColor;
    transition: stroke .3s
}

.circle-widget .circle-meta {
    margin-left: 1.5rem
}

.circle-widget .circle-meta h3 {
    font-family: var(--font-alt);
    font-weight: 600;
    font-size: .95rem;
    color: var(--title-color)
}

.circle-widget .circle-meta p {
    color: var(--light-text);
    font-size: .85rem;
    font-family: var(--font)
}

.circle-widget:not(:last-child) {
    margin-bottom: 1rem
}

.circles-widget {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 1.5rem
}

.circles-widget .statistics {
    display: flex
}

.circles-widget .statistics .statistic {
    flex: 1 1 0px
}

.circles-widget .statistics .statistic .circle-container {
    position: relative
}

.circles-widget .statistics .statistic .circle-container .circle-icon {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(35%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    width: 28px;
    min-width: 28px;
    color: var(--title-color)
}

.circles-widget .statistics .statistic .circle-container .circle-icon span {
    position: relative;
    top: -2px;
    right: -2px;
    font-family: var(--font);
    font-weight: 700;
    color: var(--title-color);
    font-size: .8rem
}

.circles-widget .statistics .statistic .circle-container .circle-chart-background {
    stroke: var(--circle-chart-bg-color)
}

.circles-widget .statistics .statistic .circle-container .circle-chart-circle {
    stroke: currentColor;
    transition: stroke .3s
}

.circles-widget .statistics .statistic > span {
    display: block;
    font-family: var(--font-alt);
    font-weight: 600;
    font-size: .8rem;
    color: var(--title-color);
    padding: .5rem 0
}

.circles-widget > p {
    font-size: .9rem;
    font-family: var(--font);
    color: var(--light-text)
}

.circles-widget.is-centered .statistics .statistic {
    text-align: center
}

.circles-widget.is-centered .statistics .statistic .circle-container .circle-icon {
    left: 50%;
    transform: translate(-50%, -50%)
}

.profile-widget {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    overflow: hidden
}

.profile-widget .widget-header {
    width: 100%;
    background: var(--wrap-muted-color);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2.5rem 0
}

.profile-widget .widget-header .info-block {
    text-align: center
}

.profile-widget .widget-header .info-block img {
    width: 100%;
    max-width: 90px;
    border-radius: 50%;
    border: 3px solid var(--wrap-bg-color)
}

.profile-widget .widget-header .info-block .name {
    font-family: var(--font-alt);
    font-size: 1rem;
    font-weight: 500;
    color: var(--title-color)
}

.profile-widget .widget-header .info-block .role {
    font-family: var(--font);
    font-size: .85rem;
    color: var(--medium-text)
}

.profile-widget .widget-stats {
    padding: 1.5rem
}

.profile-widget .inline-stats {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center
}

.profile-widget .inline-stats .stats-item {
    font-family: var(--font)
}

.profile-widget .inline-stats .stats-item .stat-name {
    font-weight: 400;
    font-size: .7rem;
    text-transform: uppercase;
    color: var(--light-text)
}

.profile-widget .inline-stats .stats-item .stat-data {
    color: var(--title-color);
    font-weight: 700;
    font-size: 1.4rem
}

.profile-widget.is-skewed .widget-header {
    transform: skewY(-5deg);
    margin-top: -1.75rem;
    margin-bottom: 1rem
}

.profile-widget.is-skewed .widget-header .info-block {
    position: relative;
    top: 1rem;
    padding-top: .85rem;
    transform: skewY(5deg)
}

.profile-widget.is-inverted .widget-header .info-block .name {
    color: var(--white-smoke)
}

.profile-widget.is-inverted .widget-header .info-block .role {
    color: var(--white-smoke);
    opacity: .7
}

.action-widget {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 2.25rem
}

.action-widget > img {
    display: block;
    max-width: 210px;
    margin: 0 auto
}

.action-widget .widget-content {
    text-align: center;
    padding: 1rem 0
}

.action-widget .widget-content p {
    font-family: var(--font);
    font-size: .85rem;
    color: var(--medium-text)
}

.action-widget .buttons .button {
    min-width: 110px
}

.top-navbar {
    background: 0 0;
    border-bottom: 1px solid var(--navbar-border-color);
    z-index: 11
}

.top-navbar .navbar-burger {
    color: var(--medium-text)
}

.top-navbar .navbar-burger span {
    transform: scale(1.1)
}

.top-navbar .navbar-menu {
    flex-wrap: wrap;
    background: var(--navbar-bg-color);
    box-shadow: 0 0 8px #00000014;
}

.top-navbar .navbar-start, .top-navbar .navbar-end {
    flex: 1 1 0
}

.top-navbar .navbar-wide.navbar-start {
    flex: 1 1 100%;
    justify-content: center;
    align-items: c;
}

.top-navbar .navbar-item:not(.has-dropdown) {
    margin-bottom: .5rem;
    color: var(--navbar-link-color);
    border-radius: .65rem;
    line-height: 1;
    transition: background-color .3s, color .3s
}

.top-navbar .navbar-item:not(.has-dropdown) .iconify {
    font-size: 1.25rem;
    margin-right: .25rem
}

.top-navbar .navbar-item:not(.has-dropdown):hover, .top-navbar .navbar-item:not(.has-dropdown).is-active {
    color: var(--primary);
    background: var(--wrap-muted-color)
}

.top-navbar .navbar-item.icon-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    width: 38px;
    border-radius: 50%
}

.top-navbar .navbar-item.icon-item .iconify {
    font-size: 1rem;
    margin-right: 0
}

.top-navbar .navbar-item.has-dropdown {
    padding-bottom: .5rem
}

.top-navbar .navbar-item.has-dropdown .navbar-link {
    padding-right: 1.75em;
    border-radius: .65rem;
    perspective: 1px;
    color: var(--navbar-link-color)
}

.top-navbar .navbar-item.has-dropdown .navbar-link .iconify {
    font-size: 1.25rem;
    margin-right: .25rem
}

.top-navbar .navbar-item.has-dropdown .navbar-link:after {
    right: .75em;
    transform: scale(.8) rotate(-45deg);
    transition: transform .3s, color .3s;
    border-color: var(--light-text)
}

.top-navbar .navbar-item.has-dropdown .navbar-dropdown {
    min-width: 220px;
    margin-top: .25rem;
    background: var(--dropdown-bg-color);
    border-color: var(--dropdown-border-color)
}

.top-navbar .navbar-item.has-dropdown .navbar-dropdown .navbar-divider {
    height: 1px;
    background: var(--dropdown-border-color)
}

.top-navbar .navbar-item.has-dropdown .navbar-dropdown .navbar-item {
    margin: 0 .75rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: .5rem;
    color: var(--medium-text);
    line-height: 1;
    border-radius: .65rem;
    transition: background-color .3s
}

.top-navbar .navbar-item.has-dropdown .navbar-dropdown .navbar-item .iconify {
    font-size: 1.25rem;
    margin-right: .25rem
}

.top-navbar .navbar-item.has-dropdown .navbar-dropdown .navbar-item:hover {
    color: var(--primary);
    background: var(--wrap-muted-color)
}

.top-navbar .navbar-item.has-dropdown .navbar-dropdown .navbar-item.is-active {
    color: var(--primary)
}

.top-navbar .navbar-item.has-dropdown:hover {
    background: 0 0
}

.top-navbar .navbar-item.has-dropdown:hover .navbar-link {
    color: var(--primary);
    background: var(--wrap-muted-color)
}

.top-navbar .navbar-item.has-dropdown:hover .navbar-link:after {
    transform: scale(.8) rotate(135deg);
    margin-top: -.1rem
}

.top-navbar .navbar-item.has-dropdown.is-hoverable:hover {
    background: 0 0
}

.nav-wrapper {
    position: fixed;
    top: 100px;
    left: 0;
    width: 100%;
    z-index: 10;
    transition: all .3s
}

.nav-wrapper .nav-wrapper-inner {
    position: relative;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 2.5rem
}

.nav-wrapper .dashboard-nav {
    position: relative;
    height: 60px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .5rem;
    border: 1px solid transparent;
    border-radius: 1rem;
    z-index: 1;
    transition: all .3s
}

.nav-wrapper .dashboard-nav .nav-start {
    display: flex;
    align-items: center;
    flex-grow: 2;
    max-width: 680px
}

.nav-wrapper .dashboard-nav .nav-start .field {
    width: 100%;
    max-width: 380px
}

.nav-wrapper .dashboard-nav .nav-end {
    display: flex;
    align-items: center
}

.nav-wrapper .dashboard-nav .nav-end .nav-item {
    position: relative;
    margin-right: 8px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s
}

.nav-wrapper .dashboard-nav .nav-end .nav-item.is-hoverable:hover {
    background: var(--wrap-muted-color)
}

.nav-wrapper .dashboard-nav .nav-end .nav-item.is-hoverable:hover svg {
    stroke: var(--title-color);
    color: var(--title-color)
}

.nav-wrapper .dashboard-nav .nav-end .nav-item.panel-trigger {
    border-radius: 0
}

.nav-wrapper .dashboard-nav .nav-end .nav-item.panel-trigger .iconify {
    color: var(--medium-text)
}

.nav-wrapper .dashboard-nav .nav-end .nav-item.panel-trigger:hover {
    background: var(--wrap-muted-color)
}

.nav-wrapper .dashboard-nav .nav-end .nav-item.is-account {
    margin-left: 20px;
    border-radius: 0
}

.nav-wrapper .dashboard-nav .nav-end .nav-item.is-account .image-wrap {
    position: relative
}

.nav-wrapper .dashboard-nav .nav-end .nav-item.is-account .image-wrap img {
    display: block;
    height: 40px;
    width: 40px
}

.nav-wrapper .dashboard-nav .nav-end .nav-item .indicator {
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: var(--secondary);
    z-index: 2
}

.nav-wrapper .dashboard-nav .nav-end .nav-item svg {
    height: 18px;
    width: 18px;
    stroke-width: 1.6px;
    stroke: var(--light-text);
    color: var(--light-text);
    transition: stroke .3s
}

.nav-wrapper .dashboard-nav .nav-end .dropdown-wrap .dropdown-button {
    height: 40px;
    width: 40px
}

.nav-wrapper .dashboard-nav .nav-end .dropdown-wrap .dropdown-button svg {
    height: 18px;
    width: 18px
}

.nav-wrapper .dashboard-nav .nav-end .dropdown-wrap:not(:last-child) {
    margin-right: 8px
}

.nav-wrapper.is-expanded {
    width: 100%;
    margin-left: 0
}

.nav-wrapper.is-active .dashboard-nav {
    margin-top: -5.5rem;
    background: var(--navbar-bg-color);
    border-color: var(--navbar-border-color);
    box-shadow: var(--light-box-shadow)
}

.search-results {
    position: absolute;
    top: 46px;
    left: 0;
    width: 100%;
    max-height: 322px;
    overflow-y: auto;
    background: var(--card-bg-color);
    opacity: 0;
    border: 1px solid var(--card-border-color);
    border-radius: 4px;
    pointer-events: none;
    transform: translateY(5px);
    box-shadow: var(--light-box-shadow);
    transition: all .3s;
    z-index: 5
}

.search-results.is-active {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0)
}

.search-results .placeholder-wrap {
    min-height: 285px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2rem
}

.search-results .placeholder-wrap .placeholder-content img {
    display: block;
    margin: 0 auto 16px;
    max-width: 90px
}

.search-results .placeholder-wrap .placeholder-content h3 {
    font-family: var(--font);
    font-weight: 600;
    color: var(--title-color);
    padding: 0
}

.search-results .placeholder-wrap .placeholder-content p {
    color: var(--medium-text);
    font-size: .95rem;
    max-width: 420px;
    margin: 0 auto
}

.search-results .search-result {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid var(--card-border-color);
    transition: all .3s
}

.search-results .search-result:last-child {
    border-bottom: none
}

.search-results .search-result:hover {
    background: var(--dropdown-bg-color-hover)
}

.search-results .search-result img {
    display: block;
    height: 38px;
    width: 38px;
    min-width: 38px
}

.search-results .search-result .fake-avatar {
    height: 38px;
    width: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-family: var(--font);
    font-size: .8rem;
    color: var(--wrap-muted-color)
}

.search-results .search-result .meta {
    margin-left: 12px
}

.search-results .search-result .meta span {
    display: block;
    line-height: 1.2
}

.search-results .search-result .meta span:first-child {
    font-family: var(--font);
    font-weight: 500;
    font-size: .8rem;
    color: var(--title-color)
}

.search-results .search-result .meta span:nth-child(2) {
    font-size: .75rem;
    color: var(--light-text)
}

@media (max-width: 767px) {
    .top-navbar {
        background-color: var(--navbar-bg-color) !important
    }

    .top-navbar .navbar-brand .navbar-item {
        margin-bottom: 0 !important
    }

    .top-navbar .navbar-item .iconify {
        position: relative;
        top: .25rem
    }

    .top-navbar .navbar-item.icon-item {
        display: none
    }

    .top-navbar .navbar-item.has-dropdown .navbar-link {
        border-radius: 0
    }

    .top-navbar .navbar-item.has-dropdown .navbar-link.is-active {
        background: var(--wrap-muted-color);
        color: var(--primary)
    }

    .top-navbar .navbar-item.has-dropdown .navbar-link:after {
        right: 1.25em
    }

    .top-navbar .navbar-menu.is-active {
        background: var(--dropdown-bg-color);
        max-height: 80vh;
        overflow-y: auto
    }

    .nav-wrapper {
        width: 100% !important;
        top: 60px;
        margin: 0 !important
    }

    .nav-wrapper .nav-wrapper-inner {
        padding: 0 1rem
    }

    .nav-wrapper .dashboard-nav .nav-start .field {
        display: none
    }

    .nav-wrapper .dashboard-nav .mobile-search {
        display: none;
        width: 100%
    }

    .nav-wrapper .dashboard-nav .mobile-search .field {
        width: 100%
    }

    .nav-wrapper .dashboard-nav .mobile-search.is-active {
        display: flex
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .top-navbar {
        background-color: var(--navbar-bg-color) !important
    }

    .top-navbar .navbar-brand .navbar-item {
        margin-bottom: 0 !important
    }

    .top-navbar .navbar-item .iconify {
        position: relative;
        top: .25rem
    }

    .top-navbar .navbar-item.icon-item {
        display: none
    }

    .top-navbar .navbar-item.has-dropdown .navbar-link {
        border-radius: 0
    }

    .top-navbar .navbar-item.has-dropdown .navbar-link.is-active {
        background: var(--wrap-muted-color);
        color: var(--primary)
    }

    .top-navbar .navbar-item.has-dropdown .navbar-link:after {
        right: 1.25em
    }

    .top-navbar .navbar-menu.is-active {
        background: var(--dropdown-bg-color);
        max-height: 80vh;
        overflow-y: auto
    }

    .nav-wrapper {
        width: 100% !important;
        margin: 0 !important;
        top: 60px
    }

    .nav-wrapper .nav-wrapper-inner {
        padding: 0 1rem
    }

    .nav-wrapper .dashboard-nav .nav-start .field {
        margin-left: 1rem
    }

    .nav-wrapper .dashboard-nav .nav-end .mobile-search-trigger {
        display: none !important
    }

    .nav-wrapper .dashboard-nav .mobile-search {
        display: none !important;
        width: 100%
    }

    .nav-wrapper .dashboard-nav .mobile-search .field {
        width: 100%
    }

    .nav-wrapper .dashboard-nav .mobile-search.is-active {
        display: flex
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .top-navbar .navbar-item.is-hidden-landscape {
        display: none
    }

    .nav-wrapper {
        width: 100% !important;
        margin: 0 !important
    }

    .nav-wrapper .nav-wrapper-inner {
        padding: 0 1rem
    }

    .nav-wrapper .dashboard-nav {
        margin: 0 !important;
        width: 100% !important
    }

    .nav-wrapper .dashboard-nav .nav-start .field {
        margin-left: 1rem
    }

    .nav-wrapper .dashboard-nav .nav-end .mobile-search-trigger {
        display: none !important
    }
}

@media only screen and (min-width: 1600px) {
    .nav-wrapper, .top-navbar {
        width: calc(100% - 340px);
        margin-right: 340px
    }
}

.panel {
    position: fixed;
    top: 0;
    right: 0;
    width: 340px;
    height: 100%;
    background: var(--sidebar-default-bg-color);
    border-left: 1px solid var(--sidebar-default-border-color);
    transition: all .3s;
    transform: translate(100%);
    z-index: 11
}

.panel.is-active {
    transform: translate(0)
}

.panel.is-pushed {
    transform: translate(100%)
}

.panel .panel-header {
    height: 80px;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.panel .panel-header .title {
    font-size: .9rem;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px
}

.panel .panel-header .close-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    width: 44px;
    background: 0 0;
    border: none;
    color: var(--light-text);
    font-size: 1.25rem;
    transition: background-color .3s;
    cursor: pointer
}

.panel .panel-header .close-button:hover {
    background: var(--wrap-muted-color)
}

.panel .panel-calendar {
    height: 310px;
    padding: 0 1.5rem 1.5rem
}

.panel .panel-calendar .calendar-button {
    margin-top: 1rem
}

.panel .panel-calendar .calendar-button .button {
    min-height: 48px
}

.panel .panel-calendar .calendar-button .button span {
    margin-left: .25rem
}

.panel .panel-conversations-header {
    height: 40px;
    padding: 0 1.5rem;
    margin-top: -.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.panel .panel-conversations-header .title {
    font-size: .75rem;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px
}

.panel .panel-conversations-body {
    height: calc(100% - 420px);
    overflow-y: auto;
    padding: 0 1.5rem 1.5rem
}

.panel .panel-conversations-body .panel-conversation {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: .75rem;
    border-radius: .85rem;
    transition: background-color .3s
}

.panel .panel-conversations-body .panel-conversation .meta {
    margin-left: .5rem
}

.panel .panel-conversations-body .panel-conversation .meta span {
    display: block;
    line-height: 1.2
}

.panel .panel-conversations-body .panel-conversation .meta span:first-child {
    font-family: var(--font-alt);
    font-size: .8rem;
    font-weight: 600;
    color: var(--title-color)
}

.panel .panel-conversations-body .panel-conversation .meta span:nth-child(2) {
    font-family: var(--font);
    font-size: .75rem;
    color: var(--light-text)
}

.panel .panel-conversations-body .panel-conversation button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    background: var(--wrap-bg-color);
    padding: 0;
    border: 0;
    margin-left: auto
}

.panel .panel-conversations-body .panel-conversation button .iconify {
    color: var(--medium-text);
    transition: color .3s
}

.panel .panel-conversations-body .panel-conversation:hover {
    background: var(--wrap-muted-color)
}

.panel .panel-conversations-body .panel-conversation:hover button .iconify {
    color: var(--title-color)
}

.panel-trigger {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    border-radius: 0;
    background: 0 0
}

.panel-trigger .iconify {
    color: var(--medium-text)
}

.panel-trigger:hover {
    background: var(--wrap-muted-color)
}

[dir=rtl] .panel .panel-header .close-button, [dir=rtl] .panel .panel-conversations-body .panel-conversation button {
    transform: rotate(180deg)
}

@media only screen and (min-width: 1600px) {
    .panel {
        transform: translate(0);
        box-shadow: none;
        border-color: transparent;
        background: var(--wrap-muted-color)
    }

    .panel.is-active {
        transform: translate(0)
    }

    .panel.is-pushed {
        transform: translate(250px) !important
    }

    .panel-header .close-button, .panel-trigger {
        display: none !important
    }

    .panel-conversations .panel-conversation:hover {
        background-color: var(--wrap-bg-color) !important
    }
}

.birdsof_web .navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background: 0 0;
    transition: all .3s
}

.birdsof_web .navbar .navbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 4.5rem;
    width: 100%;
    padding: 0 1rem;
    max-width: 1152px;
    margin: 0 auto
}

.birdsof_web .navbar .navbar-inner .left, .birdsof_web .navbar .navbar-inner .right {
    display: flex;
    align-items: center;
    font-family: var(--font)
}

.birdsof_web .navbar .navbar-inner .left .brand-logo {
    display: block;
    height: 30px
}

.birdsof_web .navbar .navbar-inner .left .version {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .7rem;
    font-weight: 500;
    height: 2em;
    padding: 0 .75rem;
    color: var(--secondary);
    border: 1px solid var(--secondary);
    border-radius: .6rem;
    margin-left: 1rem
}

.birdsof_web .navbar .navbar-menu .navbar-start .nav-burger {
    display: none;
    justify-content: center;
    align-items: center;
    margin-left: auto
}

.birdsof_web .navbar .navbar-menu .navbar-start > a, .birdsof_web .navbar .navbar-menu .theme-toggle {
    margin-left: 1rem
}

.birdsof_web .navbar .navbar-menu .navbar-start .nav-link {
    color: var(--navbar-link-color)
}

.birdsof_web .navbar .navbar-menu .navbar-start .nav-link:hover {
    color: var(--primary)
}

.birdsof_web .navbar .navbar-menu .navbar-start .button {
    min-height: 28px
}

.birdsof_web .navbar.is-solid {
    background: var(--navbar-bg-color);
    border-bottom: 1px solid var(--navbar-border-color)
}

.birdsof_web .navbar.is-scrolled {
    background: var(--navbar-bg-color);
    box-shadow: 0 0 8px #00000014
}

.birdsof_web .cssninja-hero {
    position: relative;
    min-height: 100vh;
    background: var(--hero-grey-bg-color);
    overflow: hidden;
    padding: 0 1rem
}

.birdsof_web .cssninja-hero .plant-pattern {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    max-width: 380px;
    transform: scaleX(1)
}

.birdsof_web .cssninja-hero .plant-pot {
    position: absolute;
    bottom: 0;
    left: 20%;
    z-index: 2;
    max-width: 160px
}

.birdsof_web .cssninja-hero .cssninja-hero-inner .hero-caption {
    position: relative;
    padding-top: 7rem;
    text-align: center;
    margin-bottom: 3rem
}

.birdsof_web .cssninja-hero .cssninja-hero-inner .hero-caption .product-stacks {
    font-family: var(--font);
    font-weight: 500;
    padding: .5rem 0;
    color: var(--primary)
}

.birdsof_web .cssninja-hero .cssninja-hero-inner .hero-caption .product-stack {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--wrap-bg-color);
    border-radius: 50%;
    box-shadow: var(--spread-shadow)
}

.birdsof_web .cssninja-hero .cssninja-hero-inner .hero-caption .product-stack img {
    max-width: 80%;
    max-height: 80%;
    margin: 0 auto
}

.birdsof_web .cssninja-hero .cssninja-hero-inner .hero-caption .product-stack.product-stack-1 {
    bottom: 20px;
    left: -120px;
    height: 60px;
    width: 60px
}

.birdsof_web .cssninja-hero .cssninja-hero-inner .hero-caption .product-stack.product-stack-2 {
    bottom: 160px;
    left: -100px;
    height: 80px;
    width: 80px
}

.birdsof_web .cssninja-hero .cssninja-hero-inner .hero-caption .product-stack.product-stack-2 img {
    max-width: 65%;
    max-height: 65%
}

.birdsof_web .cssninja-hero .cssninja-hero-inner .hero-caption .product-stack.product-stack-3 {
    bottom: 120px;
    left: -215px;
    height: 60px;
    width: 60px
}

.birdsof_web .cssninja-hero .cssninja-hero-inner .hero-caption .product-stack.product-stack-4 {
    bottom: -20px;
    right: -120px;
    height: 60px;
    width: 60px
}

.birdsof_web .cssninja-hero .cssninja-hero-inner .hero-caption .product-stack.product-stack-5 {
    bottom: -80px;
    right: -240px;
    height: 75px;
    width: 75px
}

.birdsof_web .cssninja-hero .cssninja-hero-inner .hero-caption .buttons .button {
    min-height: 48px;
    min-width: 130px
}

.birdsof_web .cssninja-hero .template-mockup {
    position: relative;
    display: block;
    max-width: 740px;
    margin: 0 auto;
    border: 1px solid var(--wrap-border-color);
    border-radius: .85rem .85rem 0 0;
    box-shadow: var(--light-box-shadow);
    z-index: 1
}

.birdsof_web .cssninja-template {
    position: relative
}

.birdsof_web .cssninja-template .purchase-card {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    position: sticky;
    top: 110px;
    padding: 2rem;
    box-shadow: var(--light-box-shadow)
}

.birdsof_web .cssninja-template .purchase-card .purchase-card-tabs .inner-tabs {
    position: relative;
    display: flex;
    background: var(--wrap-muted-color);
    border-radius: .65rem
}

.birdsof_web .cssninja-template .purchase-card .purchase-card-tabs .inner-tabs > a {
    font-family: var(--font);
    color: var(--light-text);
    position: relative;
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    z-index: 1
}

.birdsof_web .cssninja-template .purchase-card .purchase-card-tabs .inner-tabs > a.is-active {
    color: var(--title-color)
}

.birdsof_web .cssninja-template .purchase-card .purchase-card-tabs .inner-tabs > a.is-active:first-child ~ .naver {
    margin-left: 0
}

.birdsof_web .cssninja-template .purchase-card .purchase-card-tabs .inner-tabs > a.is-active:nth-child(2) ~ .naver {
    margin-left: 33.3%
}

.birdsof_web .cssninja-template .purchase-card .purchase-card-tabs .inner-tabs > a.is-active:nth-child(3) ~ .naver {
    margin-left: 66.6%
}

.birdsof_web .cssninja-template .purchase-card .purchase-card-tabs .inner-tabs .naver {
    position: absolute;
    height: 100%;
    width: 33.3%;
    background: var(--wrap-bg-color);
    border: 1px solid var(--wrap-border-color);
    border-radius: .65rem;
    box-shadow: var(--light-box-shadow);
    z-index: 0;
    transition: margin .3s
}

.birdsof_web .cssninja-template .purchase-card .purchase-card-tabs .inner-tabs-content {
    padding-top: 1rem
}

.birdsof_web .cssninja-template .purchase-card .purchase-card-tabs .inner-tabs-content .inner-content .price-block {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--card-border-color);
    padding-bottom: 1.75rem;
    margin-bottom: 1.5rem
}

.birdsof_web .cssninja-template .purchase-card .purchase-card-tabs .inner-tabs-content .inner-content .price-block .price-value {
    font-family: var(--font);
    font-weight: 700;
    font-size: 2.5rem;
    color: var(--title-color)
}

.birdsof_web .cssninja-template .purchase-card .purchase-card-tabs .inner-tabs-content .inner-content .price-block .price-meta {
    margin-left: 1.5rem
}

.birdsof_web .cssninja-template .purchase-card .purchase-card-tabs .inner-tabs-content .inner-content .price-block .price-meta h4 {
    color: var(--title-color)
}

.birdsof_web .cssninja-template .purchase-card .purchase-card-tabs .inner-tabs-content .inner-content .price-block .price-meta .paragraph {
    line-height: 1.2
}

.birdsof_web .cssninja-template .purchase-card .purchase-card-tabs .inner-tabs-content .inner-content .benefits {
    margin-bottom: 2rem
}

.birdsof_web .cssninja-template .purchase-card .purchase-card-tabs .inner-tabs-content .inner-content .benefits ul {
    list-style-type: disc;
    font-family: var(--font);
    padding-left: 1rem
}

.birdsof_web .cssninja-template .purchase-card .purchase-card-tabs .inner-tabs-content .inner-content .benefits ul li {
    font-size: .9rem;
    color: var(--light-text)
}

.birdsof_web .cssninja-template .purchase-card .purchase-card-tabs .inner-tabs-content .inner-content .benefits ul li:not(:last-child) {
    margin-bottom: .5rem
}

.birdsof_web .cssninja-template .purchase-card .purchase-card-tabs .inner-tabs-content .inner-content .purchase-action .button {
    min-height: 50px
}

.birdsof_web .cssninja-template .template-info {
    padding-right: 2rem
}

.birdsof_web .cssninja-template .template-info-section {
    padding-bottom: 4rem
}

.birdsof_web .cssninja-template .template-info-section:not(:last-child) {
    margin-bottom: 3rem;
    border-bottom: 1px solid var(--wrap-border-color)
}

.birdsof_web .cssninja-template .template-stacks .template-stack-card {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 2rem 1rem;
    text-align: center;
    transition: box-shadow .3s;
    font-size: 2rem;
    margin-bottom: .5rem
}

.birdsof_web .cssninja-template .template-stacks .template-stack-card .iconify {
    font-size: 2rem;
    margin-bottom: .5rem
}

.birdsof_web .cssninja-template .template-stacks .template-stack-card .iconify.smaller {
    padding: 0 .5rem;
    margin-bottom: .9rem;
    font-size: 1.65rem
}

.birdsof_web .cssninja-template .template-stacks .template-stack-card:hover {
    box-shadow: var(--spread-shadow)
}

.birdsof_web .cssninja-template .template-features .template-feature {
    padding-top: 1rem
}

.birdsof_web .cssninja-template .template-features .template-feature .iconify {
    font-size: 2.25rem;
    color: var(--primary)
}

.birdsof_web .cssninja-template .template-demos {
    padding-top: 1rem
}

.birdsof_web .cssninja-template .template-demos .demo-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: .55rem;
    border: 1px solid var(--wrap-border-color)
}

.birdsof_web .cssninja-template .template-demos .demo-wrapper:hover .circle-overlay {
    transform: scale(35)
}

.birdsof_web .cssninja-template .template-demos .demo-wrapper:hover .demo-title {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0 !important
}

.birdsof_web .cssninja-template .template-demos .demo-wrapper:hover .demo-link {
    color: var(--white);
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0 !important
}

.birdsof_web .cssninja-template .template-demos .demo-wrapper .new-tag {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: red;
    color: var(--white);
    font-family: var(--font);
    padding: .5rem 1rem;
    border-radius: .5rem;
    text-transform: uppercase;
    font-size: .8rem;
    z-index: 8
}

.birdsof_web .cssninja-template .template-demos .demo-wrapper .image-wrapper {
    overflow: hidden
}

.birdsof_web .cssninja-template .template-demos .demo-wrapper .image-wrapper img {
    display: block
}

.birdsof_web .cssninja-template .template-demos .demo-wrapper .circle-overlay {
    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
}

.birdsof_web .cssninja-template .template-demos .demo-wrapper .demo-info {
    position: absolute;
    margin: 0 auto;
    top: 35%;
    left: 0;
    right: 0;
    z-index: 2;
    color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center
}

.birdsof_web .cssninja-template .template-demos .demo-wrapper .demo-title {
    color: var(--white);
    font-family: var(--font-alt);
    font-size: 1.1rem;
    font-weight: 600;
    padding-bottom: .5rem;
    opacity: 0;
    transform: translateY(20px);
    transition: all .3s;
    transition-delay: .1s
}

.birdsof_web .cssninja-template .template-demos .demo-wrapper .demo-link {
    opacity: 0;
    transform: translateY(20px);
    transition: all .3s;
    transition-delay: .2s
}

.birdsof_web .cssninja-template .template-demos .demo-wrapper .demo-link a {
    color: var(--white);
    font-family: var(--font);
    font-size: .9rem
}

.birdsof_web .cssninja-template .template-demos .demo-wrapper .demo-link a .iconify {
    position: relative;
    top: 3px;
    opacity: 0;
    transform: translate(0);
    transition: all .3s ease-out
}

.birdsof_web .cssninja-template .template-demos .demo-wrapper .demo-link a:hover .iconify {
    opacity: 1;
    transform: translate(10px)
}

.birdsof_web .template-cta {
    position: relative;
    background: var(--section-bg-color-grey);
    padding-bottom: 0;
    overflow: hidden
}

.birdsof_web .template-cta .cta-caption .buttons .button {
    min-height: 48px;
    min-width: 130px
}

.birdsof_web .template-cta .template-image-wrapper {
    min-height: 500px
}

.birdsof_web .template-cta .template-image-wrapper .template-image {
    position: absolute;
    bottom: 0;
    display: block;
    max-width: 540px;
    margin: 0 auto;
    border: 1px solid var(--wrap-border-color);
    border-radius: .85rem .85rem 0 0;
    box-shadow: var(--light-box-shadow);
    z-index: 1
}

.birdsof_web .template-footer {
    padding: 4rem 1rem;
    background: var(--footer-light-bg-color)
}

.birdsof_web .template-footer .footer-inner {
    display: flex;
    align-items: center
}

.birdsof_web .template-footer .footer-inner .footer-logo {
    display: flex;
    align-items: center;
    color: var(--light-text)
}

.birdsof_web .template-footer .footer-inner .footer-logo img {
    display: block;
    width: 100%;
    max-width: 150px;
    margin-right: 1rem
}

.birdsof_web .template-footer .footer-inner .footer-logo span {
    display: block;
    margin-right: .5rem
}

.birdsof_web .template-footer .footer-inner .footer-socials {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto
}

.birdsof_web .template-footer .footer-inner .footer-socials .social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    width: 38px;
    border-radius: 50%;
    color: var(--light-text);
    transition: color .3s, background-color .3s
}

.birdsof_web .template-footer .footer-inner .footer-socials .social-link:hover {
    background: var(--wrap-muted-color);
    color: var(--primary)
}

@media only screen and (max-width: 767px) {
    .birdsof_web .navbar .navbar-inner {
        padding-right: 0
    }

    .birdsof_web .navbar .navbar-inner .left {
        width: 100%
    }

    .birdsof_web .navbar .navbar-inner .left .nav-burger {
        display: flex
    }

    .birdsof_web .navbar .navbar-inner .right {
        position: fixed;
        left: 0;
        flex-direction: column;
        width: 100%;
        top: 4.5rem;
        padding: 1.75rem;
        opacity: 0;
        pointer-events: none;
        transform: translateY(1rem);
        background: var(--navbar-bg-color);
        transition: background-color .3s, opacity .3s, transform .3s
    }

    .birdsof_web .navbar .navbar-inner .right > a {
        margin-left: 0
    }

    .birdsof_web .navbar .navbar-inner .right > a:not(.button) {
        font-size: 1.1rem;
        margin-bottom: 1rem
    }

    .birdsof_web .navbar .navbar-inner .right > a.button {
        width: 100%
    }

    .birdsof_web .navbar .navbar-inner .right .theme-toggle {
        margin-left: 0;
        margin-bottom: 1rem
    }

    .birdsof_web .navbar .navbar-inner .right.is-active {
        opacity: 1;
        transform: translateY(0)
    }

    .birdsof_web .cssninja-hero {
        min-height: initial
    }

    .birdsof_web .cssninja-hero .plant-pattern {
        max-width: 175px
    }

    .birdsof_web .cssninja-hero .plant-pot {
        left: 2%;
        max-width: 80px
    }

    .birdsof_web .cssninja-hero .cssninja-hero-inner .hero-caption .title.is-1 {
        font-size: 2.5rem
    }

    .birdsof_web .cssninja-hero .template-mockup {
        max-width: 100%
    }

    .birdsof_web .cssninja-template .purchase-card .purchase-card-tabs .inner-tabs-content .inner-content .price-block {
        flex-direction: column;
        text-align: center
    }

    .birdsof_web .cssninja-template .purchase-card .purchase-card-tabs .inner-tabs-content .inner-content .price-block .price-meta {
        margin-left: 0
    }

    .birdsof_web .cssninja-template .template-info {
        padding-right: 0
    }

    .birdsof_web .cssninja-template .template-features .template-feature .paragraph {
        max-width: 280px
    }

    .birdsof_web .template-cta {
        text-align: center
    }

    .birdsof_web .template-cta .title {
        font-size: 2.25rem
    }

    .birdsof_web .template-cta .buttons {
        justify-content: center
    }

    .birdsof_web .template-cta .template-image-wrapper {
        min-height: 300px
    }

    .birdsof_web .template-cta .template-image-wrapper .template-image {
        max-width: 100%
    }

    .birdsof_web .template-footer .footer-inner {
        flex-direction: column
    }

    .birdsof_web .template-footer .footer-inner .footer-logo {
        flex-direction: column;
        margin-bottom: 1rem
    }

    .birdsof_web .template-footer .footer-inner .footer-logo span {
        margin: 0
    }

    .birdsof_web .template-footer .footer-inner .footer-logo img {
        max-width: 200px;
        margin: 0 0 1rem
    }

    .birdsof_web .template-footer .footer-inner .footer-socials {
        justify-content: center;
        margin-left: 0
    }

    .birdsof_web .template-footer .footer-inner .footer-socials .social-link {
        margin: 0 .15rem
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .birdsof_web .cssninja-hero {
        min-height: initial
    }

    .birdsof_web .cssninja-hero .plant-pattern {
        max-width: 225px
    }

    .birdsof_web .cssninja-hero .plant-pot {
        left: 8%;
        max-width: 100px
    }

    .birdsof_web .cssninja-hero .template-mockup {
        max-width: 600px
    }

    .birdsof_web .cssninja-hero .cssninja-hero-inner .hero-caption .product-stack.product-stack-1 {
        left: -46px
    }

    .birdsof_web .cssninja-hero .cssninja-hero-inner .hero-caption .product-stack.product-stack-2 {
        left: -90px
    }

    .birdsof_web .cssninja-hero .cssninja-hero-inner .hero-caption .product-stack.product-stack-3 {
        bottom: 155px;
        left: 10px
    }

    .birdsof_web .cssninja-hero .cssninja-hero-inner .hero-caption .product-stack.product-stack-4 {
        right: -90px
    }

    .birdsof_web .cssninja-hero .cssninja-hero-inner .hero-caption .product-stack.product-stack-5 {
        bottom: -140px;
        right: -85px
    }

    .birdsof_web .template-cta {
        text-align: center
    }

    .birdsof_web .template-cta .buttons {
        justify-content: center
    }

    .birdsof_web .template-cta .template-image-wrapper .template-image {
        left: 0;
        right: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .birdsof_web .cssninja-hero {
        min-height: initial
    }

    .birdsof_web .cssninja-hero .plant-pattern {
        max-width: 280px
    }

    .birdsof_web .cssninja-hero .plant-pot {
        left: 11%;
        max-width: 130px
    }

    .birdsof_web .cssninja-hero .template-mockup {
        max-width: 600px
    }

    .birdsof_web .cssninja-hero .cssninja-hero-inner .hero-caption .product-stack.product-stack-5 {
        bottom: -140px;
        right: -206px
    }

    .birdsof_web .cssninja-template .purchase-card {
        padding: 1.5rem
    }
}

.login-wrapper {
    position: relative;
    min-height: 100vh;
    background: var(--dashboard-bg-color)
}

.login-wrapper .login-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 .75rem
}

.login-wrapper .login-nav .login-nav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 4.5rem
}

.login-wrapper .login-nav .login-nav-inner .start {
    display: flex;
    align-items: center
}

.login-wrapper .login-nav .login-nav-inner .start .brand-logo {
    display: block;
    width: 100%;
    max-height: 18px
}

.login-wrapper .login-nav .login-nav-inner .end {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.login-wrapper .login-caption {
    max-width: 420px;
    margin: 0 auto 1.5rem;
    text-align: center
}

.login-wrapper .login-caption p {
    color: var(--medium-text)
}

.login-wrapper .login-form {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    max-width: 420px;
    padding: 2.5rem;
    margin: 0 auto
}

.login-wrapper .login-form .control.has-icon .form-icon {
    height: 48px;
    width: 48px
}

.login-wrapper .login-form .input {
    min-height: 48px;
    padding-left: 48px
}

.login-wrapper .login-form .login-conditions {
    display: flex;
    align-items: center;
    padding: .5rem 0
}

.login-wrapper .login-form .login-conditions .f-switch {
    transform: scale(.75)
}

.login-wrapper .login-form .login-conditions span {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--medium-text)
}

.login-wrapper .login-form .login-conditions span a {
    color: var(--primary)
}

.login-wrapper .login-form .buttons {
    margin-top: 1rem;
    margin-bottom: .5rem
}

.login-wrapper .login-form .buttons .button {
    min-height: 48px
}

.login-wrapper .login-form .login-link {
    text-align: center
}

.login-wrapper .login-form .login-link a {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--light-text);
    transition: color .3s
}

.login-wrapper .login-form .login-link a:hover {
    color: var(--primary)
}

@media only screen and (max-width: 767px) {
    .login-wrapper .login-form {
        padding: 2rem
    }
}

.signup-wrapper {
    position: relative;
    min-height: 100vh;
    background: var(--dashboard-bg-color)
}

.signup-wrapper .signup-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 .75rem
}

.signup-wrapper .signup-nav .signup-nav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 4.5rem
}

.signup-wrapper .signup-nav .signup-nav-inner .start {
    display: flex;
    align-items: center
}

.signup-wrapper .signup-nav .signup-nav-inner .start .brand-logo {
    display: block;
    width: 100%;
    max-height: 18px
}

.signup-wrapper .signup-nav .signup-nav-inner .end {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.signup-wrapper .signup-caption {
    max-width: 420px;
    margin-bottom: 1.5rem
}

.signup-wrapper .signup-caption p {
    color: var(--medium-text)
}

.signup-wrapper .signup-form {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    max-width: 420px;
    padding: 2.5rem
}

.signup-wrapper .signup-form .control.has-icon .form-icon {
    height: 48px;
    width: 48px
}

.signup-wrapper .signup-form .input {
    min-height: 48px;
    padding-left: 48px
}

.signup-wrapper .signup-form .signup-conditions {
    display: flex;
    align-items: center;
    padding: .5rem 0
}

.signup-wrapper .signup-form .signup-conditions .f-switch {
    transform: scale(.75)
}

.signup-wrapper .signup-form .signup-conditions span {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--medium-text)
}

.signup-wrapper .signup-form .signup-conditions span a {
    color: var(--primary)
}

.signup-wrapper .signup-form .buttons {
    margin-top: 1rem;
    margin-bottom: .5rem
}

.signup-wrapper .signup-form .buttons .button {
    min-height: 48px
}

.signup-wrapper .signup-form .login-link {
    text-align: center
}

.signup-wrapper .signup-form .login-link a {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--light-text);
    transition: color .3s
}

.signup-wrapper .signup-form .login-link a:hover {
    color: var(--primary)
}

.signup-wrapper .signup-illustration {
    display: block;
    max-width: 420px;
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .signup-wrapper .signup-caption {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }

    .signup-wrapper .signup-form {
        padding: 2rem;
        margin: 0 auto
    }

    .signup-wrapper .signup-illustration {
        display: none
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .signup-wrapper .signup-caption {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }

    .signup-wrapper .signup-form {
        margin: 0 auto
    }

    .signup-wrapper .signup-illustration {
        display: none
    }
}

.accounting-dashboard .main-card {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 1.875rem;
    display: flex;
    margin-bottom: 1.875rem
}

.accounting-dashboard .main-card .left-side {
    flex-grow: 2;
    border-right: 1px solid var(--card-border-color);
    padding-right: 1.875rem
}

.accounting-dashboard .main-card .left-side .header {
    display: flex;
    justify-content: space-between;
    align-items: baseline
}

.accounting-dashboard .main-card .left-side .header h2 {
    font-family: var(--font);
    font-weight: 600;
    font-size: 1.8rem;
    color: var(--title-color)
}

.accounting-dashboard .main-card .left-side .header h2:before {
    content: "$";
    position: relative;
    top: -5px;
    font-size: 70%
}

.accounting-dashboard .main-card .left-side .header span {
    font-family: var(--font);
    font-weight: 500;
    font-size: .9rem;
    color: var(--title-color)
}

.accounting-dashboard .main-card .left-side .intro-text {
    padding: 1rem 0 1.5rem
}

.accounting-dashboard .main-card .left-side .intro-text p {
    max-width: 420px;
    font-family: var(--font);
    font-size: .9rem;
    color: var(--light-text)
}

.accounting-dashboard .main-card .left-side .latest-items .latest-item {
    display: flex;
    align-items: center;
    border-top: 1px solid var(--card-border-color);
    padding: .75rem 0
}

.accounting-dashboard .main-card .left-side .latest-items .latest-item .date {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--light-text);
    margin-right: 2.5rem
}

.accounting-dashboard .main-card .left-side .latest-items .latest-item .type {
    font-family: var(--font);
    font-weight: 500;
    font-size: .85rem;
    color: var(--title-color)
}

.accounting-dashboard .main-card .left-side .latest-items .latest-item .amount {
    margin-left: auto;
    font-family: var(--font);
    font-size: .9rem;
    font-weight: 600
}

.accounting-dashboard .main-card .left-side .latest-items .latest-item .amount.is-positive {
    color: var(--primary)
}

.accounting-dashboard .main-card .left-side .latest-items .latest-item .amount.is-negative {
    color: var(--medium-text)
}

.accounting-dashboard .main-card .left-side .latest-items .latest-item .amount span:before {
    content: "$"
}

.accounting-dashboard .main-card .right-side {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 35%;
    padding-left: 1.875rem
}

.accounting-dashboard .main-card .right-side .header {
    display: flex;
    justify-content: space-between;
    align-items: baseline
}

.accounting-dashboard .main-card .right-side .header h3 {
    font-family: var(--font-alt);
    font-weight: 600;
    font-size: 1rem;
    color: var(--title-color)
}

.accounting-dashboard .main-card .right-side .custom-chart {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-grow: 2
}

.accounting-dashboard .main-card .right-side .custom-chart .chart-bar {
    position: relative;
    min-height: 180px;
    width: 10px;
    background: var(--wrap-muted-color);
    margin: 0 1rem;
    border-radius: 50rem 50rem 0 0
}

.accounting-dashboard .main-card .right-side .custom-chart .chart-bar:before {
    content: attr(data-day);
    position: absolute;
    top: -26px;
    left: 0;
    transform: translate(-40%);
    min-width: 1.875rem;
    text-align: center;
    font-size: .75rem;
    font-family: var(--font);
    color: var(--light-text)
}

.accounting-dashboard .main-card .right-side .custom-chart .chart-bar:first-child .animated-bar {
    transition-delay: .1s
}

.accounting-dashboard .main-card .right-side .custom-chart .chart-bar:nth-child(2) .animated-bar {
    transition-delay: .25s
}

.accounting-dashboard .main-card .right-side .custom-chart .chart-bar:nth-child(3) .animated-bar {
    transition-delay: .4s
}

.accounting-dashboard .main-card .right-side .custom-chart .chart-bar:nth-child(4) .animated-bar {
    transition-delay: .55s
}

.accounting-dashboard .main-card .right-side .custom-chart .chart-bar:nth-child(5) .animated-bar {
    transition-delay: .7s
}

.accounting-dashboard .main-card .right-side .custom-chart .chart-bar:nth-child(6) .animated-bar {
    transition-delay: .85s
}

.accounting-dashboard .main-card .right-side .custom-chart .chart-bar:nth-child(7) .animated-bar {
    transition-delay: 1s
}

.accounting-dashboard .main-card .right-side .custom-chart .chart-bar .animated-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: var(--primary);
    border-radius: 50rem 50rem 0 0;
    z-index: 1;
    transition: all .5s ease-in-out
}

.accounting-dashboard .main-card .right-side .custom-chart .chart-bar .animated-bar.is-lower {
    background: var(--secondary-light-10)
}

.accounting-dashboard .card-group {
    display: flex
}

.accounting-dashboard .card-group .left-card, .accounting-dashboard .card-group .right-card {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color)
}

.accounting-dashboard .card-group .left-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 2;
    margin-right: 1rem;
    padding: 1.875rem
}

.accounting-dashboard .card-group .left-card .mail-icon-outer {
    position: relative;
    height: 60px;
    width: 60px;
    min-width: 60px;
    border-radius: 50%;
    border: 1.4px solid var(--card-border-color);
    display: flex;
    align-items: center;
    justify-content: center
}

.accounting-dashboard .card-group .left-card .mail-icon-outer:after {
    content: "";
    position: absolute;
    top: calc(50% - 12px);
    left: calc(50% - 12px);
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: var(--secondary);
    animation: wave 1.6s infinite;
    animation-duration: 2s;
    transform-origin: center center;
    z-index: 0
}

.accounting-dashboard .card-group .left-card .mail-icon-outer .mail-icon-inner {
    position: relative;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 1.4px solid var(--card-border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1
}

.accounting-dashboard .card-group .left-card .mail-icon-outer .mail-icon-inner .icon-wrap {
    position: relative;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--card-bg-color);
    z-index: 1
}

.accounting-dashboard .card-group .left-card .mail-icon-outer .mail-icon-inner .icon-wrap svg {
    height: 18px;
    width: 18px;
    stroke: var(--secondary-light-10);
    color: var(--secondary-light-10)
}

.accounting-dashboard .card-group .left-card .message-sender {
    display: flex;
    align-items: center;
    padding: 0 1.875 0 1.25rem;
    border-right: 1px solid var(--card-border-color);
    min-width: 200px
}

.accounting-dashboard .card-group .left-card .message-sender .avatar, .accounting-dashboard .card-group .left-card .message-sender .meta {
    margin-left: .5rem
}

.accounting-dashboard .card-group .left-card .message-sender .meta span {
    display: block;
    line-height: 1.2
}

.accounting-dashboard .card-group .left-card .message-sender .meta span:first-child {
    font-family: var(--font-alt);
    font-size: .8rem;
    font-weight: 600;
    color: var(--title-color)
}

.accounting-dashboard .card-group .left-card .message-sender .meta span:nth-child(2) {
    font-family: var(--font);
    font-size: .8rem;
    color: var(--light-text)
}

.accounting-dashboard .card-group .left-card .message-text {
    padding-left: 1.875rem
}

.accounting-dashboard .card-group .left-card .message-text p {
    color: var(--light-text);
    font-family: var(--font);
    font-size: .85rem
}

.accounting-dashboard .card-group .right-card {
    flex-grow: 1;
    max-width: 30%;
    margin-left: 1rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.accounting-dashboard .card-group .right-card .header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.accounting-dashboard .card-group .right-card .header h3 {
    text-transform: uppercase;
    font-family: var(--font);
    font-size: .75rem;
    color: var(--light-text)
}

.accounting-dashboard .card-group .right-card .header .custom-button {
    padding: .25rem .75rem;
    font-size: .8rem;
    border-radius: 50rem;
    background: var(--secondary);
    color: var(--white)
}

.accounting-dashboard .card-group .right-card .card-inner h2 {
    font-family: var(--font);
    font-weight: 600;
    font-size: 1.6rem;
    color: var(--title-color)
}

.accounting-dashboard .card-group .right-card .card-inner h2:before {
    content: "$";
    position: relative;
    top: -5px;
    font-size: 70%
}

.accounting-dashboard .activity-items .activity-item {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 2rem;
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem
}

.accounting-dashboard .activity-items .activity-item .users {
    display: flex;
    align-items: center
}

.accounting-dashboard .activity-items .activity-item .users .meta {
    margin-left: .75rem
}

.accounting-dashboard .activity-items .activity-item .users .meta span {
    display: block;
    line-height: 1.3
}

.accounting-dashboard .activity-items .activity-item .users .meta span:first-child {
    font-family: var(--font-alt);
    font-size: .9rem;
    font-weight: 600;
    color: var(--title-color)
}

.accounting-dashboard .activity-items .activity-item .users .meta span:nth-child(2) {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--light-text)
}

.accounting-dashboard .activity-items .activity-item .details {
    display: flex;
    align-items: center;
    margin-left: auto
}

.accounting-dashboard .activity-items .activity-item .details .amount {
    margin-right: 2rem
}

.accounting-dashboard .activity-items .activity-item .details .amount span {
    display: block;
    line-height: 1.3
}

.accounting-dashboard .activity-items .activity-item .details .amount span:first-child {
    text-transform: uppercase;
    font-family: var(--font);
    font-weight: 500;
    font-size: .7rem;
    color: var(--light-text)
}

.accounting-dashboard .activity-items .activity-item .details .amount span:nth-child(2) {
    font-family: var(--font);
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--title-color)
}

.accounting-dashboard .activity-items .activity-item .details .amount span:nth-child(2):before {
    content: "$";
    position: relative;
    top: -5px;
    font-size: 70%
}

.accounting-dashboard .activity-items .activity-item .details .dropdown-wrap .dropdown-button {
    height: 36px;
    width: 36px
}

.accounting-dashboard .activity-items .activity-item .details .dropdown-wrap .dropdown-button svg {
    height: 22px;
    width: 22px
}

.accounting-dashboard .activity-items .activity-item .details .list-icon-button {
    height: 36px;
    width: 36px;
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 50%;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s
}

.accounting-dashboard .activity-items .activity-item .details .list-icon-button:hover {
    background: var(--wrap-bg-color);
    border-color: var(--wrap-border-color);
    box-shadow: var(--light-box-shadow)
}

.accounting-dashboard .activity-items .activity-item .details .list-icon-button:hover svg {
    stroke: var(--title-color);
    color: var(--title-color)
}

.accounting-dashboard .activity-items .activity-item .details .list-icon-button.is-file {
    margin-right: 1.875rem
}

.accounting-dashboard .activity-items .activity-item .details .list-icon-button.is-file svg {
    stroke: var(--secondary-light-8);
    color: var(--secondary-light-8)
}

.accounting-dashboard .activity-items .activity-item .details .list-icon-button svg {
    height: 22px;
    width: 22px;
    stroke: var(--light-text);
    stroke-width: 1.4px;
    transition: stroke .3s
}

@media (max-width: 767px) {
    .accounting-dashboard .main-card {
        flex-direction: column
    }

    .accounting-dashboard .main-card .left-side {
        padding-right: 0 !important;
        border-right: none !important
    }

    .accounting-dashboard .main-card .right-side {
        padding-left: 0 !important
    }

    .accounting-dashboard .main-card .right-side .header {
        padding-top: 1.5rem
    }

    .accounting-dashboard .main-card .right-side .custom-chart {
        margin-top: 2.5rem
    }

    .accounting-dashboard .card-group {
        flex-direction: column
    }

    .accounting-dashboard .card-group .left-card {
        flex-direction: column;
        margin-right: 0;
        width: 100%;
        margin-bottom: 1.875rem
    }

    .accounting-dashboard .card-group .left-card .message-sender {
        flex-direction: column;
        padding: 1rem !important;
        border-right: none !important
    }

    .accounting-dashboard .card-group .left-card .message-text {
        max-width: 236px !important;
        text-align: center;
        margin: 0 auto !important;
        padding: 0 !important
    }

    .accounting-dashboard .card-group .right-card {
        flex-direction: column;
        margin-left: 0 !important;
        width: 100%;
        max-width: 100% !important
    }

    .accounting-dashboard .activity-items .activity-item {
        position: relative;
        flex-direction: column
    }

    .accounting-dashboard .activity-items .activity-item .users {
        flex-direction: column;
        text-align: center
    }

    .accounting-dashboard .activity-items .activity-item .users .meta {
        margin: .625rem 0 !important
    }

    .accounting-dashboard .activity-items .activity-item .details {
        justify-content: center;
        width: 100%
    }

    .accounting-dashboard .activity-items .activity-item .details .amount {
        margin: 1rem 0 0 !important
    }

    .accounting-dashboard .activity-items .activity-item .details .list-icon-button {
        display: none !important
    }

    .accounting-dashboard .activity-items .activity-item .details .dropdown-wrap {
        position: absolute;
        top: .625rem;
        right: .625rem
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .accounting-dashboard .main-card .right-side {
        min-width: 46% !important
    }

    .accounting-dashboard .card-group {
        flex-direction: column !important
    }

    .accounting-dashboard .card-group .left-card {
        margin-bottom: 30px;
        margin-right: 0 !important
    }

    .accounting-dashboard .card-group .right-card {
        margin-left: 0 !important;
        width: 100% !important;
        max-width: 100% !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .accounting-dashboard .main-card .right-side {
        min-width: 46% !important
    }

    .accounting-dashboard .card-group {
        flex-direction: column !important
    }

    .accounting-dashboard .card-group .left-card {
        margin-bottom: 16px;
        margin-right: 0 !important
    }

    .accounting-dashboard .card-group .right-card {
        margin-left: 0 !important;
        width: 100% !important;
        max-width: 100% !important
    }
}

.elearning-dashboard {
    margin-top: 3rem
}

.elearning-dashboard .dashboard-header {
    position: relative;
    background: var(--primary-dark-6);
    border-radius: 1.25rem;
    margin-bottom: 1.5rem
}

.elearning-dashboard .dashboard-header .dashboard-header-inner {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    height: 100%;
    border-radius: 1.25rem
}

.elearning-dashboard .dashboard-header .header-content {
    width: 60%;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 2.5rem;
    padding-right: 0
}

.elearning-dashboard .dashboard-header .header-content .button-wrap {
    margin-top: .75rem
}

.elearning-dashboard .dashboard-header .header-image {
    position: relative;
    width: 40%;
    height: 100%
}

.elearning-dashboard .dashboard-header .header-image .circle-shape {
    position: absolute;
    bottom: -300px;
    right: -26px;
    height: 260px;
    width: 260px;
    border-radius: 50%;
    background: var(--white-smoke);
    opacity: .3
}

.elearning-dashboard .dashboard-header > img {
    display: block;
    position: absolute;
    bottom: 20px;
    right: 50px;
    max-width: 170px
}

.elearning-dashboard .popular-courses {
    margin-bottom: 2.5rem
}

.elearning-dashboard .popular-courses .popular-course {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    position: relative;
    padding: 2rem;
    overflow: hidden
}

.elearning-dashboard .popular-courses .popular-course .course-circle {
    position: absolute;
    top: -24px;
    left: -26px;
    height: 100px;
    width: 100px;
    background: var(--icon-bg-color);
    border-radius: 50%
}

.elearning-dashboard .popular-courses .popular-course .course-header {
    position: relative;
    top: -7px;
    left: -10px;
    display: flex;
    z-index: 1
}

.elearning-dashboard .popular-courses .popular-course .course-header .iconify {
    font-size: 1.5rem;
    color: var(--title-color)
}

.elearning-dashboard .popular-courses .popular-course .course-header .title {
    margin-left: 3rem
}

.elearning-dashboard .popular-courses .popular-course .course-body {
    margin-top: 2.5rem
}

.elearning-dashboard .popular-courses .popular-course .course-body .course-link {
    font-family: var(--font);
    font-size: .95rem;
    color: var(--primary);
    margin-top: 1.5rem;
    display: inline-flex;
    align-items: center
}

.elearning-dashboard .popular-courses .popular-course .course-body .course-link .iconify {
    transition: transform .3s
}

.elearning-dashboard .popular-courses .popular-course .course-body .course-link:hover .iconify {
    transform: translate(.25rem)
}

.elearning-dashboard .popular-courses .popular-course.is-primary .course-circle {
    background: var(--icon-primary-bg-color)
}

.elearning-dashboard .popular-courses .popular-course.is-primary .course-header .iconify {
    color: var(--icon-primary-color)
}

.elearning-dashboard .popular-courses .popular-course.is-green .course-circle {
    background: var(--icon-green-bg-color)
}

.elearning-dashboard .popular-courses .popular-course.is-green .course-header .iconify {
    color: var(--icon-green-color)
}

.elearning-dashboard .popular-courses .popular-course.is-purple .course-circle {
    background: var(--icon-purple-bg-color)
}

.elearning-dashboard .popular-courses .popular-course.is-purple .course-header .iconify {
    color: var(--icon-purple-color)
}

.elearning-dashboard .popular-courses .popular-course.is-yellow .course-circle {
    background: var(--icon-yellow-bg-color)
}

.elearning-dashboard .popular-courses .popular-course.is-yellow .course-header .iconify {
    color: var(--icon-yellow-color)
}

.elearning-dashboard .current-courses .current-course {
    padding: 0 .5rem
}

.elearning-dashboard .current-courses .current-course h4 {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--title-color);
    margin-bottom: 1.5rem
}

.elearning-dashboard .current-courses .current-course .current-course-inner {
    position: relative
}

.elearning-dashboard .current-courses .current-course .current-course-inner .icon-box, .elearning-dashboard .current-courses .current-course .current-course-inner .icon-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.elearning-dashboard .current-courses .current-course .current-course-inner .icon-button {
    background: 0 0;
    border: 1px dashed var(--light-text)
}

.elearning-dashboard .current-courses .current-course .current-course-inner .icon-button .iconify, .elearning-dashboard .current-courses .current-course .current-course-inner .icon-button svg, .elearning-dashboard .current-courses .current-course .current-course-inner .icon-button path {
    color: var(--light-text)
}

.elearning-dashboard .current-courses .current-course .current-course-inner .icon-button:hover {
    border: 1px solid var(--primary);
    background: var(--primary);
    box-shadow: var(--primary-box-shadow)
}

.elearning-dashboard .current-courses .current-course .current-course-inner .icon-button:hover .iconify, .elearning-dashboard .current-courses .current-course .current-course-inner .icon-button:hover svg, .elearning-dashboard .current-courses .current-course .current-course-inner .icon-button:hover path {
    color: var(--white-smoke) !important
}

.elearning-dashboard .current-courses .current-course .current-course-inner .circle-chart-background {
    stroke: var(--circle-chart-bg-color-inverted)
}

.elearning-dashboard .current-courses .current-course .current-course-inner .circle-chart-circle {
    animation: circle-chart-fill 2s reverse;
    transform: rotate(-90deg);
    transform-origin: center
}

.elearning-dashboard .current-courses .current-course .current-course-inner .circle-chart-dashed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px dashed var(--light-text);
    border-radius: 50%;
    transition: border-color .3s
}

@keyframes circle-chart-fill {
    to {
        stroke-dasharray: 0 100
    }
}

.elearning-dashboard .current-courses .current-course.is-primary .circle-chart-circle {
    stroke: var(--primary)
}

.elearning-dashboard .current-courses .current-course.is-blue .circle-chart-circle {
    stroke: var(--blue)
}

.elearning-dashboard .dashboard-calendar {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 2rem;
    margin-bottom: 2.5rem
}

.elearning-dashboard .dashboard-calendar .calendar-footer {
    display: flex;
    align-items: center;
    padding: 0 .5rem;
    margin-top: 1rem
}

.elearning-dashboard .dashboard-calendar .calendar-footer span {
    display: block;
    font-family: var(--font);
    font-size: .9rem;
    color: var(--primary);
    margin-left: .5rem
}

.elearning-dashboard .recent-activities .recent-activity {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    display: flex;
    align-items: center;
    padding: 1.5rem 1rem
}

.elearning-dashboard .recent-activities .recent-activity .flex-meta {
    margin-left: .5rem;
    line-height: 1.2
}

.elearning-dashboard .recent-activities .recent-activity .flex-meta .flex-title {
    font-family: var(--font-alt);
    font-size: .8rem;
    font-weight: 600;
    color: var(--title-color)
}

.elearning-dashboard .recent-activities .recent-activity .flex-end {
    margin-left: auto
}

.elearning-dashboard .recent-activities .recent-activity:not(:last-child) {
    margin-bottom: 1rem
}

@media (max-width: 767px) {
    .elearning-dashboard {
        margin-top: 1rem
    }

    .elearning-dashboard .dashboard-header .dashboard-header-inner .header-content {
        width: 78%
    }

    .elearning-dashboard .dashboard-header > img {
        right: -65px;
        max-width: 170px
    }
}

.ecommerce-dashboard .dashboard-tiles .dashboard-tile {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 1rem
}

.ecommerce-dashboard .dashboard-tiles .dashboard-tile .tile-content .tile-label {
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 500;
    color: var(--medium-text)
}

.ecommerce-dashboard .dashboard-tiles .dashboard-tile .tile-content .tile-value {
    font-weight: 700;
    font-size: 1.5rem;
    color: var(--title-color)
}

.ecommerce-dashboard .dashboard-tiles .dashboard-tile .tile-content .tile-footer {
    display: flex;
    align-items: center;
    padding-top: .5rem
}

.ecommerce-dashboard .dashboard-tiles .dashboard-tile .tile-content .tile-footer .flex-meta {
    margin-left: .5rem;
    line-height: 1.2
}

.ecommerce-dashboard .dashboard-tiles .dashboard-tile .tile-content .tile-footer .flex-meta .flex-title {
    font-family: var(--font-alt);
    font-size: .8rem;
    font-weight: 600;
    color: var(--title-color)
}

.ecommerce-dashboard .dashboard-tiles .dashboard-tile .tile-content .tile-footer .flex-end {
    margin-left: auto
}

.ecommerce-dashboard .dashboard-tiles .dashboard-tile .tile-bar {
    position: relative;
    min-height: 100px;
    width: 8px;
    background: var(--wrap-muted-color);
    border-radius: 50rem
}

.ecommerce-dashboard .dashboard-tiles .dashboard-tile .tile-bar .animated-bar {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 0;
    background: var(--primary);
    border-radius: 50rem;
    z-index: 1;
    transition: all .5s ease-in-out
}

.ecommerce-dashboard .dashboard-tiles .dashboard-tile .tile-bar .animated-bar.is-primary {
    background: var(--primary)
}

.ecommerce-dashboard .dashboard-tiles .dashboard-tile .tile-bar .animated-bar.is-success {
    background: var(--success)
}

.ecommerce-dashboard .dashboard-tiles .dashboard-tile .tile-bar .animated-bar.is-secondary {
    background: var(--secondary)
}

.ecommerce-dashboard .dashboard-tiles .dashboard-tile .tile-bar .animated-bar.is-yellow {
    background: var(--yellow)
}

.ecommerce-dashboard .dashboard-tiles .dashboard-tile .tile-bar .animated-bar.is-purple {
    background: var(--purple)
}

.ecommerce-dashboard .dashboard-charts .dashboard-chart {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 2rem
}

.ecommerce-dashboard .dashboard-charts .dashboard-chart .chart-footer {
    display: flex;
    align-items: center;
    margin-top: 1rem
}

.ecommerce-dashboard .dashboard-charts .dashboard-chart .chart-footer .flex-meta {
    margin-left: .5rem;
    line-height: 1.2
}

.ecommerce-dashboard .dashboard-charts .dashboard-chart .chart-footer .flex-meta .flex-title {
    font-family: var(--font-alt);
    font-size: .8rem;
    font-weight: 600;
    color: var(--title-color)
}

.ecommerce-dashboard .dashboard-charts .dashboard-chart .chart-footer .flex-end {
    margin-left: auto
}

.domotic-dashboard .main-card {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 1.5rem
}

.domotic-dashboard .main-card .toggle-boxes {
    display: flex;
    margin-left: -.5rem;
    margin-right: -.5rem;
    margin-bottom: 1.5rem
}

.domotic-dashboard .main-card .toggle-boxes .toggle-box {
    display: flex;
    flex-direction: column;
    width: calc(25% - 1rem);
    margin: 0 .5rem;
    padding: 1rem;
    background: var(--card-bg-color);
    border: 1px solid var(--card-border-color);
    border-radius: .65rem;
    font-family: var(--font);
    cursor: pointer;
    transition: box-shadow .3s, border-color .3s, background-color .3s
}

.domotic-dashboard .main-card .toggle-boxes .toggle-box * {
    pointer-events: none
}

.domotic-dashboard .main-card .toggle-boxes .toggle-box .iconify {
    font-size: 1.5rem;
    color: var(--primary)
}

.domotic-dashboard .main-card .toggle-boxes .toggle-box .box-title {
    font-size: .9rem;
    color: var(--title-color)
}

.domotic-dashboard .main-card .toggle-boxes .toggle-box p {
    font-size: .7rem;
    color: var(--light-text);
    margin-bottom: .5rem
}

.domotic-dashboard .main-card .toggle-boxes .toggle-box.is-active {
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: var(--primary-box-shadow)
}

.domotic-dashboard .main-card .toggle-boxes .toggle-box.is-active .iconify, .domotic-dashboard .main-card .toggle-boxes .toggle-box.is-active .box-title, .domotic-dashboard .main-card .toggle-boxes .toggle-box.is-active p {
    color: var(--white-smoke)
}

.domotic-dashboard .main-card .vision-container {
    position: relative;
    height: 440px
}

.domotic-dashboard .main-card .vision-container > img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.domotic-dashboard .main-card .vision-container .vision-actions {
    width: 100%;
    background: var(--card-bg-color);
    border: 1px solid var(--card-border-color);
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: .5rem .25rem;
    border-radius: .85rem;
    box-shadow: var(--spread-shadow)
}

.domotic-dashboard .main-card .vision-container .vision-actions button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    background: 0 0;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 .5rem
}

.domotic-dashboard .main-card .vision-container .vision-actions button .iconify {
    color: var(--light-text)
}

.domotic-dashboard .main-card .vision-container .vision-actions button.is-active {
    background: var(--wrap-muted-color)
}

.domotic-dashboard .main-card .vision-container .vision-actions button.is-active .iconify {
    color: var(--primary)
}

.domotic-dashboard .summary-card {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    margin-bottom: 1rem
}

.domotic-dashboard .summary-card .summary-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem;
    border-bottom: 1px solid var(--card-border-color)
}

.domotic-dashboard .summary-card .summary-card-header p {
    font-size: .9rem;
    color: var(--light-text)
}

.domotic-dashboard .summary-card .summary-card-body {
    padding: 1.25rem
}

.domotic-dashboard .summary-card .summary-card-body .summary-stats {
    display: flex;
    align-items: center;
    text-align: center;
    margin-bottom: .5rem
}

.domotic-dashboard .summary-card .summary-card-body .summary-stats * {
    flex: 1 1 0
}

.domotic-dashboard .summary-card .summary-card-body .summary-stats .iconify {
    color: var(--light-text);
    font-size: 2.5rem
}

.domotic-dashboard .summary-card .summary-card-body .summary-stats .stat-block span {
    font-family: var(--font);
    display: block
}

.domotic-dashboard .summary-card .summary-card-body .summary-stats .stat-block .stat-label {
    font-size: .8rem;
    color: var(--light-text)
}

.domotic-dashboard .summary-card .summary-card-body .summary-stats .stat-block .stat-value {
    color: var(--title-color);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2
}

.domotic-dashboard .summary-card .summary-card-body .card-text {
    font-size: .9rem;
    color: var(--light-text);
    margin-bottom: 1rem
}

.domotic-dashboard .summary-card .summary-card-body .progress-block {
    margin-bottom: 1rem
}

.domotic-dashboard .summary-card .summary-card-body .progress-block .progress-text {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.domotic-dashboard .summary-card .summary-card-body .progress-block .progress-text p {
    font-size: .9rem;
    color: var(--light-text)
}

.domotic-dashboard .status-cards .status-card {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 1.5rem;
    display: flex;
    align-items: center
}

.domotic-dashboard .status-cards .status-card:not(:last-child) {
    margin-bottom: 1rem
}

.domotic-dashboard .status-cards .status-card .meta p {
    font-size: .85rem;
    color: var(--light-text)
}

.domotic-dashboard .status-cards .status-card .action {
    margin-left: auto
}

.domotic-dashboard .status-cards .status-card .action .f-switch {
    transform: scale(.8)
}

@media only screen and (max-width: 767px) {
    .domotic-dashboard .main-card .toggle-boxes {
        flex-wrap: wrap
    }

    .domotic-dashboard .main-card .toggle-boxes .toggle-box {
        width: calc(50% - 1rem);
        margin-bottom: .5rem
    }
}

.hosting-dashboard .header-card {
    position: relative;
    display: flex;
    align-items: center;
    padding: 1.25rem;
    background: var(--secondary-light-45);
    border: 2px solid var(--secondary);
    border-radius: .85rem;
    margin-bottom: 2rem
}

.hosting-dashboard .header-card > img {
    max-width: 210px
}

.hosting-dashboard .header-card .meta {
    margin-left: 1rem
}

.hosting-dashboard .header-card .meta p {
    color: var(--medium-text)
}

.hosting-dashboard .header-card .header-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    background: 0 0;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 .5rem
}

.hosting-dashboard .header-card .header-close .iconify {
    color: var(--secondary)
}

.hosting-dashboard .dashboard-title {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem
}

.hosting-dashboard .dashboard-title > svg {
    height: 40px;
    color: var(--primary);
    color: var(--secondary)
}

.hosting-dashboard .dashboard-title .meta {
    margin-left: .5rem
}

.hosting-dashboard .dashboard-title .meta p {
    color: var(--light-text)
}

.hosting-dashboard .dashboard-title .action {
    margin-left: auto
}

.hosting-dashboard .dashboard-tabs .tab-content .tab-group .group-label {
    font-family: var(--font);
    font-size: .8rem;
    text-transform: uppercase;
    color: var(--light-text);
    margin-bottom: 1rem
}

.hosting-dashboard .dashboard-tabs .tab-content .tab-group .resource-cards {
    margin-bottom: 2rem
}

.hosting-dashboard .dashboard-tabs .tab-content .tab-group .resource-cards .resource-card {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    display: flex;
    align-items: center;
    padding: 1.75rem 1rem
}

.hosting-dashboard .dashboard-tabs .tab-content .tab-group .resource-cards .resource-card .dot {
    height: .75rem;
    width: .75rem;
    min-width: .75rem;
    border-radius: 50%;
    background-color: var(--success)
}

.hosting-dashboard .dashboard-tabs .tab-content .tab-group .resource-cards .resource-card .card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: var(--primary);
    margin: 0 1.5rem
}

.hosting-dashboard .dashboard-tabs .tab-content .tab-group .resource-cards .resource-card .meta p {
    color: var(--light-text)
}

.hosting-dashboard .dashboard-tabs .tab-content .tab-group .resource-cards .resource-card .address {
    margin-left: 3rem;
    font-family: var(--font);
    color: var(--medium-text)
}

.hosting-dashboard .dashboard-tabs .tab-content .tab-group .resource-cards .resource-card .actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.hosting-dashboard .dashboard-tabs .tab-content .tab-group .resource-cards .resource-card .actions .card-icon {
    font-size: 1.25rem;
    margin-right: 1rem;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0
}

.hosting-dashboard .dashboard-tabs .tab-content .tab-group .resource-cards .resource-card:not(:last-child) {
    margin-bottom: 1rem
}

.hosting-dashboard .dashboard-tabs .tab-content .tab-group .creation-actions {
    padding: 1rem 0
}

.hosting-dashboard .dashboard-tabs .tab-content .tab-group .creation-actions .creation-action {
    display: flex;
    align-items: center
}

.hosting-dashboard .dashboard-tabs .tab-content .tab-group .creation-actions .creation-action .meta {
    margin-left: .5rem
}

.hosting-dashboard .dashboard-tabs .tab-content .tab-group .creation-actions .creation-action .meta p {
    color: var(--light-text)
}

.hosting-dashboard .dashboard-tabs .tab-content .tab-group .activity-items .activity-item {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    display: flex;
    align-items: center;
    padding: 1.25rem 1rem
}

.hosting-dashboard .dashboard-tabs .tab-content .tab-group .activity-items .activity-item .card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    color: var(--primary);
    margin: 0 1.5rem
}

.hosting-dashboard .dashboard-tabs .tab-content .tab-group .activity-items .activity-item .meta p {
    color: var(--light-text)
}

.hosting-dashboard .dashboard-tabs .tab-content .tab-group .activity-items .activity-item .actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.hosting-dashboard .dashboard-tabs .tab-content .tab-group .activity-items .activity-item .actions .card-icon {
    font-size: 1.25rem;
    margin-right: 1rem;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0
}

.hosting-dashboard .dashboard-tabs .tab-content .tab-group .activity-items .activity-item:not(:last-child) {
    margin-bottom: 1rem
}

.hosting-dashboard .cta-card {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 2rem
}

.hosting-dashboard .cta-card > img {
    max-width: 200px;
    margin: 0 auto .5rem
}

.hosting-dashboard .cta-card .cta-content {
    text-align: center
}

.hosting-dashboard .cta-card .cta-content p {
    color: var(--light-text)
}

.hosting-dashboard .cta-card:not(:last-child) {
    margin-bottom: 1rem
}

.hosting-dashboard .link-card {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 2rem
}

.hosting-dashboard .link-card .link-group {
    display: block
}

.hosting-dashboard .link-card .link-group .name {
    font-size: .9rem;
    color: var(--primary)
}

.hosting-dashboard .link-card .link-group p {
    color: var(--light-text)
}

.hosting-dashboard .link-card .link-group:not(:last-child) {
    margin-bottom: 1rem
}

.hosting-dashboard .link-card:not(:last-child) {
    margin-bottom: 1rem
}

.is-dark .hosting-dashboard .header-card {
    background: var(--night-light-4)
}

@media only screen and (max-width: 767px) {
    .hosting-dashboard .header-card {
        flex-direction: column;
        text-align: center
    }

    .hosting-dashboard .header-card > img {
        margin-bottom: 1rem
    }

    .hosting-dashboard .header-card .meta {
        margin: 0
    }

    .hosting-dashboard .header-card .meta .buttons {
        justify-content: center
    }

    .hosting-dashboard .dashboard-title {
        flex-direction: column;
        align-items: flex-start
    }

    .hosting-dashboard .dashboard-title .meta {
        margin: 0;
        padding: 1rem 0
    }

    .hosting-dashboard .dashboard-title .action {
        margin: 0
    }

    .hosting-dashboard .dashboard-tabs .tab-content .tab-group .resource-cards .resource-card {
        flex-direction: column;
        text-align: center
    }

    .hosting-dashboard .dashboard-tabs .tab-content .tab-group .resource-cards .resource-card > .card-icon {
        padding: 1rem 0
    }

    .hosting-dashboard .dashboard-tabs .tab-content .tab-group .resource-cards .resource-card .address {
        margin: 0;
        padding: 1rem 0
    }
}

.support-dashboard .support-box {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 1.5rem
}

.support-dashboard .support-box .box-title {
    color: var(--title-color);
    font-size: 1rem;
    font-family: var(--font-alt);
    font-weight: 600
}

.support-dashboard .support-box .box-image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    width: 200px;
    margin: 0 auto
}

.support-dashboard .support-box .box-image img {
    max-width: 100px
}

.support-dashboard .support-box .channels {
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 1rem
}

.support-dashboard .support-box .channels .channel-icon {
    position: relative;
    top: 1rem;
    flex: 1 1 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 52px
}

.support-dashboard .support-box .channels .channel-icon .iconify {
    position: relative;
    left: .25rem;
    opacity: .5;
    font-size: 1rem;
    color: var(--secondary)
}

.support-dashboard .support-box #support-chart {
    max-height: 200px
}

.support-dashboard .support-box .box-meta {
    text-align: center
}

.support-dashboard .support-box .box-meta p:first-child {
    color: var(--title-color);
    font-size: .85rem;
    font-family: var(--font-alt);
    font-weight: 600;
    margin-bottom: 0
}

.support-dashboard .support-box .box-meta p:nth-child(2) {
    font-size: .8rem;
    font-family: var(--font);
    color: var(--medium-text)
}

.support-dashboard .chrono {
    position: relative;
    min-height: 200px
}

.support-dashboard .chrono .count {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
    width: 90px;
    min-width: 90px;
    margin: 0 auto;
    transform: translateY(-50%);
    z-index: 5
}

.support-dashboard .chrono .count span {
    position: relative;
    top: 0;
    display: block;
    font-size: 2.6rem;
    font-weight: 600;
    color: var(--white-smoke);
    text-shadow: 1px 1px 16px #969696
}

.support-dashboard .chrono .peity, .support-dashboard .chrono .support-pie {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 90px;
    width: 90px;
    min-width: 90px;
    margin: 0 auto;
    transform: translateY(-50%)
}

.support-dashboard .chrono .peity .apexcharts-canvas, .support-dashboard .chrono .support-pie .apexcharts-canvas {
    top: 1px;
    left: -34px !important
}

.support-dashboard .chrono #mainCircle {
    position: relative;
    top: 40px;
    margin: 0 auto;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: solid 12px var(--chrono-color)
}

.support-dashboard .chrono #secondCircle {
    position: relative;
    top: 0;
    left: -12px;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background-color: #6eadea
}

.support-dashboard .chrono #thirdCircle {
    position: relative;
    top: -10px;
    left: -3px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: solid 5px #f9f9f9;
    background-color: #6eadea
}

.support-dashboard .chrono #buttonOneBasis {
    position: absolute;
    top: -22px;
    left: 41px;
    width: 16px;
    height: 7px;
    background-color: var(--chrono-color)
}

.support-dashboard .chrono #buttonOne {
    position: absolute;
    top: -12px;
    left: -6px;
    width: 28px;
    height: 10px;
    background-color: var(--chrono-color);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.support-dashboard .chrono #buttonTwoBasis {
    position: absolute;
    top: 0;
    left: -9px;
    width: 14px;
    height: 7px;
    background-color: var(--chrono-color);
    transform: rotate(-48deg)
}

.support-dashboard .chrono #buttonTwo {
    position: absolute;
    top: -10px;
    left: -4px;
    width: 22px;
    height: 8px;
    background-color: var(--chrono-color);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.support-dashboard .stacks {
    height: 170px;
    width: 200px;
    position: relative;
    margin: 0 auto 30px;
    display: flex
}

.support-dashboard .stacks .left, .support-dashboard .stacks .right {
    position: relative;
    height: 100%;
    width: 50%;
    max-width: 100px
}

.support-dashboard .stacks .shape-left {
    position: absolute;
    bottom: 0;
    right: 6px;
    margin: 0 auto;
    height: 10px;
    width: 50px;
    border-radius: 2px;
    transform: skew(-45deg)
}

.support-dashboard .stacks .shape-left:nth-child(odd) {
    background: var(--primary)
}

.support-dashboard .stacks .shape-left:nth-child(even) {
    background: var(--card-bg-color)
}

.support-dashboard .stacks .shape-right {
    position: absolute;
    bottom: 0;
    left: 6px;
    margin: 0 auto;
    height: 10px;
    width: 50px;
    border-radius: 2px;
    transform: skew(-45deg)
}

.support-dashboard .stacks .shape-right:nth-child(odd) {
    background: var(--stack-color)
}

.support-dashboard .stacks .shape-right:nth-child(even) {
    background: var(--card-bg-color)
}

.support-dashboard .team-card {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 1.5rem
}

.support-dashboard .team-card .box-title {
    color: var(--title-color);
    font-size: 1rem;
    font-family: var(--font-alt);
    font-weight: 600
}

.support-dashboard .team-card .user-list {
    margin-top: 1.5rem
}

.support-dashboard .team-card .user-list .user-list-item {
    display: flex;
    align-items: center;
    margin-bottom: 1.25rem
}

.support-dashboard .team-card .user-list .user-list-item .meta {
    margin-left: .5rem;
    line-height: 1.2
}

.support-dashboard .team-card .user-list .user-list-item .meta .item-title {
    font-family: var(--font-alt);
    font-size: .85rem;
    font-weight: 600;
    color: var(--title-color)
}

.support-dashboard .team-card .user-list .user-list-item .meta p {
    color: var(--light-text)
}

.support-dashboard .team-card .user-list .user-list-item .action {
    margin-left: auto
}

.support-dashboard .team-card:not(:last-child) {
    margin-bottom: 1rem
}

.support-dashboard .link-card {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 2rem
}

.support-dashboard .link-card .link-group {
    display: block
}

.support-dashboard .link-card .link-group .name {
    font-size: .9rem;
    color: var(--primary)
}

.support-dashboard .link-card .link-group p {
    color: var(--light-text)
}

.support-dashboard .link-card .link-group:not(:last-child) {
    margin-bottom: 1rem
}

.support-dashboard .link-card:not(:last-child) {
    margin-bottom: 1rem
}

.bills-list .bills-list-item {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 2rem;
    display: flex;
    align-items: center;
    margin-bottom: 1.25rem
}

.bills-list .bills-list-item .company {
    display: flex;
    align-items: center;
    gap: 1rem
}

.bills-list .bills-list-item .company .company-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    width: 65px;
    min-width: 65px;
    background-color: var(--wrap-bg-color);
    border: 1px solid var(--wrap-border-color);
    border-radius: 50%
}

.bills-list .bills-list-item .company .meta p {
    font-size: .9rem;
    color: var(--light-text)
}

.bills-list .bills-list-item .details {
    display: flex;
    align-items: center;
    margin-left: auto
}

.bills-list .bills-list-item .details .status {
    padding: 0 2rem
}

.bills-list .bills-list-item .details .status .tag {
    height: 2.75em;
    line-height: 2.75;
    min-width: 84px;
    text-align: center;
    padding-left: 1.5em;
    padding-right: 1.5em
}

.bills-list .bills-list-item .details .amount {
    margin-right: 2rem
}

.bills-list .bills-list-item .details .amount span {
    display: block;
    line-height: 1.3
}

.bills-list .bills-list-item .details .amount span:first-child {
    text-transform: uppercase;
    font-family: var(--font);
    font-size: .7rem;
    color: var(--light-text)
}

.bills-list .bills-list-item .details .amount span:nth-child(2) {
    font-family: var(--font);
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--title-color)
}

.bills-list .bills-list-item .details .amount span:nth-child(2):before {
    content: "$";
    position: relative;
    top: -5px;
    font-size: 70%
}

.bills-list .bills-list-item .details .users {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 2rem;
    min-width: 164px
}

.bills-list .bills-list-item .details .users .meta {
    margin-left: .75rem
}

.bills-list .bills-list-item .details .users .meta span {
    display: block;
    line-height: 1.3
}

.bills-list .bills-list-item .details .users .meta span:first-child {
    font-family: var(--font-alt);
    font-size: .9rem;
    font-weight: 600;
    color: var(--title-color)
}

.bills-list .bills-list-item .details .users .meta span:nth-child(2) {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--light-text)
}

.bills-list .bills-list-item .details .button-combo {
    display: flex
}

.bills-list .bills-list-item .details .button-combo .button {
    display: block;
    min-width: 80px
}

.bills-list .bills-list-item .details .button-combo .button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.bills-list .bills-list-item .details .button-combo .button:nth-child(2) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

@media only screen and (max-width: 767px) {
    .bills-list .bills-list-item {
        position: relative;
        flex-direction: column
    }

    .bills-list .bills-list-item .company {
        flex-direction: column;
        text-align: center
    }

    .bills-list .bills-list-item .users {
        flex-direction: column;
        align-items: center;
        margin: 1.5rem 0 !important
    }

    .bills-list .bills-list-item .details {
        flex-direction: column;
        justify-content: center;
        width: 100%
    }

    .bills-list .bills-list-item .details .amount {
        margin: 1rem 0 !important;
        text-align: center
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .bills-list {
        display: flex;
        flex-wrap: wrap;
        margin: -.5rem
    }

    .bills-list .bills-list-item {
        position: relative;
        flex-direction: column;
        width: calc(50% - 1rem);
        margin: .5rem
    }

    .bills-list .bills-list-item .company {
        flex-direction: column;
        text-align: center
    }

    .bills-list .bills-list-item .users {
        flex-direction: column;
        align-items: center;
        margin: 1.5rem 0 !important
    }

    .bills-list .bills-list-item .details {
        flex-direction: column;
        justify-content: center;
        width: 100%
    }

    .bills-list .bills-list-item .details .amount {
        margin: 1rem 0 !important;
        text-align: center
    }
}

.bills-grid .bills-grid-item {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 1.5rem 1.25rem
}

.bills-grid .bills-grid-item .item-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem
}

.bills-grid .bills-grid-item .item-body .company {
    display: flex;
    align-items: center;
    gap: 1rem
}

.bills-grid .bills-grid-item .item-body .company .company-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    width: 42px;
    min-width: 42px;
    background-color: var(--wrap-bg-color);
    border: 1px solid var(--wrap-border-color);
    border-radius: 50%
}

.bills-grid .bills-grid-item .item-body .company .meta p {
    font-size: .8rem;
    color: var(--light-text)
}

.bills-grid .bills-grid-item .item-body .amount {
    position: relative;
    font-family: var(--font);
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--title-color);
    text-align: right;
    transition: opacity .3s
}

.bills-grid .bills-grid-item .item-body .amount:before {
    content: "$";
    position: relative;
    top: -5px;
    font-size: 70%;
    transition: opacity .3s
}

.bills-grid .bills-grid-item .item-body .amount .tag {
    position: absolute;
    top: 0;
    right: 0;
    height: 2.75em;
    line-height: 2.75;
    min-width: 84px;
    text-align: center;
    padding-left: 1.5em;
    padding-right: 1.5em;
    transform: translateY(.25rem);
    opacity: 0;
    transition: transform .3s, opacity .3s
}

.bills-grid .bills-grid-item .item-footer {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bills-grid .bills-grid-item .item-footer .users {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.bills-grid .bills-grid-item .item-footer .users .meta {
    margin-left: .75rem
}

.bills-grid .bills-grid-item .item-footer .users .meta span {
    display: block;
    line-height: 1.3
}

.bills-grid .bills-grid-item .item-footer .users .meta span:first-child {
    font-family: var(--font-alt);
    font-size: .9rem;
    font-weight: 600;
    color: var(--title-color)
}

.bills-grid .bills-grid-item .item-footer .users .meta span:nth-child(2) {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--light-text)
}

.bills-grid .bills-grid-item .item-footer .button-combo {
    display: flex
}

.bills-grid .bills-grid-item .item-footer .button-combo .button {
    display: block;
    min-width: 56px;
    height: 36px;
    font-size: .7rem
}

.bills-grid .bills-grid-item .item-footer .button-combo .button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.bills-grid .bills-grid-item .item-footer .button-combo .button:nth-child(2) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.bills-grid .bills-grid-item:hover .amount span, .bills-grid .bills-grid-item:hover .amount:before {
    opacity: 0
}

.bills-grid .bills-grid-item:hover .amount .tag {
    opacity: 1;
    transform: translateY(0)
}

.contact-list .contact-list-item {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 2rem;
    display: flex;
    align-items: center;
    margin-bottom: 1.25rem
}

.contact-list .contact-list-item .contact {
    display: flex;
    align-items: center;
    gap: .5rem
}

.contact-list .contact-list-item .contact .meta p {
    font-size: .85rem;
    color: var(--light-text)
}

.contact-list .contact-list-item .details {
    display: flex;
    align-items: center;
    margin-left: auto
}

.contact-list .contact-list-item .details .status {
    padding: 0 2rem
}

.contact-list .contact-list-item .details .status .tag {
    height: 2.75em;
    line-height: 2.75;
    min-width: 84px;
    text-align: center;
    padding-left: 1.5em;
    padding-right: 1.5em
}

.contact-list .contact-list-item .details .amount {
    margin-right: 2rem
}

.contact-list .contact-list-item .details .amount span {
    display: block;
    line-height: 1.3
}

.contact-list .contact-list-item .details .amount span:first-child {
    text-transform: uppercase;
    font-family: var(--font);
    font-size: .7rem;
    color: var(--light-text)
}

.contact-list .contact-list-item .details .amount span:nth-child(2) {
    font-family: var(--font);
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--title-color)
}

.contact-list .contact-list-item .details .amount span:nth-child(2):before {
    content: "$";
    position: relative;
    top: -5px;
    font-size: 70%
}

.contact-list .contact-list-item .details .users {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 2rem;
    min-width: 164px
}

.contact-list .contact-list-item .details .users .meta {
    margin-left: .75rem
}

.contact-list .contact-list-item .details .users .meta span {
    display: block;
    line-height: 1.3
}

.contact-list .contact-list-item .details .users .meta span:first-child {
    font-family: var(--font-alt);
    font-size: .75rem;
    font-weight: 600;
    color: var(--title-color)
}

.contact-list .contact-list-item .details .users .meta span:nth-child(2) {
    font-family: var(--font);
    font-size: .75rem;
    color: var(--light-text)
}

.contact-list .contact-list-item .details .button-combo {
    display: flex
}

.contact-list .contact-list-item .details .button-combo .button {
    display: flex;
    min-width: 80px
}

.contact-list .contact-list-item .details .button-combo .button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.contact-list .contact-list-item .details .button-combo .button:nth-child(2) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

@media only screen and (max-width: 767px) {
    .contact-list .contact-list-item {
        position: relative;
        flex-direction: column
    }

    .contact-list .contact-list-item .users {
        flex-direction: column;
        align-items: center;
        margin: 1.5rem 0 !important
    }

    .contact-list .contact-list-item .details {
        flex-direction: column;
        justify-content: center;
        width: 100%
    }

    .contact-list .contact-list-item .details .amount {
        margin: 1rem 0 !important;
        text-align: center
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .contact-list {
        display: flex;
        flex-wrap: wrap;
        margin: -.5rem
    }

    .contact-list .contact-list-item {
        position: relative;
        flex-direction: column;
        width: calc(50% - 1rem);
        margin: .5rem
    }

    .contact-list .contact-list-item .users {
        flex-direction: column;
        align-items: center;
        margin: 1.5rem 0 !important
    }

    .contact-list .contact-list-item .details {
        flex-direction: column;
        justify-content: center;
        width: 100%
    }

    .contact-list .contact-list-item .details .amount {
        margin: 1rem 0 !important;
        text-align: center
    }
}

.contact-grid .contact-grid-item {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    position: relative;
    padding: 1.5rem 1rem
}

.contact-grid .contact-grid-item .item-body {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem
}

.contact-grid .contact-grid-item .item-body .contact {
    display: flex;
    align-items: center;
    gap: .5rem
}

.contact-grid .contact-grid-item .item-body .contact .meta p {
    font-size: .8rem;
    color: var(--light-text)
}

.contact-grid .contact-grid-item .item-body .contact .meta a {
    display: block;
    font-size: .8rem;
    color: var(--primary)
}

.contact-grid .contact-grid-item .item-body .tag {
    position: absolute;
    top: 1rem;
    right: 1rem;
    height: 2.75em;
    line-height: 2.75;
    font-size: .6rem;
    min-width: 75px;
    text-align: center;
    padding-left: 1.5em;
    padding-right: 1.5em;
    transform: scale(.8)
}

.contact-grid .contact-grid-item .item-footer {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.contact-grid .contact-grid-item .item-footer .actions {
    display: flex;
    gap: .25rem
}

.contact-grid .contact-grid-item .item-footer .actions .action {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    width: 34px;
    min-width: 34px;
    color: var(--light-text);
    border-radius: 50%;
    transition: background-color .3s, color .3s
}

.contact-grid .contact-grid-item .item-footer .actions .action .iconify {
    font-size: 1rem
}

.contact-grid .contact-grid-item .item-footer .actions .action:hover {
    color: var(--secondary);
    background: var(--wrap-muted-color)
}

.contact-grid .contact-grid-item .item-footer .details .button {
    height: 38px;
    min-width: 90px;
    font-size: .8rem
}

.contact-profile-wrap {
    max-width: 1200px;
    margin: 0 auto
}

.contact-profile-wrap .contact-profile .profile-card {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 2.5rem
}

.contact-profile-wrap .contact-profile .profile-card .inner {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.contact-profile-wrap .contact-profile .profile-card .inner .contact-block {
    width: 100%;
    text-align: center
}

.contact-profile-wrap .contact-profile .profile-card .inner .contact-block .avatar-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    border: 2px solid var(--wrap-muted-color);
    margin: 0 auto 1rem
}

.contact-profile-wrap .contact-profile .profile-card .inner .contact-block .avatar-wrapper img {
    display: block;
    height: 90px;
    width: 90px;
    border-radius: 50%
}

.contact-profile-wrap .contact-profile .profile-card .inner .contact-block .contact-meta {
    line-height: 1.2
}

.contact-profile-wrap .contact-profile .profile-card .inner .contact-block .contact-meta .contact-name {
    font-family: var(--font-alt);
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--title-color)
}

.contact-profile-wrap .contact-profile .profile-card .inner .contact-block .contact-meta .contact-company {
    font-family: var(--font);
    font-size: 1rem;
    color: var(--light-text)
}

.contact-profile-wrap .contact-profile .profile-card .inner .contact-block .stats-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.75rem;
    font-family: var(--font)
}

.contact-profile-wrap .contact-profile .profile-card .inner .contact-block .stats-block .stat {
    text-align: center
}

.contact-profile-wrap .contact-profile .profile-card .inner .contact-block .stats-block .stat span {
    display: block
}

.contact-profile-wrap .contact-profile .profile-card .inner .contact-block .stats-block .stat span:first-child {
    text-transform: uppercase;
    font-weight: 500;
    font-size: .75rem;
    color: var(--light-text)
}

.contact-profile-wrap .contact-profile .profile-card .inner .contact-block .stats-block .stat span:nth-child(2) {
    font-size: 1.5rem;
    color: var(--title-color);
    font-weight: 700
}

.contact-profile-wrap .contact-profile .info-card {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 2.5rem
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs {
    overflow: visible
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .tabs {
    margin-bottom: 2.5rem
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs ul {
    margin: 0 !important;
    border-bottom: none
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs ul li {
    margin: 0 !important
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs ul li a {
    color: var(--placeholder);
    border-bottom: 2px solid transparent !important;
    margin-bottom: 0 !important
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs ul li.is-active a {
    border-color: var(--secondary) !important;
    color: var(--secondary);
    font-weight: 500
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .info-block {
    display: flex;
    gap: .75rem
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .info-block .iconify {
    font-size: 1.5rem
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .info-block .info-label {
    text-transform: uppercase;
    font-family: var(--font);
    font-size: .7rem;
    font-weight: 500;
    color: var(--light-text)
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .info-block .info-content {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--title-color)
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .info-block .is-prospect {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: .5rem;
    cursor: pointer;
    font-weight: 400;
    font-size: .8rem;
    color: var(--light-text);
    margin-top: 1.5rem
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .info-block .is-prospect span {
    font-size: .9rem;
    position: relative;
    top: -3px
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .info-block:not(:last-child) {
    margin-bottom: 1rem
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content hr {
    background: var(--card-border-color)
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .lifetime-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .lifetime-wrapper .avatar img {
    background: var(--wrap-muted-color)
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .lifetime-wrapper .lifetime-won {
    width: 40%
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .lifetime-wrapper .lifetime-won span {
    display: block;
    font-family: var(--font);
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--title-color)
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .lifetime-wrapper .lifetime-won span:before {
    content: "$"
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .lifetime-wrapper .lifetime-won .lifetime-label {
    text-transform: uppercase;
    font-size: .8rem;
    font-family: var(--font);
    font-weight: 500;
    color: var(--light-text)
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .event-block {
    position: relative;
    display: flex;
    align-items: center;
    gap: .5rem;
    border-bottom: 1px solid var(--wrap-border-color);
    padding: 1rem 0
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .event-block .iconify {
    font-size: 1.75rem
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .event-block .date-block {
    text-align: center;
    position: relative;
    width: 42px;
    line-height: 1
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .event-block .date-block span {
    display: block
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .event-block .date-block span:first-child {
    color: var(--title-color);
    font-family: var(--font-alt);
    font-weight: 700;
    font-size: 1.25rem
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .event-block .date-block span:nth-child(2) {
    position: relative;
    text-transform: uppercase;
    color: var(--light-text);
    font-family: var(--font);
    font-size: .85rem
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .event-block .event-meta {
    line-height: 1.2
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .event-block .event-meta .event-name {
    color: var(--title-color);
    font-family: var(--font-alt);
    font-size: .9rem;
    font-weight: 600
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .event-block .event-meta .meta {
    display: flex;
    align-items: center;
    font-size: .85rem
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .event-block .event-meta .meta .meta-element, .contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .event-block .event-meta .meta span {
    font-family: var(--font);
    color: var(--medium-text);
    font-weight: 400
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .event-block .dropdown-wrap {
    margin-left: auto
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .call-block {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 2.25rem;
    margin-bottom: 1.5rem
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .call-block.is-inner .fa, .contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .call-block.is-inner .fas {
    color: var(--secondary)
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .call-block.is-outer .fa, .contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .call-block.is-outer .fas {
    color: var(--warning)
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .call-block .block-head {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .call-block .block-head a {
    display: flex;
    align-items: center;
    color: var(--secondary)
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .call-block .block-head a small {
    font-size: 1rem;
    font-weight: 500;
    margin: 0 10px
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .call-block .block-head .iconify {
    font-size: 1.5rem
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .call-block .block-head .people {
    display: flex;
    align-items: center
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .call-block .block-container {
    padding: 10px 0 16px
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .call-block .block-container .meta-group {
    display: flex;
    padding: 1rem 0
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .call-block .block-container .meta-group .meta-block {
    margin-right: 30px
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .call-block .block-container .meta-block {
    margin-bottom: 10px;
    font-family: var(--font)
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .call-block .block-container .meta-block .call-label {
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 700;
    color: var(--title-color)
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .call-block .block-container .meta-block .call-info {
    font-size: .9rem;
    color: var(--medium-text)
}

.contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .call-block .block-footer {
    display: flex;
    justify-content: flex-end
}

@media (max-width: 767px) {
    .contact-profile-wrap {
        padding: 0
    }

    .contact-profile-wrap .contact-profile .info-card {
        padding: 1.5rem
    }

    .contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content {
        padding-left: 0;
        padding-right: 0
    }

    .contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .call-block {
        padding: 1.5rem
    }

    .contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .call-block .block-head {
        flex-direction: column;
        align-items: flex-start
    }

    .contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .call-block .block-head .people {
        margin-top: 1rem
    }

    .contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .call-block .block-container .meta-group {
        flex-direction: column;
        align-items: flex-start
    }

    .contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .call-block .block-footer .buttons {
        width: 100%
    }

    .contact-profile-wrap .contact-profile .info-card .single-contact-tabs .navtab-content .call-block .block-footer .button {
        flex-grow: 2
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .contact-profile-wrap .contact-profile .profile-card {
        max-width: 240px;
        padding: 0;
        margin: 0 auto;
        background: 0 0;
        border: none
    }
}

.boards-grid {
    margin-top: 20px
}

.boards-grid .boards-grid-item {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    text-align: center;
    position: relative
}

.boards-grid .boards-grid-item .card-inner {
    padding: 40px
}

.boards-grid .boards-grid-item .card-inner .board-title {
    font-family: var(--font-alt);
    font-weight: 500;
    font-size: 1.2rem;
    color: var(--title-color)
}

.boards-grid .boards-grid-item .card-inner .board-icon {
    margin: 1rem 0
}

.boards-grid .boards-grid-item .card-inner .board-icon img {
    display: block;
    height: 70px;
    margin: 0 auto;
    max-width: 70px;
    background: var(--wrap-muted-color);
    border-radius: 50%
}

.boards-grid .boards-grid-item .card-inner .board-summary {
    font-family: var(--font-alt);
    font-weight: 500;
    font-size: .9rem;
    color: var(--light-text)
}

.boards-grid .boards-grid-item .card-inner .board-meta {
    margin: 2rem 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.boards-grid .boards-grid-item .card-inner .board-meta .status-toggle {
    margin: 0 auto;
    width: 60px;
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.boards-grid .boards-grid-item .card-inner .board-meta .status-toggle input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.boards-grid .boards-grid-item .card-inner .board-meta .status-toggle input:checked ~ .toggler {
    border-color: var(--primary)
}

.boards-grid .boards-grid-item .card-inner .board-meta .status-toggle input:checked ~ .toggler .off, .boards-grid .boards-grid-item .card-inner .board-meta .status-toggle input:checked ~ .toggler .on {
    transform: translate(100%) rotate(360deg)
}

.boards-grid .boards-grid-item .card-inner .board-meta .status-toggle input:checked ~ .toggler .off {
    opacity: 1
}

.boards-grid .boards-grid-item .card-inner .board-meta .status-toggle input:checked ~ .toggler .on {
    opacity: 0
}

.boards-grid .boards-grid-item .card-inner .board-meta .status-toggle .toggler {
    position: relative;
    display: block;
    height: 20px;
    width: 60px;
    border: 1.6px solid var(--wrap-muted-color);
    background: var(--wrap-muted-color);
    border-radius: 100px;
    transition: all .3s
}

.boards-grid .boards-grid-item .card-inner .board-meta .status-toggle .toggler .off, .boards-grid .boards-grid-item .card-inner .board-meta .status-toggle .toggler .on {
    position: absolute;
    top: -8px;
    left: -2px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(0) rotate(0);
    transition: all .3s ease
}

.boards-grid .boards-grid-item .card-inner .board-meta .status-toggle .toggler .off .iconify, .boards-grid .boards-grid-item .card-inner .board-meta .status-toggle .toggler .on .iconify {
    color: var(--white);
    font-size: 1rem
}

.boards-grid .boards-grid-item .card-inner .board-meta .status-toggle .toggler .on {
    background: var(--primary);
    border-color: var(--primary);
    opacity: 1;
    z-index: 1
}

.boards-grid .boards-grid-item .card-inner .board-meta .status-toggle .toggler .off {
    background: var(--danger);
    border-color: var(--danger);
    opacity: 0;
    z-index: 0
}

.boards-grid .boards-grid-item .card-inner .board-meta .board-assignees {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%
}

.boards-grid .boards-grid-item .card-foot {
    display: flex;
    align-items: center;
    border-top: 1px solid var(--card-border-color)
}

.boards-grid .boards-grid-item .card-foot .footer-block {
    width: 50%;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center
}

.boards-grid .boards-grid-item .card-foot .footer-block:first-child {
    border-right: 1px solid var(--card-border-color)
}

.boards-grid .boards-grid-item .card-foot .footer-block span {
    display: block
}

.boards-grid .boards-grid-item .card-foot .footer-block span:first-child {
    font-size: 1.1rem;
    font-family: var(--font-alt);
    font-weight: 600;
    color: var(--title-color)
}

.boards-grid .boards-grid-item .card-foot .footer-block span:first-child:before {
    content: "$"
}

.boards-grid .boards-grid-item .card-foot .footer-block span:nth-child(2) {
    font-size: .9rem;
    font-family: var(--font);
    color: var(--light-text)
}

.boards-grid .boards-grid-item .dropdown-wrap {
    position: absolute;
    top: 1rem;
    right: 1rem;
    text-align: left
}

.boards-wrapper {
    position: relative;
    width: 100%;
    overflow-x: auto
}

.boards-wrapper .boards {
    padding: 1rem 0;
    min-width: 1240px
}

.boards-wrapper .boards .board-columns {
    display: flex;
    margin-left: -.25rem;
    margin-right: -.25rem
}

.boards-wrapper .boards .board-columns .board-column {
    min-width: 350px;
    margin: 0 .25rem
}

.boards-wrapper .boards .board-box {
    width: 100%;
    padding: .5rem .75rem;
    background: var(--wrap-muted-color);
    border-radius: .65rem;
    border: 1px solid var(--wrap-border-color)
}

.boards-wrapper .boards .board-box.is-empty .column-placeholder {
    display: block !important
}

.boards-wrapper .boards .board-box .box-header {
    display: flex;
    align-items: center
}

.boards-wrapper .boards .board-box .box-header .control {
    flex-grow: 2
}

.boards-wrapper .boards .board-box .box-header .control .input {
    height: 36px;
    font-size: 1.2rem;
    padding-bottom: 8px
}

.boards-wrapper .boards .board-box .box-header .header-meta {
    display: flex;
    align-items: baseline
}

.boards-wrapper .boards .board-box .box-header .header-meta .name {
    font-weight: 600;
    font-family: var(--font-alt);
    font-size: 1.1rem;
    color: var(--title-color)
}

.boards-wrapper .boards .board-box .box-header .header-meta .count {
    margin: 0 6px
}

.boards-wrapper .boards .board-box .box-header .header-meta .count span {
    font-family: var(--font);
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: var(--medium-text)
}

.boards-wrapper .boards .board-box .box-header .dropdown-wrap {
    margin-left: auto
}

.boards-wrapper .boards .board-box .items {
    padding: 10px 0 8px
}

.boards-wrapper .boards .board-box .items .column-placeholder {
    padding: 20px 0;
    pointer-events: none;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
    display: none
}

.boards-wrapper .boards .board-box .items .column-placeholder .placeholder-image {
    display: block;
    max-width: 200px;
    margin: 0 auto
}

.boards-wrapper .boards .board-box .items .column-placeholder .placeholder-text {
    padding: 10px 0
}

.boards-wrapper .boards .board-box .items .column-placeholder .placeholder-text h3 {
    font-family: var(--font-alt);
    font-weight: 600;
    font-size: 1rem;
    color: var(--title-color);
    margin-bottom: 0
}

.boards-wrapper .boards .board-box .items .column-placeholder .placeholder-text p {
    font-family: var(--font);
    font-size: .85rem;
    color: var(--light-text);
    max-width: 250px;
    margin: 0 auto
}

.boards-wrapper .boards .is-create-board:after {
    content: "";
    flex: 0 0 10px
}

.boards-wrapper .boards .is-create-board .board-placeholder {
    padding: 0;
    border: none;
    background: 0 0;
    width: 100%
}

.boards-wrapper .boards .is-create-board .board-placeholder .placeholder-inner {
    padding: 20px;
    background: var(--dropdown-bg-color-hover);
    border: 2px dashed var(--placeholder);
    border-radius: .65rem;
    font-size: 1rem;
    color: var(--light-text);
    font-weight: 500;
    text-align: center;
    transition: all .3s;
    cursor: pointer
}

.boards-wrapper .boards .is-create-board .board-placeholder .placeholder-inner:hover {
    border-color: var(--light-text);
    color: var(--light-text)
}

.kanban-box {
    position: relative;
    padding: 1.5rem;
    box-shadow: none;
    border: 1px solid var(--card-border-color);
    border-radius: .65rem;
    background: var(--card-bg-color);
    transition: all .3s
}

.kanban-box .box-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.75rem
}

.kanban-box .box-head .box-title-wrap {
    line-height: 1.2
}

.kanban-box .box-head .box-title-wrap .box-title {
    font-size: .9rem;
    font-family: var(--font-alt);
    color: var(--title-color);
    font-weight: 600;
    max-width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.kanban-box .box-head .box-title-wrap .time {
    font-size: .85rem;
    font-family: var(--font);
    color: var(--light-text)
}

.kanban-box .box-head img {
    max-width: 40px
}

.kanban-box:hover {
    box-shadow: var(--light-box-shadow)
}

.kanban-box:not(:last-child) {
    margin-bottom: 1rem
}

.kanban-box .box-meta {
    display: flex;
    align-items: center
}

.kanban-box .box-meta .deal-value {
    margin-left: auto;
    font-family: var(--font);
    font-size: 1.2rem;
    color: var(--title-color);
    font-weight: 600
}

.kanban-box .box-meta .dropdown {
    height: 30px;
    width: 30px
}

.kanban-box .box-meta .dropdown .button {
    height: 30px;
    width: 30px;
    border-radius: 50%
}

.kanban-box .box-meta .dropdown .button i {
    font-size: 20px
}

.board-box .kanban-box {
    cursor: move;
    cursor: grab;
    cursor: -webkit-grab
}

.board-box .kanban-box:active {
    cursor: grabbing;
    cursor: -webkit-grabbing
}

.gu-transit {
    cursor: grabbing !important;
    cursor: -webkit-grabbing !important
}

.gu-mirror {
    position: fixed
}

.deal-title-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.deal-title-wrapper .deal-image {
    display: block;
    height: 50px;
    width: 50px;
    min-width: 50px;
    border-radius: 50%;
    margin-right: .75rem;
    background: var(--wrap-bg-color)
}

.deal-title-wrapper .inner-wrap .deal-title {
    font-size: 1.5rem;
    font-family: var(--font-alt);
    color: var(--title-color)
}

.deal-title-wrapper .actions {
    display: flex;
    margin-left: auto
}

.deal-title-wrapper .actions .button {
    height: 40px !important;
    margin-left: 8px;
    min-width: 100px
}

.deal-title-wrapper .actions .button .iconify {
    padding-right: 0
}

.stage-wrapper {
    position: relative;
    margin-top: 12px;
    background: var(--wrap-bg-color);
    padding: 6px;
    border-radius: 100px;
    border: 1px solid var(--wrap-border-color)
}

.stage-wrapper .stages {
    position: absolute;
    top: 20px;
    left: 0;
    display: flex;
    width: 100%;
    padding: 0 6px
}

.stage-wrapper .stages .stage {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    border-right: 1px solid var(--light-text);
    padding: 0 16px;
    min-height: 30px
}

.stage-wrapper .stages .stage:last-child {
    visibility: hidden
}

.stage-wrapper .stages .stage.is-done span .iconify {
    display: inline-block;
    color: var(--primary)
}

.stage-wrapper .stages .stage span {
    position: absolute;
    bottom: 0;
    right: 10px;
    display: flex;
    align-items: center;
    font-size: .8rem;
    font-weight: 500;
    font-family: var(--font);
    color: var(--title-color)
}

.stage-wrapper .stages .stage span .iconify {
    display: none;
    color: var(--primary);
    margin-right: 4px
}

.stage-wrapper .stage-inner {
    padding: 3px;
    background: var(--dropdown-bg-color-hover);
    border-radius: 100px
}

.stage-wrapper .stage-inner .progress {
    height: .45rem !important
}

.stage-wrapper .stage-inner .progress::-webkit-progress-bar {
    background-color: var(--wrap-muted-color)
}

.stage-wrapper .stage-inner .progress::-webkit-progress-value {
    background-color: var(--primary);
    border-radius: 100px
}

.stage-wrapper .stage-inner .progress::-moz-progress-bar {
    background-color: var(--primary);
    border-radius: 100px
}

.stage-wrapper .stage-inner .progress::-ms-fill {
    background-color: var(--primary);
    border-radius: 100px
}

.deal-meta {
    display: flex;
    align-items: center;
    margin-top: 3rem
}

.deal-meta .deal-price {
    display: flex;
    align-items: center
}

.deal-meta .deal-price span {
    display: block
}

.deal-meta .deal-price span:first-child {
    font-size: 1.4rem;
    font-family: var(--font);
    font-weight: 700;
    color: var(--title-color)
}

.deal-meta .deal-price span:nth-child(2) {
    margin-left: 16px;
    font-family: var(--font);
    color: var(--light-text)
}

.deal-meta .deal-owner {
    display: flex;
    align-items: center;
    margin-left: auto
}

.deal-meta .deal-owner img {
    display: block;
    height: 38px;
    width: 38px;
    border-radius: 50%
}

.deal-meta .deal-owner .owner-meta {
    margin-left: .75rem;
    line-height: 1.2
}

.deal-meta .deal-owner .owner-meta span {
    display: block
}

.deal-meta .deal-owner .owner-meta span:first-child {
    font-family: var(--font-alt);
    font-size: .9rem;
    font-weight: 600;
    color: var(--title-color)
}

.deal-meta .deal-owner .owner-meta span:nth-child(2) {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--light-text)
}

.deal-meta .deal-owner .dropdown {
    margin-left: 12px
}

.deal-meta .deal-owner .dropdown > .button i {
    font-size: 18px
}

.deal-content {
    margin-top: 20px;
    padding-bottom: 60px
}

.deal-content .column.is-spaced {
    margin-top: 20px
}

.deal-content form .button-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 20px
}

.deal-content form .button-wrap button {
    line-height: 0
}

.deal-content form .button-wrap .button {
    min-width: 100px
}

.deal-content form .button-wrap .control {
    width: 100%;
    margin-right: 30px
}

.deal-content .deal-card {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border-radius: .65rem;
    border: 1px solid var(--card-border-color);
    padding: 1.25rem;
    margin-bottom: 1.5rem
}

.deal-content .deal-card .deal-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.deal-content .deal-card .deal-card-header.is-toggle {
    cursor: pointer
}

.deal-content .deal-card .deal-card-header.is-toggle:hover .toggle-icon {
    background: var(--dropdown-bg-color-hover)
}

.deal-content .deal-card .deal-card-header.is-toggle.is-active .toggle-icon {
    transform: rotate(90deg)
}

.deal-content .deal-card .deal-card-header.is-toggle .toggle-icon {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s
}

.deal-content .deal-card .deal-card-header.is-toggle .toggle-icon .iconify {
    font-size: 1rem
}

.deal-content .deal-card .deal-card-header h3 {
    text-transform: uppercase;
    font-family: var(--font-alt);
    font-size: .8rem;
    color: var(--title-color);
    font-weight: 500
}

.deal-content .deal-card .deal-card-content {
    margin-top: 1rem
}

.deal-content .deal-card .deal-card-content .details-placeholder span {
    display: block;
    font-family: var(--font);
    font-size: .9rem;
    font-weight: 500;
    color: var(--title-color)
}

.deal-content .deal-card .deal-card-content .details-placeholder a, .deal-content .deal-card .deal-card-content .details-placeholder a span {
    margin-top: 4px;
    display: flex;
    align-items: center;
    font-size: .9rem;
    font-family: var(--font);
    color: var(--medium-text);
    transition: all .3s
}

.deal-content .deal-card .deal-card-content .details-placeholder a:hover, .deal-content .deal-card .deal-card-content .details-placeholder a span:hover, .deal-content .deal-card .deal-card-content .details-placeholder a:hover .iconify, .deal-content .deal-card .deal-card-content .details-placeholder a span:hover .iconify {
    color: var(--secondary)
}

.deal-content .deal-card .deal-card-content .details-placeholder a .iconify, .deal-content .deal-card .deal-card-content .details-placeholder a span .iconify {
    position: relative;
    font-size: 16px;
    margin-right: 3px;
    transition: all .3s
}

.deal-content .deal-card .deal-card-content .deal-contact {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-bottom: 1rem
}

.deal-content .deal-card .deal-card-content .deal-contact img {
    display: block;
    height: 32px;
    width: 32px;
    border-radius: 50%
}

.deal-content .deal-card .deal-card-content .deal-contact .contact-meta {
    margin-left: .75rem;
    line-height: 1.2
}

.deal-content .deal-card .deal-card-content .deal-contact .contact-meta span {
    display: block
}

.deal-content .deal-card .deal-card-content .deal-contact .contact-meta span:first-child {
    font-family: var(--font-alt);
    font-size: .9rem;
    font-weight: 600;
    color: var(--title-color)
}

.deal-content .deal-card .deal-card-content .deal-contact .contact-meta span:nth-child(2) {
    font-family: var(--font);
    font-size: .8rem;
    color: var(--light-text)
}

.deal-content .deal-card .deal-card-content .info-block {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-bottom: 1rem
}

.deal-content .deal-card .deal-card-content .info-block .block-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    transition: all .3s
}

.deal-content .deal-card .deal-card-content .info-block .block-icon .iconify {
    font-size: 1.2rem;
    color: var(--light-text);
    transition: all .3s
}

.deal-content .deal-card .deal-card-content .info-block .block-meta {
    margin-left: .75rem;
    line-height: 1.3
}

.deal-content .deal-card .deal-card-content .info-block .block-meta span {
    display: block
}

.deal-content .deal-card .deal-card-content .info-block .block-meta span:first-child {
    font-family: var(--font-alt);
    font-size: .8rem;
    font-weight: 600;
    color: var(--title-color)
}

.deal-content .deal-card .deal-card-content .info-block .block-meta span:nth-child(2) {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--light-text)
}

.deal-content .deal-card .deal-card-content .info-block .block-meta span:nth-child(2) a {
    color: var(--light-text)
}

.deal-content .deal-card .deal-card-content .info-block.is-add:hover .block-icon {
    background: var(--wrap-muted-color)
}

.deal-content .deal-card .deal-card-content .info-block.is-add:hover .block-icon .iconify {
    color: var(--light-text)
}

.deal-content .deal-card .deal-card-content .info-block.is-add:hover .block-icon:hover {
    background: var(--secondary);
    box-shadow: var(--secondary-box-shadow);
    cursor: pointer
}

.deal-content .deal-card .deal-card-content .info-block.is-add:hover .block-icon:hover .iconify {
    color: var(--white-smoke)
}

.deal-content .action-card {
    background: var(--card-bg-color);
    border-radius: .65rem;
    border: 1px solid var(--card-border-color);
    overflow: hidden
}

.deal-content .action-card .action-card-header {
    padding: 1rem;
    background: var(--wrap-muted-color);
    display: flex;
    align-items: center
}

.deal-content .action-card .action-card-header .action {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 .75rem;
    cursor: pointer
}

.deal-content .action-card .action-card-header .action.is-active .iconify {
    color: var(--title-color)
}

.deal-content .action-card .action-card-header .action.is-active span {
    color: var(--title-color);
    font-weight: 500
}

.deal-content .action-card .action-card-header .action.is-active .arrow-down {
    display: block
}

.deal-content .action-card .action-card-header .action .iconify {
    font-size: 1.25rem;
    color: var(--light-text);
    margin-right: .25rem
}

.deal-content .action-card .action-card-header .action span {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--light-text)
}

.deal-content .action-card .action-card-header .action .arrow-down {
    display: none;
    position: absolute;
    bottom: -27px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid var(--wrap-muted-color)
}

.deal-content .action-card .action-card-body .action-wrap {
    padding: 1rem
}

.deal-content .action-card .action-card-body .action-wrap .event-form {
    padding: 0 1.25rem 1.25rem
}

.deal-content .action-card .action-card-body .action-wrap .event-form .columns {
    margin: -.2rem
}

.deal-content .action-card .action-card-body .action-wrap .event-form .columns .column {
    padding: .4rem
}

.deal-content .action-card .action-card-body .action-wrap .textarea {
    box-shadow: none !important;
    border-color: transparent
}

.deal-content .action-card .action-card-body .action-wrap .attachments-field .message-files {
    display: flex;
    align-items: center;
    padding: 8px;
    background: var(--wrap-muted-color);
    border-radius: .75rem
}

.deal-content .action-card .action-card-body .action-wrap .attachments-field .message-files .upload-box {
    position: relative;
    margin: 8px
}

.deal-content .action-card .action-card-body .action-wrap .attachments-field .message-files .upload-box input {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    font-size: 0;
    z-index: 1;
    cursor: pointer
}

.deal-content .action-card .action-card-body .action-wrap .attachments-field .message-files .upload-box input::-webkit-file-upload-button {
    cursor: pointer
}

.deal-content .action-card .action-card-body .action-wrap .attachments-field .message-files .upload-box input:hover + .upload-box-inner {
    border-color: var(--input-base-border-color)
}

.deal-content .action-card .action-card-body .action-wrap .attachments-field .message-files .upload-box input:hover + .upload-box-inner .iconify {
    color: var(--input-base-border-color)
}

.deal-content .action-card .action-card-body .action-wrap .attachments-field .message-files .upload-box .upload-box-inner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
    width: 56px;
    border: 1.8px dashed var(--light-text);
    border-radius: 8px;
    transition: all .3s
}

.deal-content .action-card .action-card-body .action-wrap .attachments-field .message-files .upload-box .upload-box-inner .iconify {
    font-size: 16px;
    color: var(--light-text);
    transition: color .3s
}

.deal-content .action-card .action-card-body .action-wrap .attachments-field .message-files .upload-box .upload-box-inner .remove-link {
    position: absolute;
    top: -7px;
    right: -6px;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    border: 1px solid var(--input-base-border-color);
    box-shadow: var(--light-box-shadow);
    background: var(--input-base-color);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3
}

.deal-content .action-card .action-card-body .action-wrap .attachments-field .message-files .upload-box .upload-box-inner .remove-link i {
    font-size: 12px
}

.deal-content .action-card .action-card-body .action-wrap .attachments-field .message-files .upload-box .preview-box {
    position: relative;
    height: 56px;
    width: 56px
}

.deal-content .action-card .action-card-body .action-wrap .attachments-field .message-files .upload-box .preview-box .delete {
    position: absolute;
    top: -7px;
    right: -6px;
    z-index: 3
}

.deal-content .action-card .action-card-body .action-wrap .attachments-field .message-files .upload-box .preview-box img {
    display: block;
    height: 56px;
    width: 56px;
    -o-object-fit: cover;
    object-fit: cover;
    box-shadow: var(--light-box-shadow);
    border-radius: 6px
}

.deal-content .action-card .action-card-body .action-wrap .attachments-field .add-more-files {
    padding: .5rem 0
}

.deal-content .action-card .action-card-body .action-wrap .attachments-field .add-more-files a {
    display: flex;
    align-items: center;
    color: var(--light-text);
    font-family: var(--font);
    font-size: .9rem;
    font-weight: 400
}

.deal-content .action-card .action-card-body .action-wrap .attachments-field .add-more-files a .iconify {
    position: relative;
    font-size: .75rem;
    margin-right: .25rem
}

.deal-content .timeline-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0 30px
}

.deal-content .timeline-separator.is-spaced {
    margin-top: 40px
}

.deal-content .timeline-separator span {
    display: block;
    min-width: 110px;
    text-align: center;
    padding: 8px 16px;
    border-radius: 50px;
    color: var(--title-color);
    font-size: .9rem;
    font-weight: 500;
    background: var(--wrap-muted-color)
}

.deal-content .tabs ul {
    border-bottom-color: transparent
}

.deal-content .tabs ul li.is-active a {
    color: var(--title-color);
    border-color: var(--secondary)
}

.deal-content .tabs ul li a {
    color: var(--light-text)
}

.deal-content .navtab-content {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.deal-content .timeline-load {
    margin: 40px 0
}

.deal-content .deal-timeline ul li {
    position: relative;
    display: flex;
    align-items: center
}

.deal-content .deal-timeline ul li:not(:last-child) {
    padding-bottom: 20px
}

.deal-content .deal-timeline ul li:last-child.is-scheduled:after {
    height: 300px
}

.deal-content .deal-timeline ul li:last-child:after {
    height: 100px
}

.deal-content .deal-timeline ul li:after {
    content: "";
    position: absolute;
    left: 19px;
    top: 50%;
    width: 1.6px;
    height: 100%;
    background: var(--wrap-muted-color)
}

.deal-content .deal-timeline ul li .timeline-icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    min-width: 40px;
    border-radius: 50%;
    background: var(--wrap-bg-color);
    border: 1px solid var(--wrap-border-color);
    z-index: 1
}

.deal-content .deal-timeline ul li .timeline-icon .iconify {
    font-size: 18px;
    color: var(--secondary)
}

.deal-content .deal-timeline ul li .timeline-icon img {
    display: block;
    height: 32px;
    width: 32px;
    min-width: 32px;
    border-radius: 50%
}

.deal-content .deal-timeline ul li .timeline-item {
    position: relative;
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .6rem;
    border: 1px solid var(--card-border-color);
    margin-left: 1.25rem;
    overflow: hidden
}

.deal-content .deal-timeline ul li .timeline-item.is-note {
    background: var(--wrap-muted-color);
    border: 2px solid var(--primary)
}

.deal-content .deal-timeline ul li .timeline-item .item-body {
    padding: 1.5rem
}

.deal-content .deal-timeline ul li .timeline-item .item-body h3 {
    font-family: var(--font-alt);
    font-size: .9rem;
    font-weight: 600;
    color: var(--title-color)
}

.deal-content .deal-timeline ul li .timeline-item .item-body .note-text {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--title-color);
    margin: .25rem 0 .75rem;
    max-width: 540px
}

.deal-content .deal-timeline ul li .timeline-item .item-body .meta-list, .deal-content .deal-timeline ul li .timeline-item .item-body .meta-list .meta-list-item {
    display: flex;
    align-items: center
}

.deal-content .deal-timeline ul li .timeline-item .item-body .meta-list .meta-list-item img {
    display: block;
    height: 26px;
    width: 26px;
    min-width: 26px;
    border-radius: 50%;
    margin-right: 8px
}

.deal-content .deal-timeline ul li .timeline-item .item-body .meta-list .meta-list-item i {
    font-size: 16px;
    margin-right: 3px;
    color: var(--light-text)
}

.deal-content .deal-timeline ul li .timeline-item .item-body .meta-list .meta-list-item span {
    display: block;
    font-family: var(--font);
    color: var(--medium-text);
    font-size: .9rem
}

.deal-content .deal-timeline ul li .timeline-item .item-body .meta-list + .meta-list {
    margin-top: .75rem
}

.deal-content .deal-timeline ul li .timeline-item .item-body .document-item {
    display: flex;
    align-items: center
}

.deal-content .deal-timeline ul li .timeline-item .item-body .document-item img {
    display: block;
    height: 40px;
    width: 40px;
    min-width: 40px;
    border-radius: 6px
}

.deal-content .deal-timeline ul li .timeline-item .item-body .document-item .document-meta {
    margin-left: 12px
}

.deal-content .deal-timeline ul li .timeline-item .item-body .document-item .document-meta span {
    display: block
}

.deal-content .deal-timeline ul li .timeline-item .item-body .document-item .document-meta span a {
    font-size: .9rem;
    font-family: var(--font-alt);
    font-weight: 600;
    color: var(--title-color)
}

.deal-content .deal-timeline ul li .timeline-item .item-body .document-item .document-meta span:nth-child(2) {
    color: var(--medium-text);
    font-family: var(--font);
    font-size: .8rem
}

.deal-content .deal-timeline ul li .timeline-item .item-body .document-item + .meta-list {
    margin-top: .75rem
}

.deal-content .deal-timeline ul li .timeline-item .item-footer {
    padding: 16px 20px;
    background: var(--wrap-muted-color);
    border-top: 1px solid var(--card-border-color)
}

.deal-content .deal-timeline ul li .timeline-item .item-footer p {
    font-family: var(--font);
    font-size: .9rem;
    font-weight: 500;
    color: var(--title-color)
}

@media only screen and (max-width: 767px) {
    .deal-title-wrapper.is-mobile {
        flex-direction: column
    }

    .deal-title-wrapper.is-mobile img {
        margin-right: 0
    }

    .deal-title-wrapper.is-mobile .deal-title {
        text-align: center
    }

    .deal-title-wrapper.is-mobile .actions {
        margin: 20px 0 0;
        justify-content: space-between;
        width: 100%
    }

    .stage-wrapper .stages .stage {
        border-right-color: transparent
    }

    .stage-wrapper .stages .stage span {
        display: none !important
    }

    .deal-meta {
        flex-direction: column
    }

    .deal-meta .deal-owner {
        margin: 10px 0 0;
        width: 100%
    }

    .deal-meta .dropdown {
        margin-left: auto !important
    }

    .action-card .action-card-header {
        padding: 10px !important
    }

    .action-card .action-card-header .action i {
        font-size: 11px !important
    }

    .action-card .action-card-header .action span {
        font-size: .8rem !important
    }

    .action-card .action-card-header .action .arrow-down {
        bottom: -22px !important
    }

    .action-card .action-wrap .button-wrap .control {
        visibility: hidden
    }
}

.datatable-container {
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    display: flex;
    flex-direction: column;
    background: var(--card-bg-color);
    padding: 2rem;
    width: 100%
}

.datatable-container .datatable-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.datatable-container .datatable-header p {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--medium-text)
}

.datatable-container .datatable-header .header-format {
    display: flex;
    align-items: center;
    gap: 1rem
}

.datatable-container .inner-table {
    margin-top: 2rem
}

.datatable-container .inner-table .table-head {
    border-bottom: 1px solid var(--card-border-color)
}

.datatable-container .inner-table .table-head .head-cell {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .75rem
}

.datatable-container .inner-table .table-head .head-cell .head-label {
    font-family: var(--font);
    font-size: .7rem;
    font-weight: 600;
    color: var(--title-color);
    text-transform: uppercase
}

.datatable-container .inner-table .table-head .head-sort {
    display: flex;
    flex-direction: column
}

.datatable-container .inner-table .table-head .head-sort .sort-icon {
    width: .5rem;
    height: .5rem;
    cursor: pointer;
    color: var(--light-text);
    fill: none
}

.datatable-container .inner-table .table-row {
    transition: background-color .3s
}

.datatable-container .inner-table .table-row td {
    padding: .75rem;
    vertical-align: middle
}

.datatable-container .inner-table .table-row td .cell-flex-center {
    display: flex;
    align-items: center;
    gap: .5rem
}

.datatable-container .inner-table .table-row td .table-text {
    font-family: var(--font);
    font-size: .9rem
}

.datatable-container .inner-table .table-row td .table-text-light {
    color: var(--light-text)
}

.datatable-container .inner-table .table-row td .table-text-medium {
    color: var(--medium-text)
}

.datatable-container .inner-table .table-row td .table-text-dark {
    color: var(--title-color)
}

.datatable-container .inner-table .table-row td .table-text-lowercase {
    text-transform: lowercase
}

.datatable-container .inner-table .table-row:hover {
    background: var(--wrap-muted-color)
}

.datatable-container .table-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.5rem
}

.datatable-container .table-pagination .table-pagination-group {
    display: flex;
    align-items: center
}

.datatable-container .table-pagination .table-pagination-group.is-end {
    justify-content: flex-end
}

.datatable-container .table-pagination .table-pagination-link {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--light-text);
    cursor: pointer
}

.datatable-container .table-pagination .table-pagination-link:hover {
    color: var(--secondary)
}

.datatable-container .table-pagination .table-pagination-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    width: 36px;
    border: none;
    background-color: transparent;
    padding: 0;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color .3s, box-shadow .3s
}

.datatable-container .table-pagination .table-pagination-button .iconify {
    font-size: 1rem;
    color: var(--medium-text)
}

.datatable-container .table-pagination .table-pagination-button span {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--medium-text)
}

.datatable-container .table-pagination .table-pagination-button:hover {
    background-color: var(--wrap-muted-color)
}

.datatable-container .table-pagination .table-pagination-button.is-active {
    background-color: var(--secondary);
    box-shadow: var(--secondary-box-shadow)
}

.datatable-container .table-pagination .table-pagination-button.is-active span {
    color: var(--white-smoke)
}

@media only screen and (max-width: 767px) {
    .datatable-container {
        max-width: 100%;
        overflow-x: auto;
        padding: 1.5rem
    }

    .datatable-container .datatable-header .header-format {
        display: none
    }

    .datatable-container .datatable-header > div, .datatable-container .datatable-header .control {
        width: 100%
    }

    .datatable-container .table-pagination .table-pagination-group.is-end {
        justify-content: center;
        width: 100%
    }

    .datatable-container .table-pagination .table-pagination-group:first-child {
        display: none
    }
}

.event-tiles .columns, .subevent-cards .columns {
    margin: -.3rem
}

.event-tiles .columns .column, .subevent-cards .columns .column {
    padding: .3rem
}

.event-tiles {
    margin-top: 1.25rem
}

.event-tiles .event-tile {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    display: block;
    padding: 1.5rem;
    transition: box-shadow .3s
}

.event-tiles .event-tile .event-circle {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    border: 3px solid var(--wrap-border-color)
}

.event-tiles .event-tile .event-circle.is-red {
    border-color: var(--danger)
}

.event-tiles .event-tile .event-circle.is-secondary {
    border-color: var(--secondary)
}

.event-tiles .event-tile .event-circle.is-green {
    border-color: var(--success)
}

.event-tiles .event-tile .event-circle.is-orange {
    border-color: var(--warning)
}

.event-tiles .event-tile .event-category {
    margin-top: 2rem
}

.event-tiles .event-tile .event-category span {
    display: block
}

.event-tiles .event-tile .event-category span:first-child {
    font-family: var(--font-alt);
    font-size: 1rem;
    color: var(--title-color);
    font-weight: 600
}

.event-tiles .event-tile .event-category span:nth-child(2) {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--medium-text)
}

.event-tiles .event-tile:hover {
    box-shadow: var(--light-box-shadow)
}

.subevent-cards {
    margin-top: 1.5rem
}

.subevent-cards .subevent-card {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    cursor: pointer;
    transition: box-shadow .3s
}

.subevent-cards .subevent-card .front-face {
    display: block;
    min-height: 275px
}

.subevent-cards .subevent-card .back-face {
    display: none;
    min-height: 295px;
    padding: 1.25rem;
    position: relative
}

.subevent-cards .subevent-card .back-face .back-inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.25rem
}

.subevent-cards .subevent-card .back-face .back-inner .event-summary span {
    font-family: var(--font-alt);
    font-weight: 600;
    color: var(--title-color)
}

.subevent-cards .subevent-card .back-face .back-inner .event-summary p {
    font-size: .85rem;
    font-family: var(--font);
    color: var(--medium-text)
}

.subevent-cards .subevent-card .event-date {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.25rem 0 4rem;
    border-left: 2px solid var(--wrap-border-color)
}

.subevent-cards .subevent-card .event-date .date-number {
    font-family: var(--font-alt);
    font-size: 2.25rem;
    font-weight: 400;
    color: var(--title-color)
}

.subevent-cards .subevent-card .event-date .date-meta {
    margin-left: .75rem;
    line-height: 1.2
}

.subevent-cards .subevent-card .event-date .date-meta span {
    display: block
}

.subevent-cards .subevent-card .event-date .date-meta span:first-child {
    font-family: var(--font-alt);
    font-size: 1rem;
    color: var(--title-color);
    font-weight: 600
}

.subevent-cards .subevent-card .event-date .date-meta span:nth-child(2) {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--medium-text)
}

.subevent-cards .subevent-card .event-title {
    margin: 0 2.5rem;
    width: 100%;
    line-height: 1.3
}

.subevent-cards .subevent-card .event-title span {
    display: block
}

.subevent-cards .subevent-card .event-title span:first-child {
    font-family: var(--font-alt);
    font-size: 1rem;
    font-weight: 600;
    color: var(--title-color)
}

.subevent-cards .subevent-card .event-title span:nth-child(2) {
    font-family: var(--font);
    font-size: .85rem;
    color: var(--light-text)
}

.subevent-cards .subevent-card .event-participants {
    margin-top: 1rem;
    padding: 0 2.5rem 2.5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.subevent-cards .subevent-card.is-red .event-date {
    border-color: var(--danger)
}

.subevent-cards .subevent-card.is-secondary .event-date {
    border-color: var(--secondary)
}

.subevent-cards .subevent-card.is-green .event-date {
    border-color: var(--success)
}

.subevent-cards .subevent-card.is-orange .event-date {
    border-color: var(--warning)
}

.subevent-cards .subevent-card:hover {
    box-shadow: var(--light-box-shadow)
}

.subevent-cards .subevent-card:hover .front-face {
    display: none
}

.subevent-cards .subevent-card:hover .back-face {
    display: block
}

.compose-card {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    align-items: center;
    padding: .75rem
}

.compose-card .compose-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.compose-card .compose-toolbar .compose-avatar {
    margin-right: .5rem
}

.compose-card .compose-toolbar .compose-avatar img {
    height: 48px;
    width: 48px;
    min-width: 48px;
    border-radius: 50%
}

.compose-card .compose-toolbar .actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .25rem
}

.compose-card .compose-toolbar .actions .action {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    font-size: 1.25rem;
    border-radius: 50%
}

.compose-card .compose-toolbar .actions .action:hover {
    background: var(--wrap-muted-color)
}

.compose-card .status-wrapper {
    display: flex;
    align-items: center
}

.compose-card .status-wrapper .textarea {
    display: block;
    flex-grow: 2
}

.post-item {
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    position: relative;
    width: 100%;
    margin: 1rem 0;
    background: var(--card-bg-color);
    overflow: visible;
    box-shadow: var(--light-box-shadow);
    z-index: 1
}

.post-item .post-header .is-flex {
    margin-bottom: .5rem
}

.post-item .post-header .is-flex .feed-avatar {
    height: 36px;
    width: 36px;
    border-radius: 50%
}

.post-item .post-header .is-flex .item-title {
    font-weight: 500;
    font-family: var(--font);
    color: var(--medium-text);
    margin-left: 15px;
    line-height: 1.3
}

.post-item .post-header .is-flex .item-title a {
    color: var(--secondary)
}

.post-item .post-header .is-flex .item-title .feed-time-small {
    font-size: .8rem;
    font-family: var(--font);
    color: var(--light-text);
    font-weight: 400
}

.post-item .post-header .is-flex .dropdown-wrap {
    margin-left: auto;
    z-index: 1000
}

.post-item .post-header .post-title {
    font-size: .95rem;
    font-family: var(--font-alt);
    font-weight: 600
}

.post-item .post-header .post-title a {
    color: var(--title-color)
}

.post-item .post-header .post-title a:hover {
    opacity: .8
}

.post-item .post-header .post-text {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--blue-grey)
}

.post-item .feed-image-container {
    position: relative;
    width: 100%
}

.post-item .feed-image-container img {
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%;
    width: 100%;
    max-height: 280px
}

.post-item .feed-image-container .soft-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--dark);
    opacity: 20%
}

.post-item .feed-item-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.post-item .feed-item-footer .counter-blocks {
    display: flex;
    align-items: center;
    gap: .5rem
}

.post-item .feed-item-footer .counter-blocks .counter-block {
    display: flex;
    align-items: center;
    gap: .1rem
}

.post-item .feed-item-footer .counter-blocks .counter-block span {
    color: var(--light-text)
}

.post-item .feed-item-footer .arrow-link {
    display: flex;
    align-items: center;
    gap: .1rem;
    font-family: var(--font);
    font-size: .9rem;
    color: var(--primary)
}

.post-item .feed-item-footer .arrow-link .iconify {
    transition: transform .3s
}

.post-item .feed-item-footer .arrow-link:hover .iconify {
    transform: translate(.25rem)
}

.load-more-wrapper {
    padding: 20px 0
}

.load-more-wrapper .button {
    height: 40px;
    max-width: 150px;
    margin: 0 auto
}

@media only screen and (min-width: 1025px) and (max-width: 1299px) and (orientation: landscape) {
    .hidden-column {
        display: none
    }
}

.forum-wrap {
    padding: 10px;
    background: var(--wrap-muted-color);
    border: 1px solid var(--wrap-border-color);
    border-radius: 8px;
    margin-top: 20px
}

.forum-wrap:last-child {
    margin-bottom: 60px !important
}

.forum-container {
    position: relative;
    padding: 20px;
    background: var(--card-bg-color);
    border: 1px solid var(--card-border-color);
    border-radius: 6px
}

.forum-container .channel-heading {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.forum-container .channel-heading h3 {
    font-size: 1.2rem;
    color: var(--light-text);
    font-family: Nexa Bold, sans-serif
}

.forum-container .channel-heading .dropdown-wrap {
    margin-left: auto
}

.forum-container .forum-channel {
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1.25rem;
    transition: box-shadow .3s
}

.forum-container .forum-channel .channel-icon {
    position: relative;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s
}

.forum-container .forum-channel .channel-icon .iconify {
    color: var(--light-text);
    font-size: 2rem
}

.forum-container .forum-channel .channel-icon .new-indicator {
    position: absolute;
    top: -2px;
    right: -6px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 22px;
    min-width: 22px;
    border: 2px solid var(--white);
    border-radius: 50%;
    background: var(--primary)
}

.forum-container .forum-channel .channel-icon .new-indicator span {
    position: relative;
    display: block;
    font-size: .65rem;
    font-weight: 600;
    line-height: 0;
    color: var(--white)
}

.forum-container .forum-channel .channel-meta {
    margin-left: .75rem
}

.forum-container .forum-channel .channel-meta span {
    display: block
}

.forum-container .forum-channel .channel-meta span:first-child {
    position: relative;
    font-family: var(--font-alt);
    font-size: 1rem;
    font-weight: 600;
    color: var(--title-color);
    width: auto
}

.forum-container .forum-channel .channel-meta span:nth-child(2) {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--light-text)
}

.forum-container .forum-channel .channel-topics {
    margin-left: auto;
    margin-right: 1.25rem;
    text-align: center;
    line-height: 1.2
}

.forum-container .forum-channel .channel-topics span {
    font-family: var(--font);
    display: block
}

.forum-container .forum-channel .channel-topics span:first-child {
    font-size: .9rem;
    font-weight: 500;
    color: var(--title-color)
}

.forum-container .forum-channel .channel-topics span:nth-child(2) {
    color: var(--medium-text);
    font-weight: 500
}

.forum-container .forum-channel .top-contributors {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 120px
}

.forum-container .forum-channel:not(:last-child) {
    margin-bottom: .75rem
}

.forum-container .forum-channel:hover {
    box-shadow: var(--light-box-shadow)
}

.forum-container .forum-channel:hover .channel-icon {
    background: var(--wrap-muted-color)
}

.forum-container .forum-channel:hover .channel-icon i {
    color: var(--primary)
}

@media only screen and (max-width: 767px) {
    .forum-container {
        padding: 10px
    }

    .forum-container .forum-channel {
        flex-direction: column
    }

    .forum-container .forum-channel .channel-meta {
        margin-left: 0;
        text-align: center
    }

    .forum-container .forum-channel .channel-topics {
        margin: 10px auto
    }

    .reply-box {
        width: 100%;
        margin-left: 0;
        z-index: 1001
    }

    .reply-box .note-toolbar {
        padding-left: 0;
        overflow-x: auto
    }

    .reply-box .note-placeholder img {
        display: none !important
    }
}

.forum-wrap .channel-heading {
    display: flex;
    align-items: center;
    margin-bottom: 1rem
}

.forum-wrap .channel-heading h3 {
    font-size: 1.2rem;
    color: var(--light-text);
    font-family: Nexa Bold, sans-serif
}

.forum-wrap .channel-heading .dropdown {
    margin-left: auto
}

.forum-wrap .channel-heading .dropdown .button:hover {
    background: var(--white-smoke) !important
}

.forum-wrap .channel-moderators {
    display: flex;
    align-items: center;
    width: 100%;
    padding: .5rem 0
}

.forum-wrap .channel-moderators .moderators-meta {
    margin-left: .75rem;
    line-height: 1.2
}

.forum-wrap .channel-moderators .moderators-meta span {
    display: block;
    font-family: var(--font)
}

.forum-wrap .channel-moderators .moderators-meta span:first-child {
    position: relative;
    font-size: 1rem;
    font-weight: 400;
    color: var(--title-color);
    width: auto
}

.forum-wrap .channel-moderators .moderators-meta span:first-child a {
    font-weight: 500;
    color: var(--title-color)
}

.forum-wrap .channel-moderators .moderators-meta span:first-child a:hover {
    color: var(--secondary)
}

.forum-wrap .channel-moderators .moderators-meta span:nth-child(2) {
    font-size: .9rem;
    color: var(--light-text)
}

.forum-wrap .topic-list, .forum-wrap .topic-list .divider-wrap {
    margin: 1.25rem 0
}

.forum-wrap .topic-list .divider-wrap .divider {
    display: flex;
    align-items: center;
    margin: 1em -1em;
    color: var(--light-text);
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 500
}

.forum-wrap .topic-list .divider-wrap .divider:before, .forum-wrap .topic-list .divider-wrap .divider:after {
    content: "";
    flex: 1;
    height: 1px;
    margin: 0 1em;
    background: var(--wrap-border-color)
}

.forum-wrap .topic-list .topic-card {
    display: flex;
    align-items: center;
    width: 100%;
    border: 1px solid var(--card-border-color);
    background: var(--card-bg-color);
    border-radius: 8px;
    padding: 16px;
    transition: all .3s
}

.forum-wrap .topic-list .topic-card .topic-owner {
    position: relative
}

.forum-wrap .topic-list .topic-card .topic-meta {
    margin-left: 1rem;
    line-height: 1.2
}

.forum-wrap .topic-list .topic-card .topic-meta .topic-title {
    position: relative;
    display: block;
    font-family: var(--font-alt);
    font-size: .95rem;
    font-weight: 600;
    color: var(--title-color);
    transition: color .3s;
    margin-bottom: 4px
}

.forum-wrap .topic-list .topic-card .topic-meta .topic-title:hover {
    color: var(--secondary)
}

.forum-wrap .topic-list .topic-card .topic-meta .flex-block {
    display: flex;
    align-items: center
}

.forum-wrap .topic-list .topic-card .topic-meta span {
    font-family: var(--font);
    color: var(--light-text);
    font-size: .9rem
}

.forum-wrap .topic-list .topic-card .topic-meta span a {
    color: var(--primary);
    font-weight: 500
}

.forum-wrap .topic-list .topic-card .topic-actions {
    margin-left: auto;
    display: flex;
    align-items: center
}

.forum-wrap .topic-list .topic-card .topic-actions > .iconify {
    font-size: 1.5rem;
    color: var(--placeholder);
    margin-right: 1.25rem
}

.forum-wrap .topic-list .topic-card .topic-actions .topic-replies {
    margin-right: 1.25rem;
    text-align: center;
    line-height: 1.2
}

.forum-wrap .topic-list .topic-card .topic-actions .topic-replies span {
    font-family: var(--font);
    display: block
}

.forum-wrap .topic-list .topic-card .topic-actions .topic-replies span:first-child {
    font-size: .9rem;
    font-weight: 500;
    color: var(--title-color)
}

.forum-wrap .topic-list .topic-card .topic-actions .topic-replies span:nth-child(2) {
    color: var(--light-text);
    font-weight: 500
}

.forum-wrap .topic-list .topic-card .topic-actions .last-reply {
    display: flex;
    align-items: center
}

.forum-wrap .topic-list .topic-card .topic-actions .last-reply img {
    display: block;
    height: 26px;
    width: 26px;
    border-radius: 50%
}

.forum-wrap .topic-list .topic-card .topic-actions .last-reply .last-reply-meta {
    margin-left: .75rem;
    line-height: 1.2;
    min-width: 90px
}

.forum-wrap .topic-list .topic-card .topic-actions .last-reply .last-reply-meta span {
    font-family: var(--font);
    display: block
}

.forum-wrap .topic-list .topic-card .topic-actions .last-reply .last-reply-meta span:first-child {
    font-size: .9rem;
    font-weight: 500;
    color: var(--title-color)
}

.forum-wrap .topic-list .topic-card .topic-actions .last-reply .last-reply-meta span:nth-child(2) {
    font-size: .8rem;
    color: var(--light-text)
}

.forum-wrap .topic-list .topic-card .topic-actions .last-reply .last-reply-meta span:nth-child(2) a {
    font-size: .9rem;
    color: var(--secondary);
    font-weight: 500
}

.forum-wrap .topic-list .topic-card .topic-actions .dropdown-wrap {
    margin-left: 2rem
}

.forum-wrap .topic-list .topic-card:not(:last-child) {
    margin-bottom: .5rem
}

.forum-wrap .topic-list .topic-card.is-sticky {
    background-color: var(--wrap-muted-color)
}

.forum-wrap .pagination {
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center
}

.forum-wrap .pagination li {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid var(--wrap-border-color);
    background: var(--wrap-bg-color);
    color: var(--title-color);
    transition: all .3s;
    cursor: pointer
}

.forum-wrap .pagination li:hover {
    border-color: var(--secondary-light-10);
    background: var(--secondary-light-10);
    color: var(--white);
    box-shadow: 0 5px 43px #00000040 !important
}

.forum-wrap .pagination li:hover .iconify {
    color: var(--white-smoke)
}

.forum-wrap .pagination li.is-active {
    background: var(--secondary);
    opacity: 1;
    color: var(--white)
}

.forum-wrap .pagination li span {
    position: relative;
    font-size: .9rem;
    font-weight: 600
}

.forum-wrap .pagination li .iconify {
    font-size: 16px;
    font-weight: 600;
    color: var(--title-color)
}

@media only screen and (max-width: 767px) {
    .forum-wrap .topic-list .topic-card {
        flex-direction: column
    }

    .forum-wrap .topic-list .topic-card .topic-owner {
        margin-bottom: .75rem
    }

    .forum-wrap .topic-list .topic-card .topic-meta {
        margin: 0
    }

    .forum-wrap .topic-list .topic-card .topic-meta .topic-title {
        text-align: center
    }

    .forum-wrap .topic-list .topic-card .topic-meta .flex-block {
        flex-direction: column;
        margin: .75rem 0
    }

    .forum-wrap .topic-list .topic-card .topic-meta .flex-block span {
        margin-bottom: 6px
    }

    .forum-wrap .topic-list .topic-card .topic-actions {
        margin: 0 20px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .forum-wrap .topic-list .topic-card .topic-actions > .iconify {
        display: none !important
    }

    .forum-wrap .topic-list .topic-card .topic-actions .topic-replies {
        margin: 0
    }

    .forum-wrap .topic-list .topic-card .topic-actions .last-reply .last-reply-meta span {
        font-size: .8rem
    }

    .forum-wrap .topic-list .topic-card .topic-actions .dropdown-wrap {
        margin: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .forum-wrap .topic-list .topic-card .topic-actions .last-reply {
        display: none
    }
}

.topic-wrapper {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto
}

.topic-wrapper .topic-stats {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 0
}

.topic-wrapper .topic-stats .stat-block {
    display: flex;
    align-items: center;
    margin-right: 40px
}

.topic-wrapper .topic-stats .stat-block .stat-meta {
    margin-left: .5rem;
    line-height: 1.2
}

.topic-wrapper .topic-stats .stat-block .stat-meta span {
    display: block;
    font-size: .9rem
}

.topic-wrapper .topic-stats .stat-block .stat-meta span:first-child {
    position: relative;
    font-weight: 500;
    color: var(--title-color)
}

.topic-wrapper .topic-stats .stat-block .stat-meta span:nth-child(2) {
    color: var(--light-text)
}

.full-topic {
    width: 100%;
    border: 1px solid var(--wrap-border-color-heavy);
    background: var(--wrap-bg-color-heavy);
    border-radius: 8px;
    padding: 16px;
    margin: 20px 0
}

.full-topic .post {
    display: flex;
    align-items: stretch;
    padding: 20px 0
}

.full-topic .post:not(:last-child) {
    border-bottom: 1px solid var(--card-border-color)
}

.full-topic .post .post-meta .post-owner {
    position: relative
}

.full-topic .post .post-content {
    margin-left: 1.25rem;
    width: 100%
}

.full-topic .post .post-content iframe {
    max-height: 160px
}

.full-topic .post .post-content .top-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.full-topic .post .post-content .top-wrap .name-wrap .name {
    font-family: var(--font-alt);
    font-size: .9rem;
    font-weight: 600;
    color: var(--title-color)
}

.full-topic .post .post-content .top-wrap .name-wrap .name:hover {
    color: var(--secondary)
}

.full-topic .post .post-content .top-wrap .name-wrap span {
    display: block;
    font-family: var(--font);
    font-size: .8rem;
    color: var(--light-text)
}

.full-topic .post .post-content .top-wrap .top-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.full-topic .post .post-content .top-wrap .top-actions > span {
    color: var(--light-text)
}

.full-topic .post .post-content .top-wrap .top-actions .dropdown-wrap {
    margin-left: .25rem
}

.full-topic .post .post-content .top-wrap .top-actions .top-action {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 34px;
    width: 34px;
    min-width: 34px;
    border-radius: 50%;
    border: 1px solid var(--wrap-border-color);
    background: var(--wrap-bg-color);
    font-family: var(--font);
    margin-left: .25rem;
    transition: all .3s
}

.full-topic .post .post-content .top-wrap .top-actions .top-action.is-like:hover, .full-topic .post .post-content .top-wrap .top-actions .top-action.is-like.is-active {
    border-color: var(--danger);
    background: var(--danger)
}

.full-topic .post .post-content .top-wrap .top-actions .top-action.is-like:hover .iconify, .full-topic .post .post-content .top-wrap .top-actions .top-action.is-like.is-active .iconify {
    color: var(--white-smoke)
}

.full-topic .post .post-content .top-wrap .top-actions .top-action.is-secondary:hover, .full-topic .post .post-content .top-wrap .top-actions .top-action.is-secondary.is-active {
    border-color: var(--secondary);
    background: var(--secondary)
}

.full-topic .post .post-content .top-wrap .top-actions .top-action.is-secondary:hover .iconify, .full-topic .post .post-content .top-wrap .top-actions .top-action.is-secondary.is-active .iconify {
    color: var(--white-smoke)
}

.full-topic .post .post-content .top-wrap .top-actions .top-action .iconify {
    font-size: 1rem;
    color: var(--title-color);
    transition: all .3s
}

.full-topic .post .post-content .post-body {
    margin: 1.25rem 0;
    max-width: 800px;
    font-family: var(--font)
}

.full-topic .post .post-content .post-body p, .full-topic .post .post-content .post-body ul {
    font-size: .95rem;
    color: var(--medium-text) !important
}

.full-topic .post .post-content .post-body a {
    color: var(--primary)
}

.full-topic .post .post-content .post-body blockquote {
    max-width: 600px;
    background-color: var(--wrap-bg-color);
    color: var(--light-text);
    border-color: var(--secondary)
}

.full-topic .post .post-content .post-body blockquote .quote-title {
    display: flex;
    align-items: center;
    font-weight: 500;
    color: var(--title-color)
}

.full-topic .post .post-content .post-body blockquote .quote-title .avatar {
    margin-right: .25rem
}

.full-topic .post .post-content .edited-text {
    color: var(--light-text);
    font-size: .9rem
}

.reply-box {
    position: fixed;
    bottom: 0;
    left: 0;
    width: calc(100% - 320px);
    margin-left: 320px;
    height: auto;
    padding: 20px;
    min-height: 300px;
    border: 1px solid var(--card-border-color);
    background: var(--card-bg-color);
    transition: all .3s;
    transform: translateY(100%)
}

.reply-box.is-expanded {
    width: calc(100% - 80px);
    margin-left: 80px
}

.reply-box.is-active {
    transform: translateY(0)
}

.reply-box .box-inner {
    position: relative;
    width: 100%;
    height: 100%
}

.reply-box .box-inner .reply-form .button-wrap {
    padding: 1rem 0
}

.reply-box .box-inner .reply-form .button-wrap .button {
    min-width: 100px
}

@media only screen and (max-width: 767px) {
    .topic-wrapper .topic-stats .stat-block:not(:first-child):not(:nth-child(2)) {
        display: none
    }

    .full-topic .post .post-meta {
        flex-direction: column
    }

    .full-topic .post .post-meta .post-owner {
        display: none
    }

    .full-topic .post .post-content {
        margin: 0
    }

    .full-topic .post .post-content .top-wrap {
        flex-direction: column;
        align-items: flex-start
    }

    .full-topic .post .post-content .top-wrap .name-wrap {
        margin-bottom: 1rem
    }

    .full-topic .post .post-content .top-wrap .top-actions {
        width: 100%;
        justify-content: flex-start
    }

    .full-topic .post .post-content .top-wrap .top-actions .dropdown-wrap {
        margin-left: auto
    }

    .reply-box {
        width: 100% !important;
        margin-left: 0 !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .topic-wrapper .topic-stats .stat-block:not(:first-child):not(:nth-child(2)) {
        display: none
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1299px) and (orientation: landscape) {
    .reply-box {
        width: calc(100% - 280px);
        margin-left: 280px
    }
}

.invoices-list .invoices-list-item {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 2rem;
    display: flex;
    align-items: center;
    margin-bottom: 1.25rem
}

.invoices-list .invoices-list-item .invoice {
    display: flex;
    align-items: center;
    gap: -.25rem
}

.invoices-list .invoices-list-item .invoice .file-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px
}

.invoices-list .invoices-list-item .invoice .file-icon .iconify {
    font-size: 2.5rem;
    color: var(--secondary)
}

.invoices-list .invoices-list-item .invoice .file-icon .iconify path {
    stroke-width: 1px
}

.invoices-list .invoices-list-item .invoice .meta p {
    font-size: .85rem;
    color: var(--light-text)
}

.invoices-list .invoices-list-item .details {
    display: flex;
    align-items: center;
    margin-left: auto
}

.invoices-list .invoices-list-item .details .status {
    padding: 0 2rem
}

.invoices-list .invoices-list-item .details .status .tag {
    height: 2.75em;
    line-height: 2.75;
    min-width: 84px;
    text-align: center;
    padding-left: 1.5em;
    padding-right: 1.5em
}

.invoices-list .invoices-list-item .details .amount {
    margin-right: 2rem
}

.invoices-list .invoices-list-item .details .amount span {
    display: block;
    line-height: 1.3
}

.invoices-list .invoices-list-item .details .amount span:first-child {
    text-transform: uppercase;
    font-family: var(--font);
    font-size: .7rem;
    color: var(--light-text)
}

.invoices-list .invoices-list-item .details .amount span:nth-child(2) {
    font-family: var(--font);
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--title-color)
}

.invoices-list .invoices-list-item .details .amount span:nth-child(2):before {
    content: "$";
    position: relative;
    top: -5px;
    font-size: 70%
}

.invoices-list .invoices-list-item .details .users {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 2rem;
    min-width: 164px
}

.invoices-list .invoices-list-item .details .users .meta {
    margin-left: .75rem
}

.invoices-list .invoices-list-item .details .users .meta span {
    display: block;
    line-height: 1.3
}

.invoices-list .invoices-list-item .details .users .meta span:first-child {
    font-family: var(--font-alt);
    font-size: .75rem;
    font-weight: 600;
    color: var(--title-color)
}

.invoices-list .invoices-list-item .details .users .meta span:nth-child(2) {
    font-family: var(--font);
    font-size: .75rem;
    color: var(--light-text)
}

.invoices-list .invoices-list-item .details .button-combo {
    display: flex
}

.invoices-list .invoices-list-item .details .button-combo .button {
    display: flex;
    min-width: 80px
}

.invoices-list .invoices-list-item .details .button-combo .button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.invoices-list .invoices-list-item .details .button-combo .button:nth-child(2) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

@media only screen and (max-width: 767px) {
    .invoices-list .invoices-list-item {
        position: relative;
        flex-direction: column
    }

    .invoices-list .invoices-list-item .users {
        flex-direction: column;
        align-items: center;
        margin: 1.5rem 0 !important
    }

    .invoices-list .invoices-list-item .details {
        flex-direction: column;
        justify-content: center;
        width: 100%
    }

    .invoices-list .invoices-list-item .details .amount {
        margin: 1rem 0 !important;
        text-align: center
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .invoices-list {
        display: flex;
        flex-wrap: wrap;
        margin: -.5rem
    }

    .invoices-list .invoices-list-item {
        position: relative;
        flex-direction: column;
        width: calc(50% - 1rem);
        margin: .5rem
    }

    .invoices-list .invoices-list-item .users {
        flex-direction: column;
        align-items: center;
        margin: 1.5rem 0 !important
    }

    .invoices-list .invoices-list-item .details {
        flex-direction: column;
        justify-content: center;
        width: 100%
    }

    .invoices-list .invoices-list-item .details .amount {
        margin: 1rem 0 !important;
        text-align: center
    }
}

.invoices-grid .invoices-grid-item {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 1.5rem 1.25rem
}

.invoices-grid .invoices-grid-item .item-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem
}

.invoices-grid .invoices-grid-item .item-body .invoice {
    display: flex;
    align-items: center;
    gap: -.25rem
}

.invoices-grid .invoices-grid-item .item-body .invoice .file-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 34px
}

.invoices-grid .invoices-grid-item .item-body .invoice .file-icon .iconify {
    font-size: 2rem;
    color: var(--secondary)
}

.invoices-grid .invoices-grid-item .item-body .invoice .file-icon .iconify path {
    stroke-width: 1px
}

.invoices-grid .invoices-grid-item .item-body .invoice .meta p {
    font-size: .8rem;
    color: var(--light-text)
}

.invoices-grid .invoices-grid-item .item-body .amount {
    position: relative;
    font-family: var(--font);
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--title-color);
    text-align: right;
    transition: opacity .3s
}

.invoices-grid .invoices-grid-item .item-body .amount:before {
    content: "$";
    position: relative;
    top: -5px;
    font-size: 70%;
    transition: opacity .3s
}

.invoices-grid .invoices-grid-item .item-body .amount .tag {
    position: absolute;
    top: 0;
    right: 0;
    height: 2.75em;
    line-height: 2.75;
    min-width: 84px;
    text-align: center;
    padding-left: 1.5em;
    padding-right: 1.5em;
    transform: translateY(.25rem);
    opacity: 0;
    transition: transform .3s, opacity .3s
}

.invoices-grid .invoices-grid-item .item-footer {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.invoices-grid .invoices-grid-item .item-footer .users {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.invoices-grid .invoices-grid-item .item-footer .users .meta {
    margin-left: .75rem
}

.invoices-grid .invoices-grid-item .item-footer .users .meta span {
    display: block;
    line-height: 1.3
}

.invoices-grid .invoices-grid-item .item-footer .users .meta span:first-child {
    font-family: var(--font-alt);
    font-size: .75rem;
    font-weight: 600;
    color: var(--title-color)
}

.invoices-grid .invoices-grid-item .item-footer .users .meta span:nth-child(2) {
    font-family: var(--font);
    font-size: .75rem;
    color: var(--light-text)
}

.invoices-grid .invoices-grid-item .item-footer .button-combo {
    display: flex
}

.invoices-grid .invoices-grid-item .item-footer .button-combo .button {
    display: flex;
    min-width: 56px;
    height: 36px;
    font-size: .7rem
}

.invoices-grid .invoices-grid-item .item-footer .button-combo .button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.invoices-grid .invoices-grid-item .item-footer .button-combo .button:nth-child(2) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.invoices-grid .invoices-grid-item:hover .amount span, .invoices-grid .invoices-grid-item:hover .amount:before {
    opacity: 0
}

.invoices-grid .invoices-grid-item:hover .amount .tag {
    opacity: 1;
    transform: translateY(0)
}

.invoice-wrapper {
    padding: 1.5rem 0
}

.invoice-wrapper .invoice-card {
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    width: 100%;
    margin: 0 auto;
    max-width: 880px;
    padding: 3rem;
    font-family: var(--font)
}

.invoice-wrapper .invoice-card .logo {
    width: 80px
}

.invoice-wrapper .invoice-card .invoice-meta span {
    text-transform: uppercase;
    font-size: .7rem;
    font-weight: 600;
    color: var(--medium-text)
}

.invoice-wrapper .invoice-card .invoice-meta span small {
    font-size: 1rem;
    font-weight: 400;
    color: var(--light-text);
    text-transform: none
}

.invoice-wrapper .invoice-card .invoice-meta span small.date {
    font-size: .85rem;
    padding: 0 5px
}

.invoice-wrapper .invoice-card .seller, .invoice-wrapper .invoice-card .buyer {
    font-family: var(--font);
    font-size: .8rem;
    color: var(--light-text);
    font-weight: 400
}

.invoice-wrapper .invoice-card .seller span, .invoice-wrapper .invoice-card .buyer span {
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--title-color)
}

.invoice-wrapper .invoice-card .responsive-table {
    width: 100%;
    background: var(--wrap-bg-color);
    border-color: var(--wrap-border-color)
}

.invoice-wrapper .invoice-card .responsive-table tr {
    background: var(--wrap-bg-color) !important
}

.invoice-wrapper .invoice-card .responsive-table th {
    border-color: var(--wrap-border-color)
}

.invoice-wrapper .invoice-card .responsive-table td {
    font-family: var(--font);
    vertical-align: middle !important;
    border-color: var(--wrap-border-color);
    line-height: 1.2;
    padding: .75rem
}

.invoice-wrapper .invoice-card .responsive-table td .product {
    color: var(--title-color);
    font-weight: 500;
    font-size: .95rem
}

.invoice-wrapper .invoice-card .responsive-table td .sku {
    font-size: .8rem;
    color: var(--light-text)
}

.invoice-wrapper .invoice-card .responsive-table td .quantity {
    color: var(--light-text)
}

.invoice-wrapper .invoice-card .responsive-table td .unit-price, .invoice-wrapper .invoice-card .responsive-table td .total-price {
    font-weight: 500;
    color: var(--title-color);
    font-size: .9rem
}

.invoice-wrapper .invoice-card .responsive-table td .unit-price:before, .invoice-wrapper .invoice-card .responsive-table td .total-price:before {
    content: "$"
}

.invoice-wrapper .invoice-card .responsive-table th {
    text-transform: uppercase;
    font-weight: 500;
    font-size: .75rem;
    color: var(--light-text)
}

.invoice-wrapper .invoice-card .sub-table {
    width: 100%;
    margin-top: 10px;
    background: var(--wrap-bg-color);
    border-color: var(--wrap-border-color)
}

.invoice-wrapper .invoice-card .sub-table td {
    border-color: var(--wrap-border-color)
}

.invoice-wrapper .invoice-card .sub-table .subtotal, .invoice-wrapper .invoice-card .sub-table .vat {
    text-transform: uppercase;
    font-weight: 500;
    font-size: .8rem;
    color: var(--light-text)
}

.invoice-wrapper .invoice-card .sub-table .total {
    text-transform: uppercase;
    font-weight: 500 !important;
    font-size: 1.2rem;
    color: var(--title-color)
}

.invoice-wrapper .invoice-card .sub-table .subtotal-value, .invoice-wrapper .invoice-card .sub-table .vat-value {
    font-weight: 500;
    font-size: .9rem;
    color: var(--title-color)
}

.invoice-wrapper .invoice-card .sub-table .subtotal-value:before, .invoice-wrapper .invoice-card .sub-table .vat-value:before {
    content: "$"
}

.invoice-wrapper .invoice-card .sub-table .total-value {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--title-color)
}

.invoice-wrapper .invoice-card .sub-table .total-value:before {
    content: "$"
}

.invoice-wrapper .invoice-card .bottom-page {
    margin-top: 1.5rem;
    font-size: 1rem;
    font-size: .85em
}

.invoice-wrapper .invoice-card .bottom-page .company, .invoice-wrapper .invoice-card .bottom-page .url {
    font-weight: 500;
    color: var(--light-text)
}

.invoice-wrapper .invoice-card .bottom-page .url {
    color: var(--secondary)
}

.invoice-wrapper .invoice-card .bottom-page .code, .invoice-wrapper .invoice-card .bottom-page .id {
    color: var(--title-color);
    font-weight: 500;
    font-size: 90%
}

.invoice-wrapper .invoice-info .invoice-info-card {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color)
}

.invoice-wrapper .invoice-info .invoice-info-card .info-card-section {
    padding: 1.5rem
}

.invoice-wrapper .invoice-info .invoice-info-card .info-card-section .section-heading {
    font-family: var(--font);
    font-size: .75rem;
    font-weight: 500;
    color: var(--medium-text);
    text-transform: uppercase;
    margin-bottom: 1rem
}

.invoice-wrapper .invoice-info .invoice-info-card .info-card-section .company {
    display: flex;
    align-items: center;
    width: 100%
}

.invoice-wrapper .invoice-info .invoice-info-card .info-card-section .company .flex-meta {
    margin-left: .5rem;
    line-height: 1.2
}

.invoice-wrapper .invoice-info .invoice-info-card .info-card-section .company .flex-meta .flex-title {
    font-family: var(--font-alt);
    font-size: .8rem;
    font-weight: 600;
    color: var(--title-color)
}

.invoice-wrapper .invoice-info .invoice-info-card .info-card-section .company .flex-end {
    margin-left: auto
}

.invoice-wrapper .invoice-info .invoice-info-card .info-card-section .company .avatar {
    background: var(--wrap-muted-color)
}

.invoice-wrapper .invoice-info .invoice-info-card .info-card-section .company .flex-meta p {
    color: var(--light-text)
}

.invoice-wrapper .invoice-info .invoice-info-card .info-card-section .inner-list li .widget-list-item {
    display: flex;
    justify-content: space-between;
    padding: .75rem 0
}

.invoice-wrapper .invoice-info .invoice-info-card .info-card-section .inner-list li .list-item-data {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%
}

.invoice-wrapper .invoice-info .invoice-info-card .info-card-section .inner-list li .list-item-data .item-info {
    max-width: 230px
}

.invoice-wrapper .invoice-info .invoice-info-card .info-card-section .inner-list li .list-item-data .item-info span {
    display: block
}

.invoice-wrapper .invoice-info .invoice-info-card .info-card-section .inner-list li .list-item-data .item-info span.item-title {
    color: var(--title-color);
    font-size: .8rem;
    font-family: var(--font-alt);
    font-weight: 600
}

.invoice-wrapper .invoice-info .invoice-info-card .info-card-section .inner-list li .list-item-data .item-info span:nth-child(2) {
    font-family: var(--font);
    font-size: .75rem;
    color: var(--light-text)
}

.invoice-wrapper .invoice-info .invoice-info-card .info-card-section .inner-list li .list-item-data .item-action {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto
}

.invoice-wrapper .invoice-info .invoice-info-card .info-card-section .inner-list li .list-item-data .item-action .button {
    height: 36px;
    font-size: .85rem
}

.invoice-wrapper .invoice-info .invoice-info-card .info-card-section .buttons .button {
    flex-grow: 2
}

.invoice-wrapper .invoice-info .invoice-info-card .info-card-section.is-dashed {
    border-bottom: 2px dashed var(--wrap-border-color)
}

@media only screen and (max-width: 767px) {
    .invoice-wrapper .invoice-card {
        padding: 1rem
    }
}

@media only screen and (max-width: 760px),(min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .invoice-wrapper .invoice-card .responsive-table, .invoice-wrapper .invoice-card .responsive-table thead, .invoice-wrapper .invoice-card .responsive-table tbody, .invoice-wrapper .invoice-card .responsive-table th, .invoice-wrapper .invoice-card .responsive-table td, .invoice-wrapper .invoice-card .responsive-table tr {
        display: block
    }

    .invoice-wrapper .invoice-card .responsive-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .invoice-wrapper .invoice-card .responsive-table tr {
        border: 1px solid var(--wrap-border-color)
    }

    .invoice-wrapper .invoice-card .responsive-table td {
        border: none;
        border-bottom: 1px solid var(--wrap-border-color);
        position: relative;
        padding-left: 50%
    }

    .invoice-wrapper .invoice-card .responsive-table td.has-text-centered {
        text-align: left !important
    }

    .invoice-wrapper .invoice-card .responsive-table td:before {
        position: absolute;
        top: 12px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-transform: uppercase;
        font-weight: 500 !important;
        font-size: .75rem;
        color: var(--light-text) !important
    }

    .invoice-wrapper .invoice-card .responsive-table td:nth-of-type(1):before {
        content: "Product"
    }

    .invoice-wrapper .invoice-card .responsive-table td:nth-of-type(2):before {
        content: "Quantity"
    }

    .invoice-wrapper .invoice-card .responsive-table td:nth-of-type(3):before {
        content: "Price"
    }

    .invoice-wrapper .invoice-card .responsive-table td:nth-of-type(4):before {
        content: "Total"
    }
}

.project-list .project-list-item {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: .875rem 2rem .875rem .875rem;
    display: flex;
    align-items: center;
    margin-bottom: 1.25rem
}

.project-list .project-list-item .project {
    display: flex;
    align-items: center;
    gap: 1rem
}

.project-list .project-list-item .project .project-image img {
    display: block;
    width: 100%;
    max-width: 110px;
    background-color: var(--wrap-bg-color);
    border-radius: .65rem
}

.project-list .project-list-item .project .meta {
    max-width: 160px
}

.project-list .project-list-item .project .meta p {
    font-size: .8rem;
    color: var(--light-text)
}

.project-list .project-list-item .details {
    display: flex;
    align-items: center;
    margin-left: auto
}

.project-list .project-list-item .details .status {
    padding: 0 2rem
}

.project-list .project-list-item .details .status .tag {
    height: 2.75em;
    line-height: 2.75;
    min-width: 84px;
    text-align: center;
    padding-left: 1.5em;
    padding-right: 1.5em
}

.project-list .project-list-item .details .amount {
    margin-right: 2rem
}

.project-list .project-list-item .details .amount span {
    display: block;
    line-height: 1.3
}

.project-list .project-list-item .details .amount span:first-child {
    text-transform: uppercase;
    font-family: var(--font);
    font-size: .7rem;
    color: var(--light-text)
}

.project-list .project-list-item .details .amount span:nth-child(2) {
    font-family: var(--font);
    font-weight: 600;
    font-size: 1.25rem;
    color: var(--title-color)
}

.project-list .project-list-item .details .users {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 2rem;
    min-width: 164px
}

.project-list .project-list-item .details .users .meta {
    margin-left: .75rem
}

.project-list .project-list-item .details .users .meta span {
    display: block;
    line-height: 1.3
}

.project-list .project-list-item .details .users .meta span:first-child {
    font-family: var(--font-alt);
    font-size: .9rem;
    font-weight: 600;
    color: var(--title-color)
}

.project-list .project-list-item .details .users .meta span:nth-child(2) {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--light-text)
}

.project-list .project-list-item .details .button-combo {
    display: flex
}

.project-list .project-list-item .details .button-combo .button {
    display: flex;
    min-width: 80px
}

.project-list .project-list-item .details .button-combo .button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.project-list .project-list-item .details .button-combo .button:nth-child(2) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

@media only screen and (max-width: 767px) {
    .project-list .project-list-item {
        position: relative;
        flex-direction: column;
        padding: .875rem
    }

    .project-list .project-list-item .project {
        flex-direction: column;
        text-align: center
    }

    .project-list .project-list-item .project .project-image img {
        max-width: 100%
    }

    .project-list .project-list-item .users {
        flex-direction: column;
        align-items: center;
        margin: 1.5rem 0 !important
    }

    .project-list .project-list-item .details {
        flex-direction: column;
        justify-content: center;
        width: 100%
    }

    .project-list .project-list-item .details .amount {
        margin: 1rem 0 !important;
        text-align: center
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .project-list {
        display: flex;
        flex-wrap: wrap;
        margin: -.5rem
    }

    .project-list .project-list-item {
        position: relative;
        flex-direction: column;
        width: calc(50% - 1rem);
        margin: .5rem;
        padding: 1rem
    }

    .project-list .project-list-item .project {
        flex-direction: column;
        text-align: center
    }

    .project-list .project-list-item .project .project-image img {
        max-width: 100%
    }

    .project-list .project-list-item .users {
        flex-direction: column;
        align-items: center;
        margin: 1.5rem 0 !important
    }

    .project-list .project-list-item .details {
        flex-direction: column;
        justify-content: center;
        width: 100%
    }

    .project-list .project-list-item .details .amount {
        margin: 1rem 0 !important;
        text-align: center
    }
}

.project-grid .project-grid-item {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    transition: box-shadow .3s
}

.project-grid .project-grid-item .project-image {
    position: relative
}

.project-grid .project-grid-item .project-image img {
    display: block;
    width: 100%;
    background-color: var(--wrap-bg-color);
    border-radius: .65rem
}

.project-grid .project-grid-item .project-image .tag {
    position: absolute;
    top: .5rem;
    right: .5rem;
    height: 2.75em;
    line-height: 2.75;
    min-width: 75px;
    text-align: center;
    padding-left: 1.5em;
    padding-right: 1.5em;
    transform: translateY(.25rem);
    opacity: 0;
    transition: transform .3s, opacity .3s
}

.project-grid .project-grid-item .project-body {
    padding: .75rem 0
}

.project-grid .project-grid-item .project-body p {
    display: flex;
    align-items: center;
    gap: .25rem;
    font-size: .8rem;
    color: var(--light-text)
}

.project-grid .project-grid-item .project-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem
}

.project-grid .project-grid-item .project-footer .project-progress {
    flex-grow: 2;
    max-width: 170px
}

.project-grid .project-grid-item .project-footer .project-progress p {
    color: var(--light-text);
    font-size: .85rem
}

.project-grid .project-grid-item:hover {
    box-shadow: var(--spread-shadow)
}

.project-grid .project-grid-item:hover .project-image .tag {
    opacity: 1;
    transform: translateY(0)
}

.projects-wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0
}

.projects-wrapper .project-header-wrap {
    display: flex;
    align-items: center
}

.projects-wrapper .project-header-wrap .project-title {
    font-size: 1.75rem;
    color: var(--title-color);
    line-height: 1;
    padding: 0 6px;
    font-family: var(--font-alt);
    font-weight: 700
}

.projects-wrapper .project-header-wrap .project-tagline {
    font-weight: 400;
    font-size: 1rem;
    color: var(--medium-text);
    margin-bottom: 16px;
    padding: 0 6px
}

.projects-wrapper .project-header-wrap .task-count {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    margin-right: 1rem
}

.projects-wrapper .project-header-wrap .task-count span {
    display: block;
    padding: 0 5px;
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--light-text)
}

.projects-wrapper .project-header-wrap .task-count .iconify {
    font-size: 1.5rem;
    color: var(--secondary)
}

.projects-wrapper .project-header-wrap .project-members-avatars {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.add-button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 1.25rem !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--wrap-muted-color);
    cursor: pointer;
    transition: all .3s
}

.add-button .iconify {
    color: var(--light-text);
    font-size: 18px;
    transition: inherit
}

.add-button:hover {
    background: var(--secondary)
}

.add-button:hover .iconify {
    color: var(--white)
}

.projects-list-wrapper .list-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.75rem
}

.projects-list-wrapper .list-header .list-title {
    display: inherit;
    align-items: inherit
}

.projects-list-wrapper .list-header .list-title span {
    font-family: var(--font-alt);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--title-color);
    display: block
}

.projects-list-wrapper .list-header .list-filter {
    min-width: 250px
}

.tasks-wrapper {
    padding: 1rem;
    background: var(--card-bg-color);
    border: 1px solid var(--card-border-color);
    border-radius: .65rem;
    margin-bottom: 1.5rem
}

.tasks-wrapper .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.tasks-wrapper .header h4 {
    font-family: var(--font-alt);
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--title-color)
}

.tasks-wrapper .header span {
    display: block;
    font-size: 1.5rem;
    cursor: pointer
}

.tasks-wrapper .task-card {
    position: relative;
    padding: 1.5rem;
    border-radius: .85rem;
    margin-bottom: 1.25rem;
    background: var(--card-bg-color);
    border: 1px solid var(--card-border-color);
    overflow: visible;
    transition: box-shadow .3s
}

.tasks-wrapper .task-card .card-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 0;
    min-width: 0;
    background: var(--secondary);
    transition: all .5s
}

.tasks-wrapper .task-card .card-inner {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.tasks-wrapper .task-card .card-inner .task-meta {
    line-height: 1.2
}

.tasks-wrapper .task-card .card-inner .task-meta span {
    display: block
}

.tasks-wrapper .task-card .card-inner .task-meta .task-title {
    font-family: var(--font-alt);
    font-size: 1rem;
    font-weight: 500;
    color: var(--title-color)
}

.tasks-wrapper .task-card .card-inner .task-meta .task-due-date {
    font-size: .9rem;
    font-family: var(--font);
    color: var(--light-text)
}

.tasks-wrapper .task-card .card-inner .task-info {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.tasks-wrapper .task-card .card-inner .task-info .task-progress {
    display: flex;
    min-width: 110px;
    margin-right: 1.5rem
}

.tasks-wrapper .task-card .card-inner .task-info .task-members {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-width: 150px
}

.tasks-wrapper .task-card .card-inner .task-info .subtasks-count {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 2rem
}

.tasks-wrapper .task-card .card-inner .task-info .subtasks-count span {
    display: block;
    padding: 0 .25rem;
    font-size: .95rem;
    font-family: var(--font);
    color: var(--light-text)
}

.tasks-wrapper .task-card .card-inner .task-info .subtasks-count .iconify {
    font-size: 22px;
    color: var(--light-text)
}

.tasks-wrapper .task-card .card-inner .task-info .more-drop {
    display: flex;
    justify-content: center;
    align-items: center
}

.tasks-wrapper .task-card .card-inner .task-info .more-drop .button .material-icons {
    color: var(--light-text)
}

.tasks-wrapper .task-card:hover {
    box-shadow: var(--light-box-shadow)
}

.tasks-wrapper .task-card:last-child {
    margin-bottom: 0 !important
}

.project-files-wrapper, .project-activity-wrapper {
    background: var(--card-bg-color);
    border: 1px solid var(--card-border-color);
    border-radius: 6px
}

.project-files-wrapper .file-item, .project-files-wrapper .activity-item, .project-activity-wrapper .file-item, .project-activity-wrapper .activity-item {
    display: flex;
    align-items: center;
    padding: 14px 20px;
    margin-top: 0 !important;
    border-color: var(--card-border-color)
}

.project-files-wrapper .file-item .image, .project-files-wrapper .activity-item .image, .project-activity-wrapper .file-item .image, .project-activity-wrapper .activity-item .image {
    position: relative
}

.project-files-wrapper .file-item .image img, .project-files-wrapper .activity-item .image img, .project-activity-wrapper .file-item .image img, .project-activity-wrapper .activity-item .image img {
    border-radius: 50%
}

.project-files-wrapper .file-item .image .file-action, .project-files-wrapper .activity-item .image .file-action, .project-activity-wrapper .file-item .image .file-action, .project-activity-wrapper .activity-item .image .file-action {
    position: absolute;
    right: -.4rem;
    bottom: -.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    border: 3px solid var(--card-bg-color);
    background: var(--wrap-muted-color)
}

.project-files-wrapper .file-item .image .file-action .iconify, .project-files-wrapper .activity-item .image .file-action .iconify, .project-activity-wrapper .file-item .image .file-action .iconify, .project-activity-wrapper .activity-item .image .file-action .iconify {
    font-size: 1rem;
    color: var(--title-color)
}

.project-files-wrapper .file-item .meta span, .project-files-wrapper .file-item .meta a, .project-files-wrapper .activity-item .meta span, .project-files-wrapper .activity-item .meta a, .project-activity-wrapper .file-item .meta span, .project-activity-wrapper .file-item .meta a, .project-activity-wrapper .activity-item .meta span, .project-activity-wrapper .activity-item .meta a {
    display: block
}

.project-files-wrapper .file-item .meta a, .project-files-wrapper .activity-item .meta a, .project-activity-wrapper .file-item .meta a, .project-activity-wrapper .activity-item .meta a {
    font-family: var(--font-alt);
    color: var(--title-color);
    font-size: 1rem;
    font-weight: 600
}

.project-files-wrapper .file-item .meta a:hover, .project-files-wrapper .activity-item .meta a:hover, .project-activity-wrapper .file-item .meta a:hover, .project-activity-wrapper .activity-item .meta a:hover {
    color: var(--secondary)
}

.project-files-wrapper .file-item .meta a.is-activity, .project-files-wrapper .activity-item .meta a.is-activity, .project-activity-wrapper .file-item .meta a.is-activity, .project-activity-wrapper .activity-item .meta a.is-activity {
    font-size: 1rem
}

.project-files-wrapper .file-item .meta span, .project-files-wrapper .activity-item .meta span, .project-activity-wrapper .file-item .meta span, .project-activity-wrapper .activity-item .meta span {
    display: flex;
    align-items: center;
    font-family: var(--font);
    color: var(--light-text);
    font-size: .8rem
}

@media (max-width: 767px) {
    .projects-wrapper .project-header-wrap {
        flex-direction: column;
        text-align: center
    }

    .projects-wrapper .project-header-wrap .project-members-avatars {
        margin-bottom: 2rem
    }

    .projects-wrapper .project-header-wrap .task-count {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1rem
    }

    .projects-list-wrapper .list-header {
        flex-direction: column
    }

    .projects-list-wrapper .list-header .list-filter {
        margin-top: 10px
    }

    .tasks-wrapper .task-card {
        padding-top: 3.5rem
    }

    .tasks-wrapper .task-card .task-meta {
        text-align: center;
        margin-bottom: 10px
    }

    .tasks-wrapper .task-card .card-inner, .tasks-wrapper .task-card .card-inner .task-info {
        flex-direction: column
    }

    .tasks-wrapper .task-card .card-inner .task-info .task-progress {
        margin: 1rem 0
    }

    .tasks-wrapper .task-card .card-inner .task-info .task-members {
        justify-content: center;
        margin-bottom: 1rem
    }

    .tasks-wrapper .task-card .more-drop {
        position: absolute;
        top: 1rem;
        right: 1rem
    }

    .activity-item {
        flex-direction: column
    }

    .activity-item .meta {
        text-align: center;
        margin: 10px 0
    }

    .activity-item .meta a, .activity-item .meta span {
        display: inline-block !important
    }

    .activity-item .media-right {
        margin-left: 0
    }

    .profile-heading h2, .profile-heading h4 {
        text-align: left
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .projects-wrapper .project-header-wrap {
        flex-direction: column;
        text-align: center
    }

    .projects-wrapper .project-header-wrap .task-count {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1rem
    }

    .tasks-wrapper .task-card .card-inner .task-info .task-progress {
        display: none
    }
}

.ticket-wrapper .ticket-header {
    display: flex;
    align-items: center
}

.ticket-wrapper .ticket-header .ticket-heading h2 {
    font-size: 1.25rem;
    font-family: var(--font-alt);
    font-weight: 600;
    color: var(--title-color)
}

.ticket-wrapper .ticket-header .ticket-heading span {
    display: block;
    color: var(--light-text);
    font-family: var(--font);
    font-size: 1rem
}

.ticket-wrapper .ticket-body {
    max-width: 760px;
    margin: 40px auto
}

.ticket-wrapper .ticket-body .conversation-wrap {
    width: 100%;
    margin-bottom: 40px
}

.ticket-wrapper .ticket-body .conversation-wrap:nth-child(odd) .conversation-inner {
    flex-direction: row-reverse
}

.ticket-wrapper .ticket-body .conversation-wrap:nth-child(odd) .conversation-inner .conversation-box {
    position: relative;
    width: 100%;
    background: var(--wrap-muted-color);
    border: 1px solid var(--wrap-border-color);
    border-radius: .65rem;
    margin-right: 1.25rem;
    padding: 2.25rem
}

.ticket-wrapper .ticket-body .conversation-wrap:nth-child(odd) .conversation-inner .conversation-box:after, .ticket-wrapper .ticket-body .conversation-wrap:nth-child(odd) .conversation-inner .conversation-box:before {
    left: 100%;
    top: 25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.ticket-wrapper .ticket-body .conversation-wrap:nth-child(odd) .conversation-inner .conversation-box:after {
    border-color: #fff0;
    border-left-color: var(--wrap-muted-color);
    border-width: 8px;
    margin-top: -8px
}

.ticket-wrapper .ticket-body .conversation-wrap:nth-child(odd) .conversation-inner .conversation-box:before {
    border-color: #ededed00;
    border-left-color: var(--wrap-border-color);
    border-width: 9px;
    margin-top: -9px
}

.ticket-wrapper .ticket-body .conversation-wrap:nth-child(odd) .conversation-inner .conversation-box .content p {
    color: var(--medium-text) !important;
    margin-bottom: .5rem !important
}

.ticket-wrapper .ticket-body .conversation-wrap:nth-child(odd) .controls {
    margin-right: 4rem
}

.ticket-wrapper .ticket-body .conversation-wrap:nth-child(even) .conversation-inner {
    flex-direction: row
}

.ticket-wrapper .ticket-body .conversation-wrap:nth-child(even) .conversation-inner .conversation-box {
    position: relative;
    width: 100%;
    background: var(--card-bg-color);
    border: 1px solid var(--card-border-color);
    border-radius: .65rem;
    margin-left: 1.25rem;
    padding: 2.25rem
}

.ticket-wrapper .ticket-body .conversation-wrap:nth-child(even) .conversation-inner .conversation-box:after, .ticket-wrapper .ticket-body .conversation-wrap:nth-child(even) .conversation-inner .conversation-box:before {
    right: 100%;
    top: 25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.ticket-wrapper .ticket-body .conversation-wrap:nth-child(even) .conversation-inner .conversation-box:after {
    border-color: #fff0;
    border-right-color: var(--card-bg-color);
    border-width: 8px;
    margin-top: -8px
}

.ticket-wrapper .ticket-body .conversation-wrap:nth-child(even) .conversation-inner .conversation-box:before {
    border-color: #ededed00;
    border-right-color: var(--card-border-color);
    border-width: 9px;
    margin-top: -9px
}

.ticket-wrapper .ticket-body .conversation-wrap:nth-child(even) .conversation-inner .conversation-box .content p {
    color: var(--medium-text) !important;
    margin-bottom: .5rem !important
}

.ticket-wrapper .ticket-body .conversation-wrap:nth-child(even) .controls {
    margin-left: 4rem
}

.ticket-wrapper .ticket-body .conversation-wrap .conversation-inner {
    display: flex;
    justify-content: flex-start;
    align-items: stretch
}

.ticket-wrapper .ticket-body .conversation-wrap .conversation-inner img {
    display: block;
    height: 50px;
    width: 50px;
    border-radius: 50%
}

.ticket-wrapper .ticket-body .conversation-wrap .controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: .5rem 0
}

.ticket-wrapper .ticket-body .conversation-wrap .controls .timestamp {
    display: block;
    font-size: .85rem;
    font-family: var(--font);
    color: var(--light-text);
    margin-left: .5rem
}

.ticket-wrapper .ticket-body .conversation-wrap .controls .button-group {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.ticket-wrapper .ticket-body .conversation-wrap .controls .conversation-control {
    height: 34px;
    width: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 .25rem;
    border-radius: 50%;
    transition: background-color .3s;
    cursor: pointer
}

.ticket-wrapper .ticket-body .conversation-wrap .controls .conversation-control:hover {
    background: var(--wrap-bg-color)
}

.ticket-wrapper .ticket-body .conversation-wrap .controls .conversation-control:hover .iconify {
    color: var(--title-color)
}

.ticket-wrapper .ticket-body .conversation-wrap .controls .conversation-control .iconify {
    font-size: 1rem;
    color: var(--light-text);
    transition: color .3s
}

.ticket-wrapper .compose-message {
    display: flex;
    align-items: stretch;
    max-width: 680px;
    padding: .75rem;
    border: 1px solid var(--input-base-border-color);
    border-radius: .85rem;
    background: var(--input-base-bg-color);
    margin: 1.25rem auto .65rem;
    transition: all .3s
}

.ticket-wrapper .compose-message.is-expanded {
    border-radius: .75rem
}

.ticket-wrapper .compose-message.is-expanded .control {
    min-height: 200px
}

.ticket-wrapper .compose-message img {
    display: block;
    height: 48px;
    width: 48px;
    min-width: 48px;
    border-radius: .85rem
}

.ticket-wrapper .compose-message .control {
    position: relative;
    margin-left: 12px;
    width: 100%;
    transition: all .3s
}

.ticket-wrapper .compose-message .control .textarea {
    box-shadow: none !important;
    border-color: transparent;
    resize: none;
    transition: all .3s
}

.ticket-wrapper .compose-message .control .send-button {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    width: 48px;
    min-width: 48px;
    border-radius: .75rem;
    padding: 0;
    transition: all .3s
}

.ticket-wrapper .compose-message .control .send-button:hover {
    background: var(--secondary);
    border-color: var(--secondary);
    box-shadow: var(--secondary-box-shadow)
}

.ticket-wrapper .compose-message .control .send-button:hover .iconify {
    color: var(--white-smoke)
}

.ticket-wrapper .compose-message .control .send-button .iconify {
    position: relative;
    right: -2px;
    font-size: 1.25rem;
    color: var(--secondary);
    padding: 0;
    transition: color .3s
}

.ticket-wrapper .add-attachments {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 680px;
    min-height: 48px;
    margin: 0 auto 60px
}

.ticket-wrapper .add-attachments .upload {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 20px;
    color: var(--secondary);
    font-weight: 500;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ticket-wrapper .add-attachments .upload input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1
}

.ticket-wrapper .add-attachments .upload .main-preview {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1
}

.ticket-wrapper .add-attachments .upload span {
    position: relative;
    display: block;
    margin-left: 2px;
    z-index: 0
}

.ticket-wrapper .add-attachments .upload .iconify {
    font-size: 1.25rem
}

.small-uploader .uploader-previews {
    display: flex;
    align-items: center;
    margin-right: 20px
}

.small-uploader .uploader-previews .uploader-preview {
    position: relative;
    height: 48px;
    width: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--white);
    border-radius: 50%
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(1) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(2) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(3) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(4) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(5) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(6) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(7) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(8) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(9) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(10) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(11) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(12) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(13) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(14) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(15) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(16) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(17) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(18) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(19) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(20) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(21) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(22) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(23) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(24) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(25) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(26) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(27) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(28) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(29) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(30) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(31) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(32) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(33) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(34) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(35) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(36) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(37) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(38) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(39) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(40) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(41) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(42) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(43) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(44) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(45) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(46) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(47) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(48) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(49) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(50) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(51) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(52) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(53) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(54) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(55) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(56) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(57) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(58) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(59) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(60) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(61) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(62) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(63) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(64) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(65) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(66) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(67) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(68) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(69) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(70) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(71) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(72) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(73) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(74) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(75) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(76) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(77) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(78) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(79) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(80) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(81) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(82) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(83) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(84) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(85) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(86) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(87) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(88) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(89) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(90) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(91) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(92) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(93) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(94) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(95) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(96) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(97) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(98) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview:not(:first-child):nth-child(99) {
    margin-left: -12px
}

.small-uploader .uploader-previews .uploader-preview img {
    height: 38px;
    width: 38px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.small-uploader .uploader-previews .uploader-preview .remove {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px
}

.small-uploader .uploader-previews .uploader-preview .remove .button {
    padding: 0;
    height: 22px;
    width: 22px;
    border-radius: .75rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.small-uploader .uploader-previews .uploader-preview .remove .button .iconify {
    font-size: .75rem;
    font-weight: 600;
    padding: 0
}

.ticket-info .ticket-info-card {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color)
}

.ticket-info .ticket-info-card .info-card-section {
    padding: 1.5rem
}

.ticket-info .ticket-info-card .info-card-section .section-heading {
    font-family: var(--font);
    font-size: .75rem;
    font-weight: 500;
    color: var(--medium-text);
    text-transform: uppercase;
    margin-bottom: 1rem
}

.ticket-info .ticket-info-card .info-card-section .user-details {
    display: flex;
    align-items: center;
    width: 100%
}

.ticket-info .ticket-info-card .info-card-section .user-details .flex-meta {
    margin-left: .5rem;
    line-height: 1.2
}

.ticket-info .ticket-info-card .info-card-section .user-details .flex-meta .flex-title {
    font-family: var(--font-alt);
    font-size: .8rem;
    font-weight: 600;
    color: var(--title-color)
}

.ticket-info .ticket-info-card .info-card-section .user-details .flex-end {
    margin-left: auto
}

.ticket-info .ticket-info-card .info-card-section .user-details .avatar {
    background: var(--wrap-muted-color)
}

.ticket-info .ticket-info-card .info-card-section .user-details .flex-meta p {
    color: var(--light-text)
}

.ticket-info .ticket-info-card .info-card-section .inner-list li .widget-list-item {
    display: flex;
    justify-content: space-between;
    padding: .75rem 0
}

.ticket-info .ticket-info-card .info-card-section .inner-list li .list-item-data {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%
}

.ticket-info .ticket-info-card .info-card-section .inner-list li .list-item-data .item-info {
    max-width: 230px
}

.ticket-info .ticket-info-card .info-card-section .inner-list li .list-item-data .item-info span {
    display: block
}

.ticket-info .ticket-info-card .info-card-section .inner-list li .list-item-data .item-info span.item-title {
    color: var(--title-color);
    font-size: .8rem;
    font-family: var(--font-alt);
    font-weight: 600
}

.ticket-info .ticket-info-card .info-card-section .inner-list li .list-item-data .item-info span:nth-child(2) {
    font-family: var(--font);
    font-size: .75rem;
    color: var(--light-text)
}

.ticket-info .ticket-info-card .info-card-section .inner-list li .list-item-data .item-action {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto
}

.ticket-info .ticket-info-card .info-card-section .inner-list li .list-item-data .item-action .button {
    height: 36px;
    font-size: .85rem
}

.ticket-info .ticket-info-card .info-card-section .buttons .button {
    flex-grow: 2
}

.ticket-info .ticket-info-card .info-card-section.is-dashed {
    border-bottom: 2px dashed var(--wrap-border-color)
}

.error-hero {
    background: var(--dashboard-bg-color)
}

.error-hero .hero-body {
    padding-top: 0;
    padding-bottom: 0
}

.is-dark .error-hero {
    background-color: var(--night-light-4)
}

.error-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 .75rem
}

.error-nav .error-nav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 4.5rem
}

.error-nav .error-nav-inner .start {
    display: flex;
    align-items: center
}

.error-nav .error-nav-inner .start .brand-logo {
    display: block;
    width: 100%;
    max-height: 18px
}

.error-nav .error-nav-inner .end {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.error-wrapper {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 3rem 0
}

.error-wrapper .error-wrapper-inner {
    position: relative;
    width: 100%
}

.error-wrapper .error-wrapper-inner .underlay {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: var(--font);
    font-weight: 900;
    font-size: 26rem;
    color: var(--title-color);
    opacity: .1;
    z-index: 0
}

.error-wrapper .error-wrapper-inner .error-image {
    position: relative;
    z-index: 1
}

.error-wrapper .error-wrapper-inner .error-image img {
    display: block;
    width: 100%;
    max-width: 510px;
    margin: 0 auto
}

.error-wrapper .error-wrapper-inner .error-content {
    margin-top: 1rem;
    text-align: center
}

.error-wrapper .error-wrapper-inner .error-content .buttons .button {
    min-width: 130px
}

@media only screen and (max-width: 767px) {
    .error-nav .error-nav-inner {
        padding: 0 1rem
    }

    .error-wrapper :deep(.title) {
        font-size: 2rem
    }

    .error-wrapper .paragraph {
        font-size: 1rem !important
    }

    .error-wrapper .error-wrapper-inner .underlay {
        top: 36%;
        font-size: 12rem
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .error-nav .error-nav-inner {
        padding: 0 1rem
    }
}

.inbox-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding-top: 60px;
    font-family: var(--font);
    background: var(--wrap-bg-color);
    border-top: 1px solid var(--wrap-border-color);
    z-index: 0
}

.inbox-wrapper .inbox-wrapper-inner {
    position: relative;
    height: 100%;
    width: 100%
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 25%;
    background: var(--wrap-bg-color);
    border-right: 1px solid var(--wrap-border-color)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .header-area {
    height: 60px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--wrap-border-color);
    padding: 0 20px
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .header-area .inbox-title {
    font-family: Nexa Bold, sans-serif;
    font-size: 1.4rem;
    color: var(--title-color)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .header-area .inbox-close-sidebar-mobile {
    display: none
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner {
    position: relative;
    width: 100%;
    height: calc(100% - 60px)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    width: 100%
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .compose-button {
    height: 48px;
    line-height: 1.8;
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white-smoke)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .compose-button:hover {
    opacity: .8;
    box-shadow: var(--primary-box-shadow)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .inbox-menu {
    padding: 20px 0
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .inbox-menu ul li a {
    display: flex;
    align-items: center;
    padding: .5rem .75rem;
    border-radius: .65rem
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .inbox-menu ul li a.is-active {
    background: var(--wrap-muted-color)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .inbox-menu ul li a.is-active span, .inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .inbox-menu ul li a.is-active .iconify {
    color: var(--title-color);
    font-weight: 500
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .inbox-menu ul li a.is-active .tag {
    display: inline
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .inbox-menu ul li a .iconify {
    color: var(--light-text)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .inbox-menu ul li a span {
    display: block;
    padding: 0 20px;
    color: var(--light-text)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .inbox-menu ul li a .tag {
    display: none;
    margin-left: auto;
    margin-bottom: 0;
    font-size: .75rem;
    height: 24px;
    background: 0 0 !important;
    padding: 0 .75rem;
    line-height: 1.8;
    border: 1px solid var(--secondary) !important;
    color: var(--secondary) !important;
    border-radius: 50rem
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu {
    position: absolute;
    bottom: 0;
    left: 0;
    height: calc(100% - 304px);
    width: 100%;
    border-top: 1px solid var(--wrap-border-color);
    overflow-y: auto
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    padding: 0 1.25rem
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .title-wrap h3 {
    font-weight: 500;
    color: var(--title-color)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .title-wrap .control {
    position: relative;
    flex-grow: 2
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .title-wrap .search-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    width: 36px;
    padding: 0;
    font-size: 1.25rem;
    border: none
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .title-wrap .search-button:hover .iconify {
    color: var(--title-color)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .title-wrap .search-button .iconify {
    color: var(--placeholder);
    transition: color .3s
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .contact-list {
    position: relative;
    top: 0;
    width: 100%;
    height: calc(100% - 60px);
    overflow-y: auto;
    padding: 20px
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .contact-list .contact-block {
    display: flex;
    align-items: center;
    padding: .5rem .75rem;
    border-radius: .55rem;
    margin-bottom: .25rem;
    transition: all .3s;
    cursor: pointer
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .contact-list .contact-block:hover {
    background: var(--wrap-muted-color)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .contact-list .contact-block img {
    display: block;
    height: 32px;
    width: 32px;
    min-width: 32px;
    border-radius: 50%
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .contact-list .contact-block .contact-meta {
    margin-left: .75rem;
    line-height: 1.2
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .contact-list .contact-block .contact-meta span {
    display: block
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .contact-list .contact-block .contact-meta span:first-child {
    font-weight: 500;
    font-size: .9rem;
    color: var(--title-color)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .contact-list .contact-block .contact-meta span:nth-child(2) {
    font-size: .8rem;
    color: var(--light-text)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-messages {
    position: absolute;
    top: 0;
    left: 25%;
    height: 100%;
    width: 28%;
    background: var(--wrap-bg-color);
    border-right: 1px solid var(--wrap-border-color)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-messages .header-area {
    height: 60px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--wrap-border-color);
    padding: 0 1.25rem
}

.inbox-wrapper .inbox-wrapper-inner .inbox-messages .header-area .actions {
    display: flex;
    align-items: center
}

.inbox-wrapper .inbox-wrapper-inner .inbox-messages .header-area .actions .inbox-search {
    position: relative;
    margin-right: .5rem
}

.inbox-wrapper .inbox-wrapper-inner .inbox-messages .header-area .actions .inbox-search input {
    height: 38px;
    min-width: 220px;
    padding-left: 42px
}

.inbox-wrapper .inbox-wrapper-inner .inbox-messages .header-area .actions .inbox-search input:focus + .inbox-search-icon .iconify {
    color: var(--primary)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-messages .header-area .actions .inbox-search .inbox-search-icon {
    position: absolute;
    top: 1px;
    left: 4px;
    height: 38px;
    width: 38px;
    display: flex;
    justify-content: center;
    align-items: center
}

.inbox-wrapper .inbox-wrapper-inner .inbox-messages .header-area .actions .inbox-search .inbox-search-icon .iconify {
    color: var(--placeholder);
    transition: color .3s
}

.inbox-wrapper .inbox-wrapper-inner .inbox-messages .header-area .actions .mobile-menu-action {
    display: none
}

.inbox-wrapper .inbox-wrapper-inner .inbox-messages .messages-list {
    position: relative;
    height: calc(100% - 60px);
    width: 100%;
    overflow-y: auto
}

.inbox-wrapper .inbox-wrapper-inner .inbox-messages .messages-list .inbox-message {
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid var(--wrap-border-color);
    padding: 1.25rem;
    cursor: pointer
}

.inbox-wrapper .inbox-wrapper-inner .inbox-messages .messages-list .inbox-message.is-selected {
    background: var(--dropdown-bg-color-hover)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-messages .messages-list .inbox-message .message-meta {
    margin-left: .5rem;
    pointer-events: none
}

.inbox-wrapper .inbox-wrapper-inner .inbox-messages .messages-list .inbox-message .message-meta span {
    display: block
}

.inbox-wrapper .inbox-wrapper-inner .inbox-messages .messages-list .inbox-message .message-meta span.name {
    font-family: var(--font-alt);
    font-size: .9rem;
    font-weight: 500;
    color: var(--title-color)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-messages .messages-list .inbox-message .message-meta span.time {
    font-family: var(--font);
    font-size: .8rem;
    color: var(--light-text)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-messages .messages-list .inbox-message .message-meta span.subject {
    font-family: var(--font);
    font-size: .9rem;
    white-space: nowrap;
    overflow: hidden;
    max-width: 280px;
    text-overflow: ellipsis;
    color: var(--medium-text);
    margin-bottom: .25rem
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-overlay {
    position: absolute;
    top: 0;
    left: 53%;
    height: 100%;
    width: 47%;
    z-index: -1;
    opacity: 0;
    background: var(--wrap-bg-color);
    transition: opacity .4s;
    display: flex;
    justify-content: center;
    align-items: center
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-overlay.is-active {
    opacity: 1;
    z-index: 1
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-overlay .loader {
    position: relative;
    height: 60px;
    width: 60px
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details {
    position: absolute;
    top: 0;
    left: 53%;
    height: 100%;
    width: 47%;
    transition: all .3s;
    animation: fadeInLeft .5s
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .header-area {
    height: 60px;
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--wrap-border-color);
    padding: 0 20px;
    background: var(--wrap-bg-color)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .header-area .sender-pic {
    display: block;
    height: 44px;
    width: 44px;
    min-width: 44px;
    border-radius: 50%
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .header-area .message-meta {
    margin-left: .5rem
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .header-area .message-meta span {
    display: block
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .header-area .message-meta .message-title {
    font-weight: 500;
    font-family: var(--font);
    font-size: 1.1rem;
    color: var(--title-color)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .header-area .attachments {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: .75rem
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .header-area .attachments .iconify {
    color: var(--light-text)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .header-area .attachments span {
    display: block;
    margin-left: .25rem;
    color: var(--medium-text)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .header-area .inbox-close-details-mobile {
    display: none
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper {
    position: relative;
    height: calc(100% - 60px);
    width: 100%;
    overflow-y: auto;
    background: var(--wrap-bg-color)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .message-inner {
    padding: 20px;
    background: var(--wrap-bg-color);
    border-bottom: 1px solid var(--wrap-border-color)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .message-inner .message-head {
    display: flex;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--wrap-border-color)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .message-inner .message-head .info span {
    display: block
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .message-inner .message-head .info span:first-child {
    font-family: var(--font-alt);
    font-size: .9rem;
    font-weight: 500;
    color: var(--title-color)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .message-inner .message-head .info span:nth-child(2) {
    font-family: var(--font);
    font-size: .9rem;
    color: var(--light-text)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .message-inner .message-head .message-actions {
    margin-left: auto;
    display: flex;
    align-items: center
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .message-inner .mail-content {
    padding: 40px 60px 30px;
    font-family: var(--font)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .message-inner .mail-content p, .inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .message-inner .mail-content ul {
    color: var(--medium-text) !important
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .attachments-list {
    padding: 0 60px 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .attachments-list .attachment {
    display: flex;
    align-items: center;
    padding: 6px 6px 6px 16px;
    margin: 0 6px 6px;
    border: 1px solid var(--wrap-border-color);
    background: var(--wrap-bg-color);
    border-radius: 100px;
    cursor: pointer;
    transition: all .3s
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .attachments-list .attachment:hover {
    border-color: var(--secondary);
    box-shadow: var(--light-box-shadow)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .attachments-list .attachment:hover .download-icon {
    transform: rotate(360deg);
    background: var(--secondary);
    border-color: var(--secondary);
    box-shadow: var(--secondary-box-shadow)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .attachments-list .attachment:hover .download-icon .iconify {
    color: var(--white)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .attachments-list .attachment span {
    display: block;
    margin-right: .5rem;
    font-size: .95rem;
    font-weight: 500;
    color: var(--title-color);
    transition: all .3s
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .attachments-list .attachment .download-icon {
    height: 24px;
    width: 24px;
    border: 1px solid var(--wrap-border-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .attachments-list .attachment .download-icon .iconify {
    font-size: .75rem;
    transition: color .3s
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap {
    position: relative;
    padding: 40px 30px 30px
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble {
    position: relative;
    padding: 20px;
    border: 1px solid var(--input-base-border-color);
    border-radius: 6px;
    background: var(--input-base-bg-color);
    width: 100%
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble:after, .inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble:before {
    bottom: 100%;
    left: 6%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble:after {
    border-color: #fff0;
    border-bottom-color: var(--input-base-bg-color);
    border-width: 16px;
    margin-left: -16px
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble:before {
    border-color: #ededed00;
    border-bottom-color: var(--input-base-border-color);
    border-width: 17px;
    margin-left: -17px
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble .reply-as {
    display: flex;
    align-items: center;
    width: 100%
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble .reply-as img {
    display: block;
    height: 32px;
    width: 32px;
    border-radius: 50%
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble .reply-as .reply-details {
    margin-left: .75rem;
    line-height: 1.3
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble .reply-as .reply-details span {
    display: block;
    font-family: var(--font)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble .reply-as .reply-details span:first-child {
    color: var(--title-color);
    font-weight: 500;
    font-size: .85rem
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble .reply-as .reply-details span:nth-child(2) {
    font-size: .9rem;
    color: var(--light-text)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble .reply-as .dropdown-wrap {
    margin-left: auto
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble .control {
    position: relative;
    margin-top: 16px
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble .control .textarea {
    box-shadow: none;
    padding-bottom: 52px;
    border: none
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble .control .button {
    position: absolute;
    height: 44px;
    bottom: 8px;
    right: 8px;
    background: var(--secondary);
    border-color: var(--secondary);
    color: var(--white-smoke)
}

.inbox-wrapper .inbox-wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble .control .button:hover {
    box-shadow: var(--secondary-box-shadow)
}

.inbox-action {
    height: 36px;
    width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: none;
    border-radius: 50%;
    border: 1px solid transparent;
    color: var(--light-text);
    transition: all .3s
}

.inbox-action:hover {
    border-color: var(--wrap-border-color);
    box-shadow: var(--light-box-shadow);
    color: var(--primary)
}

.inbox-action.is-checked {
    border-color: var(--title-color);
    box-shadow: var(--light-box-shadow);
    color: var(--primary)
}

@media (max-width: 767px) {
    .inbox-hidden-mobile {
        display: none !important
    }

    .inbox-messages, .inbox-sidebar, .inbox-message-details, .inbox-message-overlay {
        width: 100% !important
    }

    .inbox-messages, .inbox-sidebar, .inbox-message-overlay {
        left: 0 !important
    }

    .inbox-sidebar {
        transform: translate(calc(-100%1));
        z-index: 1 !important;
        transition: all .3s !important
    }

    .inbox-sidebar.mobile-active {
        transform: translate(0) !important
    }

    .inbox-sidebar .dropdown-wrap {
        display: none !important
    }

    .inbox-sidebar .inbox-close-sidebar-mobile, .inbox-messages .mobile-menu-action {
        display: flex !important
    }

    .inbox-message-details {
        left: 0 !important;
        transform: translate(100%)
    }

    .inbox-message-details.mobile-active {
        transform: translate(0)
    }

    .inbox-message-details .header-area {
        padding: 0 10px !important
    }

    .inbox-message-details .header-area .sender-pic {
        display: none !important
    }

    .inbox-message-details .header-area .message-meta .message-title {
        font-size: 1rem !important
    }

    .inbox-message-details .header-area .message-meta .sender-email {
        font-size: .9rem !important
    }

    .inbox-message-details .header-area .attachments {
        font-size: 1rem !important
    }

    .inbox-message-details .header-area .dropdown-wrap {
        margin-left: auto !important
    }

    .inbox-message-details .header-area .inbox-close-details-mobile {
        display: flex !important
    }

    .inbox-message-details .message-inner .message-head .info {
        font-size: .9rem
    }

    .inbox-message-details .message-inner .mail-content {
        padding: 40px 20px 20px !important
    }

    .inbox-message-details .message-inner .attachments-list .attachment {
        width: 100%
    }

    .inbox-message-details .message-inner .attachments-list .attachment .download-icon {
        margin-left: auto !important
    }

    .inbox-message-details .reply-box-wrap {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .inbox-message-details .reply-box-wrap .reply-bubble:after, .inbox-message-details .reply-box-wrap .reply-bubble:before {
        left: 16% !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .inbox-hidden-mobile {
        display: none !important
    }

    .inbox-messages, .inbox-sidebar, .inbox-message-details, .inbox-message-overlay {
        width: 100% !important
    }

    .inbox-messages, .inbox-sidebar, .inbox-message-overlay {
        left: 0 !important
    }

    .inbox-wrapper .inbox-wrapper-inner .inbox-sidebar {
        transform: translate(-100%);
        z-index: 1 !important;
        max-width: 300px;
        transition: all .3s !important
    }

    .inbox-wrapper .inbox-wrapper-inner .inbox-sidebar.mobile-active {
        transform: translate(0) !important
    }

    .inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .dropdown-wrap {
        display: none !important
    }

    .inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .inbox-close-sidebar-mobile {
        display: flex !important
    }

    .inbox-wrapper .inbox-wrapper-inner .inbox-sidebar .sidebar-inner .contact-list {
        flex-direction: column !important
    }

    .inbox-messages .mobile-menu-action {
        display: flex !important
    }

    .inbox-message-details {
        left: 0 !important;
        transform: translate(100%)
    }

    .inbox-message-details.mobile-active {
        transform: translate(0)
    }

    .inbox-message-details .header-area {
        padding: 0 10px !important
    }

    .inbox-message-details .header-area .attachments {
        font-size: 1rem !important
    }

    .inbox-message-details .header-area .dropdown-wrap {
        margin-left: auto !important
    }

    .inbox-message-details .header-area .inbox-close-details-mobile {
        display: flex !important
    }

    .inbox-message-details .message-inner .message-head .info {
        font-size: .9rem
    }

    .inbox-message-details .message-inner .mail-content {
        padding: 40px 20px 20px !important
    }

    .inbox-message-details .message-inner .attachments-list .attachment {
        width: 100%
    }

    .inbox-message-details .message-inner .attachments-list .attachment .download-icon {
        margin-left: auto !important
    }

    .inbox-message-details .reply-box-wrap {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .inbox-message-details .reply-box-wrap .reply-bubble:after, .inbox-message-details .reply-box-wrap .reply-bubble:before {
        left: 5% !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .inbox-wrapper {
        width: 100%
    }

    .inbox-hidden-mobile {
        display: none !important
    }

    .inbox-sidebar {
        width: 32% !important;
        z-index: 1
    }

    .inbox-messages {
        width: 68% !important;
        left: 32% !important
    }

    .inbox-message-details, .inbox-message-overlay {
        right: 0 !important;
        left: unset !important;
        width: 68% !important;
        transform: translate(100%);
        transition: all .3s
    }

    .inbox-message-details.tablet-active, .inbox-message-overlay.tablet-active {
        transform: translate(0) !important
    }

    .inbox-message-details .header-area .dropdown-wrap {
        margin-left: auto !important
    }

    .inbox-message-details .header-area .inbox-close-details-mobile {
        display: flex !important
    }
}

.form-outer {
    width: 100%;
    background: var(--card-bg-color);
    border-radius: .85rem;
    border: 1px solid var(--card-border-color);
    padding: 2rem
}

.form-outer .form-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.form-outer .form-buttons .button {
    min-height: 48px
}

.form-outer.is-vertical, .form-outer.is-horizontal {
    padding: 3.5rem
}

@media only screen and (max-width: 767px) {
    .form-outer.is-vertical, .form-outer.is-horizontal {
        padding: 1.75rem
    }

    .form-outer .form-buttons .button.is-full-mobile {
        width: 100% !important
    }
}