.page-titles[data-v-1e26f771] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    position: relative
}

.page-titles h1[data-v-1e26f771] {
    color: var(--heading-text-color);
    font-size: 2.5rem;
    margin: 0
}

.page-titles span.subtitle[data-v-1e26f771] {
    color: var(--heading-text-color);
    font-style: italic;
    text-shadow: 1px 1px 2px rgba(19, 15, 35, .2784313725);
    opacity: var(--dimming-factor)
}

.page-titles img.site-logo[data-v-1e26f771] {
    margin: .2rem .5rem .2rem 0;
    max-width: 3.5rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media(max-width:599px) {
    .page-titles[data-v-1e26f771] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        padding: .25rem 0
    }
}

.page-titles[disabled][data-v-1e26f771] {
    cursor: default
}

.page-titles svg.edit-icon[data-v-1e26f771] {
    width: 1rem;
    height: 1rem;
    right: 1rem;
    top: .5rem;
    padding: .25rem;
    margin: .25rem;
    cursor: pointer;
    border: 1px solid var(--background-darker);
    border-radius: var(--curve-factor)
}

.page-titles svg.edit-icon path[data-v-1e26f771] {
    fill: var(--primary)
}

.page-titles svg.edit-icon[data-v-1e26f771]:hover {
    border: 1px solid var(--primary)
}

.scroll-bar[data-v-60ebffe3]::-webkit-scrollbar {
    width: var(--scroll-bar-width);
    height: var(--scroll-bar-width)
}

.scroll-bar[data-v-60ebffe3]::-webkit-scrollbar-track {
    border-radius: var(--curve-factor);
    background-color: var(--scroll-bar-background)
}

.scroll-bar[data-v-60ebffe3]::-webkit-scrollbar-thumb {
    background: var(--scroll-bar-color);
    border-radius: var(--curve-factor)
}

.nav-outer[data-v-60ebffe3],
.svg-button[data-v-60ebffe3] {
    color: var(--primary)
}

.nav-outer svg[data-v-60ebffe3],
.svg-button svg[data-v-60ebffe3] {
    width: 1rem;
    height: 1rem;
    margin: .2rem;
    padding: .2rem;
    text-align: center;
    background: var(--background);
    border: 1px solid currentColor;
    border-radius: var(--curve-factor);
    cursor: pointer
}

.nav-outer svg path[data-v-60ebffe3],
.svg-button svg path[data-v-60ebffe3] {
    fill: var(--settings-text-color)
}

.nav-outer svg.selected[data-v-60ebffe3],
.nav-outer svg[data-v-60ebffe3]:hover,
.svg-button svg.selected[data-v-60ebffe3],
.svg-button svg[data-v-60ebffe3]:hover {
    background: var(--settings-text-color)
}

.nav-outer svg.selected path[data-v-60ebffe3],
.nav-outer svg:hover path[data-v-60ebffe3],
.svg-button svg.selected path[data-v-60ebffe3],
.svg-button svg:hover path[data-v-60ebffe3] {
    fill: var(--background)
}

.nav-outer svg.disabled[data-v-60ebffe3],
.svg-button svg.disabled[data-v-60ebffe3] {
    opacity: var(--dimming-factor);
    cursor: not-allowed
}

.nav-outer svg.disabled[data-v-60ebffe3]:hover,
.svg-button svg.disabled[data-v-60ebffe3]:hover {
    border: 1px solid currentColor;
    background: var(--background)
}

.nav-outer svg.disabled:hover path[data-v-60ebffe3],
.svg-button svg.disabled:hover path[data-v-60ebffe3] {
    fill: var(--settings-text-color)
}

.highlight[data-v-60ebffe3] ::-moz-selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.highlight[data-v-60ebffe3] ::selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.highlight[data-v-60ebffe3] ::-moz-selection,
.highlight[data-v-60ebffe3] ::-ms-selection,
.highlight[data-v-60ebffe3] ::-o-selection,
.highlight[data-v-60ebffe3] ::-webkit-selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.bold[data-v-60ebffe3] {
    font-weight: 700
}

.light[data-v-60ebffe3] {
    font-weight: lighter
}

.text-left[data-v-60ebffe3] {
    text-align: left
}

.text-right[data-v-60ebffe3] {
    text-align: right
}

.text-center[data-v-60ebffe3] {
    text-align: center
}

.horizontal-center[data-v-60ebffe3] {
    margin: 0 auto
}

.border-box[data-v-60ebffe3] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nav-outer nav[data-v-60ebffe3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav-outer nav .nav-item[data-v-60ebffe3] {
    display: inline-block;
    padding: .75rem .5rem;
    margin: .5rem;
    min-width: 5rem;
    text-align: center;
    outline: none;
    border: none;
    border-radius: var(--curve-factor);
    -webkit-box-shadow: var(--nav-link-shadow);
    box-shadow: var(--nav-link-shadow);
    color: var(--nav-link-text-color);
    background: var(--nav-link-background-color);
    border: 1px solid var(--nav-link-border-color);
    text-decoration: none
}

.nav-outer nav .nav-item.router-link-active[data-v-60ebffe3],
.nav-outer nav .nav-item[data-v-60ebffe3]:hover {
    color: var(--nav-link-text-color-hover);
    background: var(--nav-link-background-color-hover);
    border: 1px solid var(--nav-link-border-color-hover);
    -webkit-box-shadow: var(--nav-link-shadow-hover);
    box-shadow: var(--nav-link-shadow-hover)
}

@media(max-width:599px) {
    .nav-outer[data-v-60ebffe3] {
        width: 100%
    }

    .nav-outer nav[data-v-60ebffe3] {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.nav-outer .burger[data-v-60ebffe3] {
    display: none
}

.nav-outer .burger.visible[data-v-60ebffe3] {
    display: block
}

@media(max-width:599px) {
    .nav-outer .burger[data-v-60ebffe3] {
        display: block
    }
}

header[data-v-42405b59] {
    margin: 0;
    padding: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: var(--background-darker);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

@media(max-width:599px) {
    header[data-v-42405b59] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

footer[data-v-74b0853e] {
    width: calc(100% - .5rem);
    bottom: 0;
    padding: .25rem;
    text-align: center;
    color: var(--medium-grey);
    opacity: var(--dimming-factor);
    background: var(--footer-background);
    margin-top: 1.5rem;
    border-top: 1px solid var(--outline-color)
}

@media(max-width:779px) {
    footer[data-v-74b0853e] {
        display: none
    }
}

footer span.path-to-config[data-v-74b0853e] {
    float: left;
    font-size: .75rem;
    margin: .1rem .5rem 0 0;
    opacity: var(--dimming-factor);
    max-width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    max-height: 1rem
}

footer a[data-v-74b0853e] {
    color: var(--footer-text-color)
}

footer a[data-v-74b0853e]:hover {
    color: var(--footer-text-color-link)
}

div.edit-mode-top-banner[data-v-3cb5bf99] {
    width: 100%;
    text-align: center;
    padding: .2rem 0;
    background: var(--interactive-editor-color);
    opacity: var(--dimming-factor)
}

div.edit-mode-top-banner span[data-v-3cb5bf99] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--interactive-editor-background)
}

div#loading[data-v-3a09e5dc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 7;
    background: var(--loading-screen-background);
    color: var(--loading-screen-color)
}

div#loading.hide[data-v-3a09e5dc] {
    display: none
}

div#loading .inner-container[data-v-3a09e5dc] {
    text-align: center
}

div#loading p[data-v-3a09e5dc] {
    font-size: 6vw;
    display: inline;
    margin: 0 auto
}

div#loading h2[data-v-3a09e5dc] {
    opacity: .35;
    font-size: 16vw;
    margin: 0
}

div#loading .dots-cont[data-v-3a09e5dc] {
    display: inline
}

div#loading .dots-cont .dot[data-v-3a09e5dc] {
    width: 4px;
    height: 4px;
    background: var(--loading-screen-color);
    display: inline-block;
    border-radius: 35%;
    right: 0;
    bottom: 0;
    margin: 0 2.5px;
    position: relative;
    -webkit-animation: jump-3a09e5dc 1s infinite;
    animation: jump-3a09e5dc 1s infinite
}

div#loading .dots-cont .dot.dot-1[data-v-3a09e5dc] {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

div#loading .dots-cont .dot.dot-2[data-v-3a09e5dc] {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

div#loading .dots-cont .dot.dot-3[data-v-3a09e5dc] {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

div#loading .dots-cont .dot.dot-4[data-v-3a09e5dc] {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

@-webkit-keyframes jump-3a09e5dc {
    0% {
        bottom: 0
    }

    20% {
        bottom: 5px
    }

    40% {
        bottom: 0
    }
}

@keyframes jump-3a09e5dc {
    0% {
        bottom: 0
    }

    20% {
        bottom: 5px
    }

    40% {
        bottom: 0
    }
}

.slide-fade-leave-active[data-v-3a09e5dc] {
    -webkit-transition: all .2s cubic-bezier(1, .9, .7, .4);
    transition: all .2s cubic-bezier(1, .9, .7, .4)
}

.slide-fade-enter[data-v-3a09e5dc],
.slide-fade-leave-to[data-v-3a09e5dc] {
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
    opacity: 0
}

.scroll-bar::-webkit-scrollbar,
html::-webkit-scrollbar {
    width: var(--scroll-bar-width);
    height: var(--scroll-bar-width)
}

.scroll-bar::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
    border-radius: var(--curve-factor);
    background-color: var(--scroll-bar-background)
}

.scroll-bar::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
    background: var(--scroll-bar-color);
    border-radius: var(--curve-factor)
}

.highlight ::-moz-selection,
html ::-moz-selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.highlight ::selection,
html ::selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.highlight ::-moz-selection,
.highlight ::-ms-selection,
.highlight ::-o-selection,
.highlight ::-webkit-selection,
html ::-moz-selection,
html ::-ms-selection,
html ::-o-selection,
html ::-webkit-selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

html {
    padding: 0;
    margin: -3px 0 0 0;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html body {
    background: var(--background);
    margin: 0;
    padding: 0
}

html a,
html button,
html input[type=button] {
    cursor: pointer
}

[v-cloak]>* {
    display: none
}

[v-cloak]:before {
    content: "loading…"
}

.dashy-modal,
.vm--modal {
    -webkit-box-shadow: 0 40px 70px -2px rgba(0, 0, 0, .6), 1px 1px 6px var(--primary) !important;
    box-shadow: 0 40px 70px -2px rgba(0, 0, 0, .6), 1px 1px 6px var(--primary) !important;
    min-width: 350px;
    min-height: 200px;
    background: var(--background-darker)
}

@media(max-width:599px) {

    .dashy-modal,
    .vm--modal {
        left: .5rem !important;
        right: .5rem !important;
        width: 95% !important;
        top: 2rem !important
    }
}

.vm--overlay {
    background: rgba(0, 0, 0, .5019607843)
}

.toast-message {
    background: var(--toast-background) !important;
    color: var(--toast-color) !important;
    border: 1px solid var(--toast-color) !important;
    border-radius: var(--curve-factor) !important;
    font-size: 1.25rem !important
}

.toast-error {
    background: var(--danger) !important
}

.toast-error,
.toast-success {
    color: var(--white) !important;
    font-size: 1.25rem !important
}

.toast-success {
    background: var(--success) !important
}

.v-select .vs__dropdown-toggle {
    border-color: var(--primary);
    background: var(--background);
    cursor: pointer
}

.v-select .vs__dropdown-toggle span.vs__selected {
    color: var(--primary)
}

.v-select .vs__dropdown-toggle .vs__actions svg path {
    fill: var(--primary)
}

.v-select ul.vs__dropdown-menu {
    background: var(--background);
    border-color: var(--primary)
}

.v-select ul.vs__dropdown-menu li {
    color: var(--primary)
}

.v-select ul.vs__dropdown-menu li.vs__dropdown-option--highlight,
.v-select ul.vs__dropdown-menu li:hover {
    color: var(--background);
    background: var(--primary)
}

.tooltip {
    display: block;
    z-index: 5;
    max-width: var(--tooltip-width);
    border: none;
    padding: 0
}

.tooltip .tooltip-inner {
    background: var(--description-tooltip-background);
    border: 1px solid var(--description-tooltip-color);
    border-radius: var(--curve-factor-small);
    color: var(--description-tooltip-color);
    padding: var(--tooltip-padding);
    overflow: hidden
}

.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: var(--tooltip-arrow-size);
    border-color: transparent;
    border-width: var(--tooltip-arrow-size);
    z-index: 1
}

.tooltip[x-placement^=top] {
    margin-bottom: var(--tooltip-arrow-size)
}

.tooltip[x-placement^=top] .tooltip-arrow {
    border-bottom-width: 0;
    border-top-color: var(--description-tooltip-color);
    bottom: calc(var(--tooltip-arrow-size)*-1);
    left: calc(50% - var(--tooltip-arrow-size));
    margin: 0 var(--tooltip-arrow-size)
}

.tooltip[x-placement^=bottom] {
    margin-top: var(--tooltip-arrow-size)
}

.tooltip[x-placement^=bottom] .tooltip-arrow {
    border-top-width: 0;
    border-bottom-color: var(--description-tooltip-color);
    top: calc(var(--tooltip-arrow-size)*-1);
    left: calc(50% - var(--tooltip-arrow-size));
    margin: 0 var(--tooltip-arrow-size)
}

.tooltip[x-placement^=right] {
    margin-left: var(--tooltip-arrow-size)
}

.tooltip[x-placement^=right] .tooltip-arrow {
    border-left-width: 0;
    border-right-color: var(--description-tooltip-color);
    left: calc(var(--tooltip-arrow-size)*-1);
    top: calc(50% - var(--tooltip-arrow-size));
    margin: var(--tooltip-arrow-size) 0
}

.tooltip[x-placement^=left] {
    margin-right: var(--tooltip-arrow-size)
}

.tooltip[x-placement^=left] .tooltip-arrow {
    border-right-width: 0;
    border-left-color: var(--description-tooltip-color);
    right: calc(var(--tooltip-arrow-size)*-1);
    top: calc(50% - var(--tooltip-arrow-size));
    margin: var(--tooltip-arrow-size) 0
}

.tooltip[aria-hidden=true] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s, visibility .15s;
    transition: opacity .15s, visibility .15s
}

.tooltip[aria-hidden=false] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.tooltip.in-modal-tt {
    z-index: 999
}

:root {
    --primary: #5cabca;
    --background: #0b1021;
    --background-darker: #05070e;
    --info: #04e4f4;
    --success: #20e253;
    --warning: #f6f000;
    --error: #fca016;
    --danger: #f80363;
    --neutral: #272f4d;
    --white: #fff;
    --black: #000;
    --item-group-background: rgba(11, 16, 33, 0.8);
    --medium-grey: #5e6474;
    --item-background: rgba(96, 125, 139, 0.2);
    --item-background-hover: rgba(96, 125, 139, 0.30196078431372547);
    --transparent-70: rgba(0, 0, 0, 0.7019607843137254);
    --transparent-50: rgba(0, 0, 0, 0.5019607843137255);
    --transparent-30: rgba(0, 0, 0, 0.30196078431372547);
    --transparent-white-70: hsla(0, 0%, 100%, 0.7019607843137254);
    --transparent-white-50: hsla(0, 0%, 100%, 0.5019607843137255);
    --transparent-white-30: hsla(0, 0%, 100%, 0.30196078431372547);
    --heading-text-color: var(--primary);
    --nav-link-text-color: var(--primary);
    --nav-link-background-color: rgba(96, 125, 139, 0.2);
    --nav-link-text-color-hover: var(--primary);
    --nav-link-background-color-hover: rgba(96, 125, 139, 0.2);
    --nav-link-border-color: transparent;
    --nav-link-border-color-hover: var(--primary);
    --nav-link-shadow: 1px 1px 2px #232323;
    --nav-link-shadow-hover: 1px 1px 2px #232323;
    --item-text-color: var(--primary);
    --item-text-color-hover: var(--item-text-color);
    --item-group-outer-background: var(--primary);
    --item-group-heading-text-color: var(--item-group-background);
    --item-group-heading-text-color-hover: var(--background);
    --settings-text-color: var(--primary);
    --settings-background: var(--background);
    --config-settings-color: var(--primary);
    --config-settings-background: var(--background-darker);
    --config-code-color: var(--background);
    --config-code-background: var(--white);
    --code-editor-color: var(--black);
    --code-editor-background: var(--white);
    --widget-text-color: var(--primary);
    --widget-background-color: var(--background-darker);
    --widget-accent-color: var(--background);
    --widget-base-background: transparent;
    --interactive-editor-color: var(--primary);
    --interactive-editor-background: var(--background);
    --interactive-editor-background-darker: var(--background-darker);
    --cloud-backup-color: var(--config-settings-color);
    --cloud-backup-background: var(--config-settings-background);
    --search-container-background: var(--background-darker);
    --search-field-background: var(--background);
    --search-label-color: var(--settings-text-color);
    --footer-text-color: var(--medium-grey);
    --footer-text-color-link: var(--primary);
    --footer-background: var(--background-darker);
    --context-menu-background: var(--background);
    --context-menu-color: var(--primary);
    --context-menu-secondary-color: var(--background-darker);
    --side-bar-background: var(--background-darker);
    --side-bar-background-lighter: var(--background);
    --side-bar-color: var(--primary);
    --side-bar-item-background: var(--side-bar-background);
    --side-bar-item-color: var(--side-bar-color);
    --workspace-web-content-background: var(--background);
    --minimal-view-background-color: var(--background);
    --minimal-view-title-color: var(--primary);
    --minimal-view-settings-color: var(--primary);
    --minimal-view-section-heading-color: var(--primary);
    --minimal-view-section-heading-background: var(--background-darker);
    --minimal-view-search-background: var(--background-darker);
    --minimal-view-search-color: var(--primary);
    --minimal-view-group-color: var(--primary);
    --minimal-view-group-background: var(--background-darker);
    --login-form-color: var(--primary);
    --login-form-background: var(--background);
    --login-form-background-secondary: var(--background-darker);
    --about-page-color: var(--white);
    --about-page-background: var(--background);
    --about-page-accent: var(--primary);
    --scroll-bar-color: var(--primary);
    --scroll-bar-background: var(--background-darker);
    --highlight-color: var(--background);
    --highlight-background: var(--primary);
    --progress-bar: var(--primary);
    --loading-screen-color: var(--primary);
    --loading-screen-background: var(--background);
    --status-check-tooltip-background: var(--background-darker);
    --status-check-tooltip-color: var(--primary);
    --welcome-popup-background: var(--background-darker);
    --welcome-popup-text-color: var(--primary);
    --toast-background: var(--primary);
    --toast-color: var(--background);
    --description-tooltip-background: var(--background-darker);
    --description-tooltip-color: var(--primary);
    --outline-color: none;
    --curve-factor: 5px;
    --curve-factor-navbar: 16px;
    --curve-factor-small: 2px;
    --dimming-factor: 0.7;
    --scroll-bar-width: 8px;
    --header-height: 6.3rem;
    --footer-height: 128px;
    --item-group-padding: 5px;
    --item-shadow: 1px 1px 2px #130f23;
    --item-hover-shadow: 1px 2px 4px #373737;
    --item-icon-transform: drop-shadow(2px 4px 6px var(--transparent-50)) saturate(0.95);
    --item-icon-transform-hover: drop-shadow(4px 8px 3px var(--transparent-50)) saturate(2);
    --item-group-shadow: var(--item-shadow);
    --context-menu-shadow: var(--item-shadow);
    --section-max-height: 3000px;
    --settings-container-shadow: none;
    --side-bar-width: 3.5rem;
    --tooltip-arrow-size: 6px;
    --tooltip-width: 250px;
    --tooltip-padding: 0.2rem
}

html[data-theme=callisto] {
    --primary: #00ccb4;
    --item-group-background: #0b1021;
    --item-background: var(--background);
    --item-background-hover: var(--background-darker);
    --item-hover-shadow: 0 1px 3px rgba(0, 204, 180, 0.7019607843137254), 0 1px 2px rgba(0, 204, 180, 0.7490196078431373);
    --font-body: "Inconsolata", "Georgia", sans-serif
}

html[data-theme=callisto],
html[data-theme=thebe] {
    --background: #141b33;
    --background-darker: #060913;
    --font-headings: "PTMono", "Courier New", monospace
}

html[data-theme=thebe] {
    --item-group-background: #0b1021;
    --item-background: #141b33;
    --item-background-hover: var(--background-darker);
    --item-hover-shadow: 0 1px 3px rgba(150, 96, 236, 0.7019607843137254), 0 1px 2px rgba(150, 96, 236, 0.7490196078431373);
    --primary: #b187f5;
    --item-group-outer-background: #9660ec linear-gradient(45deg, #9660ec 2%, #5f60ea 51%, #9660ec)
}

html[data-theme=dracula] {
    --font-headings: "Shrikhand", sans-serif;
    --primary: #98ace9;
    --background: #44475a;
    --background-darker: #282a36;
    --item-group-background: var(--background-darker);
    --item-background: var(--background-darker);
    --item-background-hover: #191b22;
    --item-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9019607843137255);
    --item-hover-shadow: none;
    --settings-text-color: var(--primary);
    --config-settings-color: var(--primary);
    --nav-link-background-color: var(--background);
    --nav-link-border-color: none;
    --nav-link-border-color-hover: none;
    --item-group-outer-background: var(--background-darker);
    --login-form-background: var(--background-darker)
}

html[data-theme=dracula] .item {
    border: 1px solid var(--primary)
}

html[data-theme=dracula] h1,
html[data-theme=dracula] h2,
html[data-theme=dracula] h3 {
    font-weight: 400
}

html[data-theme=dracula] .collapsable,
html[data-theme=dracula] .nav a.nav-item {
    --item-group-heading-text-color: var(--index-color);
    --item-group-heading-text-color-hover: var(--index-color);
    --item-group-shadow: inset 0 2px 1px var(--index-color), 1px 1px 2px rgba(0, 0, 0, 0.8);
    --item-hover-shadow: 0 0 2px var(--index-color);
    --item-text-color-hover: var(--index-color);
    --nav-link-text-color-hover: var(--index-color);
    --nav-link-shadow-hover: inset 0 2px 1px var(--index-color), 1px 1px 2px rgba(0, 0, 0, 0.8)
}

html[data-theme=dracula] .collapsable:nth-child(1n),
html[data-theme=dracula] .nav a.nav-item:nth-child(1n) {
    --index-color: #8be9fd
}

html[data-theme=dracula] .collapsable:nth-child(2n),
html[data-theme=dracula] .nav a.nav-item:nth-child(2n) {
    --index-color: #50fa7b
}

html[data-theme=dracula] .collapsable:nth-child(3n),
html[data-theme=dracula] .nav a.nav-item:nth-child(3n) {
    --index-color: #ffb86c
}

html[data-theme=dracula] .collapsable:nth-child(4n),
html[data-theme=dracula] .nav a.nav-item:nth-child(4n) {
    --index-color: #ff79c6
}

html[data-theme=dracula] .collapsable:nth-child(5n),
html[data-theme=dracula] .nav a.nav-item:nth-child(5n) {
    --index-color: #bd93f9
}

html[data-theme=dracula] .collapsable .item:hover,
html[data-theme=dracula] .nav a.nav-item .item:hover {
    border-color: var(--index-color)
}

html[data-theme=crayola] {
    --primary: #7fd8e7;
    --background: #191d2e;
    --background-darker: #070912;
    --font-headings: "Sniglet", cursive;
    --curve-factor: 8px;
    --nav-link-border-color-hover: transparent
}

html[data-theme=crayola] .collapsable,
html[data-theme=crayola] .nav a.nav-item {
    --item-group-outer-background: var(--index-color);
    --item-text-color: var(--index-color);
    --widget-text-color: var(--index-color);
    --primary: var(--index-color);
    --item-group-shadow: inset 0 2px 1px var(--index-color), 1px 1px 2px rgba(0, 0, 0, 0.8);
    --item-hover-shadow: 0 0 2px var(--index-color);
    --item-text-color-hover: var(--index-color);
    --nav-link-text-color-hover: var(--index-color);
    --nav-link-shadow-hover: inset 0 2px 1px var(--index-color), 1px 1px 2px rgba(0, 0, 0, 0.8)
}

html[data-theme=crayola] .collapsable:nth-child(1n),
html[data-theme=crayola] .nav a.nav-item:nth-child(1n) {
    --index-color: #9b5de5
}

html[data-theme=crayola] .collapsable:nth-child(2n),
html[data-theme=crayola] .nav a.nav-item:nth-child(2n) {
    --index-color: #f15bb5
}

html[data-theme=crayola] .collapsable:nth-child(3n),
html[data-theme=crayola] .nav a.nav-item:nth-child(3n) {
    --index-color: #fee440
}

html[data-theme=crayola] .collapsable:nth-child(4n),
html[data-theme=crayola] .nav a.nav-item:nth-child(4n) {
    --index-color: #00bbf9
}

html[data-theme=crayola] .collapsable:nth-child(5n),
html[data-theme=crayola] .nav a.nav-item:nth-child(5n) {
    --index-color: #00f5d4
}

html[data-theme=crayola] .collapsable .item:hover,
html[data-theme=crayola] .nav a.nav-item .item:hover {
    background: var(--index-color);
    color: var(--background)
}

html[data-theme=bee] {
    --primary: #c3eb5c
}

html[data-theme=bee],
html[data-theme=raspberry-jam] {
    --background: #0b1021;
    --item-background: #1c2636;
    --item-group-background: var(--background);
    --nav-link-background-color: var(--background);
    --font-headings: "Sniglet", cursive
}

html[data-theme=raspberry-jam] {
    --primary: #eb2d6c;
    --config-code-background: #1c1e24;
    --config-code-color: var(--primary)
}

html[data-theme=tiger] {
    --primary: #f58233;
    --background: #0b1021;
    --item-background: #1c2636;
    --item-group-background: var(--background);
    --nav-link-background-color: var(--background);
    --font-headings: "Sniglet", cursive
}

html[data-theme=matrix-red] {
    --primary: red;
    --curve-factor: 0
}

html[data-theme=matrix-red],
html[data-theme=matrix] {
    --background: var(--black);
    --background-darker: var(--black);
    --outline-color: var(--primary);
    --font-body: "Cutive Mono", monospace;
    --font-headings: "VT323", monospace
}

html[data-theme=matrix] {
    --primary: #2bca2b;
    --curve-factor: 0px;
    --about-page-background: var(--background);
    --context-menu-secondary-color: var(--primary)
}

html[data-theme=matrix] .prism-editor-wrapper.my-editor {
    border: 1px solid var(--primary)
}

html[data-theme=matrix] div.context-menu ul li:hover {
    color: var(--background)
}

html[data-theme=blue-purple] {
    --primary: #54dbf8;
    --background: #e5e8f5;
    --background-darker: #5346f3;
    --font-headings: "Sniglet", cursive;
    --dimming-factor: 0.8;
    --curve-factor: 6px;
    --settings-text-color: var(--background-darker);
    --item-text-color: var(--background-darker);
    --item-background: var(--white);
    --item-background-hover: var(--primary);
    --item-group-heading-text-color: var(--background-darker);
    --item-group-background: var(--background);
    --footer-text-color: var(--white);
    --context-menu-background: var(--white);
    --context-menu-color: var(--background-darker);
    --context-menu-secondary-color: var(--primary)
}

html[data-theme=blue-purple] .item {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid var(--background-darker)
}

html[data-theme=blue-purple] section.filter-container form label {
    color: var(--primary)
}

html[data-theme=blue-purple] footer {
    color: var(--white)
}

html[data-theme=hacker-girl] {
    --background: var(--black);
    --background-darker: var(--black);
    --primary: #e435f1;
    --outline-color: var(--primary);
    --curve-factor: 0px;
    --font-body: "Cutive Mono", monospace;
    --font-headings: "VT323", monospace
}

html[data-theme=high-contrast-light] {
    --primary: var(--black);
    --background: var(--white);
    --background-darker: var(--white);
    --config-code-color: var(--primary)
}

html[data-theme=high-contrast-dark],
html[data-theme=high-contrast-light] {
    --item-group-background: var(--background-darker);
    --item-background: var(--background);
    --outline-color: var(--primary);
    --curve-factor: 0px;
    --font-headings: "PTMono", "Courier New", monospace
}

html[data-theme=high-contrast-dark] {
    --primary: var(--white);
    --background: var(--black);
    --background-darker: var(--black)
}

html[data-theme=nord] {
    --primary: #d8dee9;
    --background: #3b4252;
    --background-darker: #2e3440;
    --item-background: #434c5e;
    --item-background-hover: #4c566a
}

html[data-theme=nord] .collapsable:nth-child(1n) {
    background: #bf616a
}

html[data-theme=nord] .collapsable:nth-child(2n) {
    background: #d08770
}

html[data-theme=nord] .collapsable:nth-child(3n) {
    background: #ebcb8b
}

html[data-theme=nord] .collapsable:nth-child(4n) {
    background: #a3be8c
}

html[data-theme=argon],
html[data-theme=basic],
html[data-theme=deep-ocean],
html[data-theme=fallout],
html[data-theme=whimsy] {
    --primary: #aabbc3;
    --secondary: #aabbc3;
    --item-background: none;
    --outline-color: none;
    --item-shadow: none;
    --item-hover-shadow: 2px 3px 5px var(--background-darker);
    --item-text-color-hover: var(--secondary);
    --item-group-background: none;
    --item-group-outer-background: none;
    --item-group-heading-text-color: var(--primary);
    --item-group-heading-text-color-hover: var(--secondary);
    --nav-link-shadow: none;
    --nav-link-border-color: transparent;
    --nav-link-background-color: none;
    --nav-link-shadow-hover: none;
    --nav-link-border-color-hover: var(--secondary);
    --nav-link-background-color-hover: none;
    --font-body: "Roboto", serif;
    --curve-factor-navbar: 10px
}

html[data-theme=argon] .tile-title p.description,
html[data-theme=basic] .tile-title p.description,
html[data-theme=deep-ocean] .tile-title p.description,
html[data-theme=fallout] .tile-title p.description,
html[data-theme=whimsy] .tile-title p.description {
    color: var(--secondary)
}

html[data-theme=argon] section.settings-outer .options-container,
html[data-theme=basic] section.settings-outer .options-container,
html[data-theme=deep-ocean] section.settings-outer .options-container,
html[data-theme=fallout] section.settings-outer .options-container,
html[data-theme=whimsy] section.settings-outer .options-container {
    border-top: var(--accent-line-width, 1px) solid var(--secondary)
}

html[data-theme=argon] section.settings-outer form.normal,
html[data-theme=basic] section.settings-outer form.normal,
html[data-theme=deep-ocean] section.settings-outer form.normal,
html[data-theme=fallout] section.settings-outer form.normal,
html[data-theme=whimsy] section.settings-outer form.normal {
    border-bottom: var(--accent-line-width, 1px) solid var(--secondary);
    border-right: var(--accent-line-width, 1px) solid var(--secondary);
    margin-top: .5rem
}

html[data-theme=argon] .orientation-horizontal .collapsable,
html[data-theme=basic] .orientation-horizontal .collapsable,
html[data-theme=deep-ocean] .orientation-horizontal .collapsable,
html[data-theme=fallout] .orientation-horizontal .collapsable,
html[data-theme=whimsy] .orientation-horizontal .collapsable {
    border-radius: 1px
}

html[data-theme=argon] .orientation-horizontal .collapsable:not(:last-child),
html[data-theme=basic] .orientation-horizontal .collapsable:not(:last-child),
html[data-theme=deep-ocean] .orientation-horizontal .collapsable:not(:last-child),
html[data-theme=fallout] .orientation-horizontal .collapsable:not(:last-child),
html[data-theme=whimsy] .orientation-horizontal .collapsable:not(:last-child) {
    border-bottom: var(--accent-line-width, 1px) solid var(--secondary)
}

html[data-theme=argon] .orientation-vertical .collapsable,
html[data-theme=basic] .orientation-vertical .collapsable,
html[data-theme=deep-ocean] .orientation-vertical .collapsable,
html[data-theme=fallout] .orientation-vertical .collapsable,
html[data-theme=whimsy] .orientation-vertical .collapsable {
    border-radius: 1px
}

html[data-theme=argon] .orientation-vertical .collapsable:not(:last-child),
html[data-theme=basic] .orientation-vertical .collapsable:not(:last-child),
html[data-theme=deep-ocean] .orientation-vertical .collapsable:not(:last-child),
html[data-theme=fallout] .orientation-vertical .collapsable:not(:last-child),
html[data-theme=whimsy] .orientation-vertical .collapsable:not(:last-child) {
    border-right: var(--accent-line-width, 1px) solid var(--secondary)
}

html[data-theme=argon] .orientation-auto .collapsable .collapsible-content,
html[data-theme=basic] .orientation-auto .collapsable .collapsible-content,
html[data-theme=deep-ocean] .orientation-auto .collapsable .collapsible-content,
html[data-theme=fallout] .orientation-auto .collapsable .collapsible-content,
html[data-theme=whimsy] .orientation-auto .collapsable .collapsible-content {
    border-top: var(--accent-line-width, 1px) solid var(--secondary)
}

html[data-theme=fallout] {
    --primary: #aabbc3;
    --background: #263238;
    --background-darker: #1f282c;
    --secondary: rgba(173, 233, 0, 0.8)
}

html[data-theme=whimsy] {
    --primary: #aabbc3;
    --background: #232138;
    --background-darker: #161529;
    --secondary: #ed597c;
    --item-background-hover: #49476d;
    --accent-line-width: 2px;
    --curve-factor: 4px
}

html[data-theme=deep-ocean] {
    --primary: #aabbc3;
    --background: #151e2d;
    --background-darker: #151c29;
    --secondary: rgba(74, 252, 255, 0.7019607843137254);
    --item-background-hover: rgba(74, 252, 255, 0.25098039215686274);
    --accent-line-width: 1px;
    --curve-factor: 4px
}

html[data-theme=deep-ocean] .home,
html[data-theme=deep-ocean] .options-container {
    background-color: #151e2d;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%231a3f57' fill-opacity='.18' fill-rule='evenodd'/%3E%3C/svg%3E")
}

html[data-theme=argon] {
    --primary: #aabbc3;
    --background: #15131f;
    --background-darker: #0c0a11;
    --nav-link-border-color-hover: transparent
}

html[data-theme=argon] .collapsable,
html[data-theme=argon] .nav a.nav-item {
    --secondary: var(--index-color);
    --item-group-heading-text-color: var(--index-color);
    --widget-text-color: var(--index-color);
    --primary: var(--index-color);
    --item-text-color-hover: var(--index-color);
    --nav-link-text-color-hover: var(--index-color);
    --nav-link-shadow-hover: inset 0 2px 1px var(--index-color), 1px 1px 2px rgba(0, 0, 0, 0.8)
}

html[data-theme=argon] .collapsable:nth-child(1n),
html[data-theme=argon] .nav a.nav-item:nth-child(1n) {
    --index-color: #fd7293
}

html[data-theme=argon] .collapsable:nth-child(2n),
html[data-theme=argon] .nav a.nav-item:nth-child(2n) {
    --index-color: #2af9ae
}

html[data-theme=argon] .collapsable:nth-child(3n),
html[data-theme=argon] .nav a.nav-item:nth-child(3n) {
    --index-color: #fff874
}

html[data-theme=argon] .collapsable:nth-child(4n),
html[data-theme=argon] .nav a.nav-item:nth-child(4n) {
    --index-color: #21c0fc
}

html[data-theme=argon] .collapsable:nth-child(5n),
html[data-theme=argon] .nav a.nav-item:nth-child(5n) {
    --index-color: #dd98fb
}

html[data-theme=argon] .collapsable:nth-child(6n),
html[data-theme=argon] .nav a.nav-item:nth-child(6n) {
    --index-color: #89ccfc
}

html[data-theme=argon] .collapsable .item:hover,
html[data-theme=argon] .nav a.nav-item .item:hover {
    background: var(--index-color);
    color: var(--background)
}

html[data-theme=argon] .collapsable .item:hover p.description,
html[data-theme=argon] .nav a.nav-item .item:hover p.description {
    color: var(--background)
}

html[data-theme=nord-frost] {
    --primary: #d8dee9;
    --background: #3b4252;
    --background-darker: #2e3440;
    --item-background: #434c5e;
    --item-background-hover: #4c566a
}

html[data-theme=nord-frost] .collapsable:nth-child(1n) {
    background: #8fbcbb
}

html[data-theme=nord-frost] .collapsable:nth-child(2n) {
    background: #88c0d0
}

html[data-theme=nord-frost] .collapsable:nth-child(3n) {
    background: #81a1c1
}

html[data-theme=nord-frost] .collapsable:nth-child(4n) {
    background: #5e81ac
}

html[data-theme=material-original] {
    --font-body: "Roboto", serif;
    --primary: #29b6f6;
    --background: #f1f1f1;
    --background-darker: #01579b;
    --black: #555;
    --settings-text-color: var(--background-darker);
    --item-group-heading-text-color: var(--black);
    --item-group-shadow: none;
    --item-group-outer-background: none;
    --item-group-background: none;
    --item-background: var(--white);
    --item-background-hover: var(--white);
    --settings-background: var(--primary);
    --search-container-background: var(--primary);
    --curve-factor: 2px;
    --curve-factor-navbar: 0;
    --item-group-padding: 5px 0 0;
    --item-text-color: var(--black);
    --item-shadow: 0 1px 3px rgba(0, 0, 0, 0.12156862745098039), 0 1px 2px rgba(0, 0, 0, 0.23921568627450981);
    --item-hover-shadow: 0 1px 4px rgba(0, 0, 0, 0.1607843137254902), 0 2px 4px rgba(0, 0, 0, 0.16470588235294117);
    --item-icon-transform: drop-shadow(1px 2px 1px var(--transparent-30)) saturate(0.65);
    --item-icon-transform-hover: drop-shadow(1px 3px 2px var(--transparent-30)) saturate(2);
    --settings-container-shadow: 0 1px 3px rgba(0, 0, 0, 0.3686274509803922), 0 1px 2px rgba(0, 0, 0, 0.5215686274509804);
    --welcome-popup-background: var(--background-darker);
    --welcome-popup-text-color: #fff;
    --config-code-color: var(--black);
    --item-group-heading-text-color-hover: var(--background-darker);
    --config-settings-background: var(--background-darker);
    --config-settings-color: var(--white);
    --interactive-editor-background: var(--background-darker);
    --interactive-editor-color: var(--white);
    --interactive-editor-background-darker: var(--primary);
    --heading-text-color: var(--white);
    --status-check-tooltip-background: #f2f2f2;
    --status-check-tooltip-color: var(--background-darker);
    --description-tooltip-background: #f2f2f2;
    --description-tooltip-color: var(--background-darker);
    --login-form-background: var(--white);
    --about-page-accent: var(--black);
    --about-page-color: var(--background-darker);
    --about-page-background: var(--background);
    --context-menu-background: var(--white);
    --context-menu-secondary-color: var(--white);
    --widget-text-color: var(--black);
    --minimal-view-section-heading-background: var(--white);
    --minimal-view-search-background: var(--white);
    --minimal-view-search-color: var(--background-darker);
    --minimal-view-group-background: #e3e3e3
}

html[data-theme=material-original] div.context-menu ul li:hover {
    background: var(--primary);
    color: var(--white)
}

html[data-theme=material-original] .widget-base {
    background: #f5f5f5;
    -webkit-box-shadow: var(--item-shadow);
    box-shadow: var(--item-shadow);
    padding: .5rem;
    margin: .25rem 0
}

html[data-theme=material-original] .minimal-widget-wrap .widget-base {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

html[data-theme=material-dark-original] {
    --primary: #08b0bb;
    --background: #39434c;
    --background-darker: var(--primary);
    --material-dark: #1b252c;
    --material-light: #41e2ed;
    --settings-text-color: var(--primary);
    --settings-background: #092b3a;
    --item-group-background: #333c43;
    --item-background: #414b55;
    --item-background-hover: #414b55;
    --settings-background: var(--material-dark);
    --search-container-background: var(--material-dark);
    --search-field-background: var(--background);
    --heading-text-color: var(--material-dark);
    --nav-link-text-color: var(--primary);
    --nav-link-background-color: var(--material-dark);
    --nav-link-text-color-hover: var(--primary);
    --nav-link-background-color-hover: var(--material-dark);
    --nav-link-border-color-hover: transparent;
    --curve-factor: 2px;
    --curve-factor-navbar: 0;
    --item-group-padding: 5px 0 0;
    --item-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5098039215686274), 0 1px 10px rgba(0, 0, 0, 0.25098039215686274);
    --item-hover-shadow: 4px 4px 3px rgba(0, 0, 0, 0.5098039215686274), 0 1px 10px rgba(0, 0, 0, 0.25098039215686274);
    --item-icon-transform: drop-shadow(1px 2px 1px var(--transparent-30)) saturate(0.65);
    --item-icon-transform-hover: drop-shadow(1px 3px 2px var(--transparent-30)) saturate(2);
    --welcome-popup-background: var(--material-dark);
    --welcome-popup-text-color: var(--primary);
    --config-settings-background: var(--material-dark);
    --config-settings-color: var(--material-light);
    --interactive-editor-color: var(--material-light);
    --interactive-editor-background: var(--material-dark);
    --interactive-editor-background-darker: var(--material-dark);
    --scroll-bar-color: var(--primary);
    --scroll-bar-background: var(--material-dark);
    --status-check-tooltip-background: var(--material-dark);
    --status-check-tooltip-color: var(--primary);
    --description-tooltip-background: var(--material-dark);
    --description-tooltip-color: var(--primary);
    --widget-text-color: var(--white);
    --minimal-view-section-heading-background: var(--material-dark);
    --minimal-view-search-background: var(--material-dark);
    --minimal-view-search-color: var(--background-darker);
    --minimal-view-group-background: var(--material-dark)
}

html[data-theme=material-dark-original]::-webkit-scrollbar-thumb {
    border-left: 1px solid var(--material-dark)
}

html[data-theme=material-dark-original] div.context-menu {
    border: none;
    background: var(--material-dark)
}

html[data-theme=material-dark-original] div.context-menu ul li:hover {
    background: #333c43
}

html[data-theme=material-dark-original] .minimal-section-inner.selected,
html[data-theme=material-dark-original] div.minimal-section-heading,
html[data-theme=material-dark-original] input.minimal-search {
    -webkit-box-shadow: 2px 2px 4px #000, 0 1px 3px rgba(0, 0, 0, .8);
    box-shadow: 2px 2px 4px #000, 0 1px 3px rgba(0, 0, 0, .8)
}

html[data-theme=material-dark-original] .minimal-section-inner.selected {
    border-top: none
}

html[data-theme=colorful] {
    --font-headings: "Podkova", monospace;
    --primary: #e8eae1;
    --background: #0b1021;
    --background-darker: #05070e;
    --item-background: var(--background-darker);
    --item-background-hover: var(--background);
    --item-group-background: transparent;
    --item-group-outer-background: var(--background-darker);
    --item-group-heading-text-color: var(--primary);
    --item-group-heading-text-color-hover: var(--primary);
    --item-hover-shadow: 1px 4px 6px var(--black);
    --nav-link-background-color: var(--background);
    --outline-color: none
}

html[data-theme=colorful] .item-wrapper:nth-child(1n) .item,
html[data-theme=colorful] .sub-item-wrapper:nth-child(1n) .item {
    --current-color: #eb5cad
}

html[data-theme=colorful] .item-wrapper:nth-child(2n) .item,
html[data-theme=colorful] .sub-item-wrapper:nth-child(2n) .item {
    --current-color: #985ceb
}

html[data-theme=colorful] .item-wrapper:nth-child(3n) .item,
html[data-theme=colorful] .sub-item-wrapper:nth-child(3n) .item {
    --current-color: #5c90eb
}

html[data-theme=colorful] .item-wrapper:nth-child(4n) .item,
html[data-theme=colorful] .sub-item-wrapper:nth-child(4n) .item {
    --current-color: #5cdfeb
}

html[data-theme=colorful] .item-wrapper:nth-child(5n) .item,
html[data-theme=colorful] .sub-item-wrapper:nth-child(5n) .item {
    --current-color: #5ceb8d
}

html[data-theme=colorful] .item-wrapper:nth-child(6n) .item,
html[data-theme=colorful] .sub-item-wrapper:nth-child(6n) .item {
    --current-color: #afeb5c
}

html[data-theme=colorful] .item-wrapper:nth-child(7n) .item,
html[data-theme=colorful] .sub-item-wrapper:nth-child(7n) .item {
    --current-color: #ebb75c
}

html[data-theme=colorful] .item-wrapper:nth-child(8n) .item,
html[data-theme=colorful] .sub-item-wrapper:nth-child(8n) .item {
    --current-color: #eb615c
}

html[data-theme=colorful] .item-wrapper .item,
html[data-theme=colorful] .sub-item-wrapper .item {
    color: var(--current-color);
    border: 1px solid var(--current-color)
}

html[data-theme=colorful] .item-wrapper .item:focus,
html[data-theme=colorful] .item-wrapper .item:hover,
html[data-theme=colorful] .sub-item-wrapper .item:focus,
html[data-theme=colorful] .sub-item-wrapper .item:hover {
    opacity: .85;
    outline: none;
    background: currentColor
}

html[data-theme=colorful] .item-wrapper .item:focus p.description,
html[data-theme=colorful] .item-wrapper .item:focus span.text,
html[data-theme=colorful] .item-wrapper .item:hover p.description,
html[data-theme=colorful] .item-wrapper .item:hover span.text,
html[data-theme=colorful] .sub-item-wrapper .item:focus p.description,
html[data-theme=colorful] .sub-item-wrapper .item:focus span.text,
html[data-theme=colorful] .sub-item-wrapper .item:hover p.description,
html[data-theme=colorful] .sub-item-wrapper .item:hover span.text {
    color: var(--background-darker)
}

html[data-theme=colorful] .item-wrapper .item:focus i.fab,
html[data-theme=colorful] .item-wrapper .item:focus i.fad,
html[data-theme=colorful] .item-wrapper .item:focus i.fal,
html[data-theme=colorful] .item-wrapper .item:focus i.far,
html[data-theme=colorful] .item-wrapper .item:focus i.fas,
html[data-theme=colorful] .item-wrapper .item:hover i.fab,
html[data-theme=colorful] .item-wrapper .item:hover i.fad,
html[data-theme=colorful] .item-wrapper .item:hover i.fal,
html[data-theme=colorful] .item-wrapper .item:hover i.far,
html[data-theme=colorful] .item-wrapper .item:hover i.fas,
html[data-theme=colorful] .sub-item-wrapper .item:focus i.fab,
html[data-theme=colorful] .sub-item-wrapper .item:focus i.fad,
html[data-theme=colorful] .sub-item-wrapper .item:focus i.fal,
html[data-theme=colorful] .sub-item-wrapper .item:focus i.far,
html[data-theme=colorful] .sub-item-wrapper .item:focus i.fas,
html[data-theme=colorful] .sub-item-wrapper .item:hover i.fab,
html[data-theme=colorful] .sub-item-wrapper .item:hover i.fad,
html[data-theme=colorful] .sub-item-wrapper .item:hover i.fal,
html[data-theme=colorful] .sub-item-wrapper .item:hover i.far,
html[data-theme=colorful] .sub-item-wrapper .item:hover i.fas {
    -webkit-filter: drop-shadow(1px 3px 2px var(--transparent-50));
    filter: drop-shadow(1px 3px 2px var(--transparent-50));
    color: var(--background-darker)
}

html[data-theme=colorful] .item-wrapper .item:focus svg path,
html[data-theme=colorful] .item-wrapper .item:hover svg path,
html[data-theme=colorful] .sub-item-wrapper .item:focus svg path,
html[data-theme=colorful] .sub-item-wrapper .item:hover svg path {
    fill: var(--background-darker)
}

html[data-theme=colorful] h1,
html[data-theme=colorful] h2,
html[data-theme=colorful] h3,
html[data-theme=colorful] h4 {
    font-weight: 400
}

html[data-theme=colorful] div.context-menu {
    border-color: var(--primary)
}

html[data-theme=minimal-dark],
html[data-theme=minimal-light],
html[data-theme=vaporware] {
    --font-body: "Courier New", monospace;
    --font-headings: "Courier New", monospace;
    --footer-height: 94px
}

html[data-theme=minimal-dark] .item.size-medium .tile-title,
html[data-theme=minimal-light] .item.size-medium .tile-title,
html[data-theme=vaporware] .item.size-medium .tile-title {
    max-width: 100px
}

html[data-theme=minimal-dark] label.lbl-toggle h3,
html[data-theme=minimal-light] label.lbl-toggle h3,
html[data-theme=vaporware] label.lbl-toggle h3 {
    font-size: 1.5rem
}

html[data-theme=minimal-dark] .tile-title span.text,
html[data-theme=minimal-light] .tile-title span.text,
html[data-theme=vaporware] .tile-title span.text {
    font-size: 1.1rem;
    font-weight: 700
}

html[data-theme=minimal-dark] header,
html[data-theme=minimal-light] header,
html[data-theme=vaporware] header {
    padding: .1rem .5rem
}

html[data-theme=minimal-dark] header .page-titles h1,
html[data-theme=minimal-light] header .page-titles h1,
html[data-theme=vaporware] header .page-titles h1 {
    font-size: 1.25rem
}

html[data-theme=minimal-dark] header .page-titles span.subtitle,
html[data-theme=minimal-light] header .page-titles span.subtitle,
html[data-theme=vaporware] header .page-titles span.subtitle {
    font-size: .8rem
}

html[data-theme=minimal-dark] header .nav .nav-item,
html[data-theme=minimal-light] header .nav .nav-item,
html[data-theme=vaporware] header .nav .nav-item {
    padding: .2rem .4rem;
    -webkit-box-shadow: none;
    box-shadow: none
}

html[data-theme=minimal-dark] .item-group-container.orientation-horizontal .collapsable,
html[data-theme=minimal-light] .item-group-container.orientation-horizontal .collapsable,
html[data-theme=vaporware] .item-group-container.orientation-horizontal .collapsable {
    border-bottom: 1px dashed hsla(0, 0%, 100%, .2196078431);
    border-radius: 0
}

html[data-theme=minimal-dark] .widget-base,
html[data-theme=minimal-light] .widget-base,
html[data-theme=vaporware] .widget-base {
    background: var(--background-darker);
    padding: 1rem .5rem;
    margin: .5rem 0
}

html[data-theme=minimal-dark] .minimal-widget-wrap .widget-base,
html[data-theme=minimal-light] .minimal-widget-wrap .widget-base,
html[data-theme=vaporware] .minimal-widget-wrap .widget-base {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

html[data-theme=material-dark],
html[data-theme=material] {
    --font-body: "Raleway", serif;
    --font-headings: "Francois One", serif;
    --footer-height: 140px;
    --curve-factor: 4px;
    --curve-factor-navbar: 8px;
    --about-page-background: var(--background);
    --about-page-color: var(--primary)
}

html[data-theme=material-dark] .collapsable,
html[data-theme=material] .collapsable {
    margin: 0;
    padding: 0
}

html[data-theme=material-dark] .item-wrapper .item:not(.size-small),
html[data-theme=material] .item-wrapper .item:not(.size-small) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: left;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 15rem;
    min-width: 15rem;
    max-height: 6rem;
    margin: .2rem;
    padding: .5rem
}

html[data-theme=material-dark] .item-wrapper .item:not(.size-small) img,
html[data-theme=material] .item-wrapper .item:not(.size-small) img {
    padding: .1rem .25rem
}

html[data-theme=material-dark] .item-wrapper .item:not(.size-small) .tile-title,
html[data-theme=material] .item-wrapper .item:not(.size-small) .tile-title {
    height: auto;
    padding: .1rem .25rem
}

html[data-theme=material-dark] .item-wrapper .item:not(.size-small) .tile-title span.text,
html[data-theme=material] .item-wrapper .item:not(.size-small) .tile-title span.text {
    position: relative;
    font-weight: 700;
    font-size: 1.1rem;
    width: 100%
}

html[data-theme=material-dark] .item-wrapper .item:not(.size-small) .tile-title p.description,
html[data-theme=material] .item-wrapper .item:not(.size-small) .tile-title p.description {
    display: block;
    margin: 0;
    white-space: pre-wrap;
    font-size: .9em;
    text-overflow: ellipsis;
    min-height: 2rem
}

html[data-theme=material-dark] .item-wrapper.add-new-item,
html[data-theme=material] .item-wrapper.add-new-item {
    -webkit-box-flex: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit
}

html[data-theme=material-dark] .add-new-item a,
html[data-theme=material] .add-new-item a {
    -webkit-box-flex: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
    -ms-flex-preferred-size: inherit;
    flex-basis: inherit
}

html[data-theme=material-dark] .tooltip.item-description-tooltip:not(.tooltip-is-small),
html[data-theme=material] .tooltip.item-description-tooltip:not(.tooltip-is-small) {
    display: none !important
}

html[data-theme=material-dark] .orientation-horizontal:not(.single-section-view),
html[data-theme=material] .orientation-horizontal:not(.single-section-view) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

html[data-theme=material-dark] .orientation-horizontal:not(.single-section-view) .there-are-items,
html[data-theme=material] .orientation-horizontal:not(.single-section-view) .there-are-items {
    display: grid;
    grid-template-columns: repeat(5, 1fr)
}

@media(max-width:599px) {

    html[data-theme=material-dark] .orientation-horizontal:not(.single-section-view) .there-are-items,
    html[data-theme=material] .orientation-horizontal:not(.single-section-view) .there-are-items {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media(min-width:600px)and (max-width:779px) {

    html[data-theme=material-dark] .orientation-horizontal:not(.single-section-view) .there-are-items,
    html[data-theme=material] .orientation-horizontal:not(.single-section-view) .there-are-items {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(min-width:780px)and (max-width:1149px) {

    html[data-theme=material-dark] .orientation-horizontal:not(.single-section-view) .there-are-items,
    html[data-theme=material] .orientation-horizontal:not(.single-section-view) .there-are-items {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(min-width:1150px)and (max-width:1779px) {

    html[data-theme=material-dark] .orientation-horizontal:not(.single-section-view) .there-are-items,
    html[data-theme=material] .orientation-horizontal:not(.single-section-view) .there-are-items {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(min-width:1780px) {

    html[data-theme=material-dark] .orientation-horizontal:not(.single-section-view) .there-are-items,
    html[data-theme=material] .orientation-horizontal:not(.single-section-view) .there-are-items {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media(min-width:2800px) {

    html[data-theme=material-dark] .orientation-horizontal:not(.single-section-view) .there-are-items,
    html[data-theme=material] .orientation-horizontal:not(.single-section-view) .there-are-items {
        grid-template-columns: repeat(6, 1fr)
    }
}

html[data-theme=material-dark] .orientation-horizontal:not(.single-section-view) .there-are-items .item-wrapper .item,
html[data-theme=material] .orientation-horizontal:not(.single-section-view) .there-are-items .item-wrapper .item {
    width: auto;
    min-width: auto;
    max-height: auto
}

html[data-theme=material-dark] a.item,
html[data-theme=material] a.item {
    position: relative;
    overflow: hidden;
    -webkit-transition: all .2s linear 0s;
    transition: all .2s linear 0s
}

html[data-theme=material-dark] a.item div,
html[data-theme=material] a.item div {
    -webkit-transition: all .2s linear 0s;
    transition: all .2s linear 0s
}

html[data-theme=material-dark] a.item .overflow-dots,
html[data-theme=material] a.item .overflow-dots {
    display: none
}

html[data-theme=material-dark] a.item:before,
html[data-theme=material] a.item:before {
    content: "";
    font-family: FontAwesome;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1rem;
    background: rgba(204, 211, 221, .5019607843);
    border-radius: 0 60% 60% 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
    padding: 0 .2rem
}

html[data-theme=material-dark] a.item:focus-within div.bounce,
html[data-theme=material-dark] a.item:hover div.bounce,
html[data-theme=material] a.item:focus-within div.bounce,
html[data-theme=material] a.item:hover div.bounce {
    text-indent: 1rem
}

html[data-theme=material-dark] a.item:focus-within:before,
html[data-theme=material-dark] a.item:hover:before,
html[data-theme=material] a.item:focus-within:before,
html[data-theme=material] a.item:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    text-indent: 0
}

html[data-theme=material-dark] a.item:focus-within .opening-method-icon,
html[data-theme=material-dark] a.item:hover .opening-method-icon,
html[data-theme=material] a.item:focus-within .opening-method-icon,
html[data-theme=material] a.item:hover .opening-method-icon {
    display: none
}

html[data-theme=material-dark] a.item:active,
html[data-theme=material] a.item:active {
    background: hsla(0, 0%, 78%, .3294117647)
}

html[data-theme=material-dark] a.item.size-small,
html[data-theme=material] a.item.size-small {
    padding-left: .5rem;
    min-width: 11rem
}

html[data-theme=material-dark] a.item.short:not(.size-large),
html[data-theme=material] a.item.short:not(.size-large) {
    min-height: 2rem;
    height: auto
}

html[data-theme=material] {
    --primary: #363636;
    --background: #eee;
    --white2: #f5f5f5;
    --grey2: #473f3f;
    --background-darker: #4285f4;
    --background-darker2: #0c4eba;
    --item-group-outer-background: none;
    --item-group-shadow: none;
    --item-group-background: none;
    --item-background: var(--white);
    --item-background-hover: var(--white);
    --item-shadow: 0 1px 3px rgba(0, 0, 0, 0.12156862745098039), 0 1px 2px rgba(0, 0, 0, 0.23921568627450981);
    --item-hover-shadow: 0 1px 4px rgba(0, 0, 0, 0.1607843137254902), 0 2px 4px rgba(0, 0, 0, 0.16470588235294117);
    --item-text-color: var(--primary);
    --item-group-heading-text-color-hover: var(--primary);
    --item-icon-transform-hover: none;
    --nav-link-background-color: var(--background-darker2);
    --nav-link-text-color: var(--white);
    --nav-link-border-color: var(--background-darker2);
    --settings-text-color: var(--primary);
    --config-code-color: var(--primary);
    --config-settings-background: var(--white2);
    --config-settings-color: var(--grey2);
    --interactive-editor-color: var(--grey2);
    --interactive-editor-background: var(--white2);
    --interactive-editor-background-darker: var(--white);
    --heading-text-color: var(--white);
    --curve-factor: 3px;
    --curve-factor-navbar: 8px;
    --search-container-background: var(--background-darker);
    --welcome-popup-text-color: var(--white2);
    --footer-text-color: var(--white2);
    --context-menu-background: var(--white);
    --context-menu-secondary-color: var(--white2);
    --transparent-white-50: rgba(0, 0, 0, 0.5019607843137255);
    --status-check-tooltip-background: var(--white);
    --description-tooltip-background: var(--white);
    --description-tooltip-color: var(--grey2);
    --side-bar-background-lighter: var(--background-darker2);
    --side-bar-item-background: var(--white2);
    --minimal-view-background-color: var(--background);
    --minimal-view-title-color: var(--background-darker);
    --minimal-view-settings-color: var(--primary);
    --minimal-view-section-heading-color: var(--primary);
    --minimal-view-section-heading-background: #f6f6f6;
    --minimal-view-search-background: var(--white);
    --minimal-view-search-color: var(--primary);
    --minimal-view-group-color: var(--primary);
    --minimal-view-group-background: var(--white);
    --widget-background-color: var(--background);
    --warning: #d4d015
}

html[data-theme=material] .minimal-section-inner.selected,
html[data-theme=material] div.minimal-section-heading {
    border: none
}

html[data-theme=material] .minimal-section-inner.selected,
html[data-theme=material] .title-and-search form input,
html[data-theme=material] div.minimal-section-heading {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

html[data-theme=material] div.minimal-section-heading.selected {
    background: var(--background-darker)
}

html[data-theme=material] div.jsoneditor div.jsoneditor-menu {
    background: var(--background-darker) !important
}

html[data-theme=material] header {
    color: var(--primary)
}

html[data-theme=material] header .page-titles span.subtitle {
    text-shadow: none
}

html[data-theme=material] footer {
    opacity: 1;
    color: var(--white)
}

html[data-theme=material] section.filter-container form label {
    color: var(--white)
}

html[data-theme=material] .prism-editor-wrapper {
    background: var(--white2)
}

html[data-theme=material] .item:focus {
    outline-color: var(--background-darker)
}

html[data-theme=material] .widget-base {
    background: var(--white2);
    -webkit-box-shadow: var(--item-shadow);
    box-shadow: var(--item-shadow);
    padding: .5rem;
    margin: .25rem 0
}

html[data-theme=material] .minimal-widget-wrap .widget-base {
    -webkit-box-shadow: none;
    box-shadow: none
}

html[data-theme=material-dark] {
    --primary: #08b0bb;
    --background: #313941;
    --background-darker: #08b0bb;
    --settings-background: #092b3a;
    --settings-text-color: #08b0bb;
    --widget-text-color: #e0e0e0;
    --widget-accent-color: var(--primary);
    --item-group-background: none;
    --item-group-outer-background: none;
    --item-group-shadow: none;
    --item-group-padding: 5px 0 0;
    --item-group-heading-text-color: #e0e0e0;
    --item-group-heading-text-color-hover: #08b0bb;
    --item-text-color: #e0e0e0;
    --item-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5098039215686274), 0 1px 10px rgba(0, 0, 0, 0.25098039215686274);
    --item-hover-shadow: 4px 4px 3px rgba(0, 0, 0, 0.5098039215686274), 0 1px 10px rgba(0, 0, 0, 0.25098039215686274);
    --item-icon-transform: drop-shadow(1px 2px 1px var(--transparent-30)) saturate(0.65);
    --item-icon-transform-hover: drop-shadow(1px 3px 2px var(--transparent-30)) saturate(2);
    --item-background: #414b55;
    --item-background-hover: #414b55;
    --settings-background: #131a1f;
    --search-container-background: #131a1f;
    --search-field-background: #39434c;
    --heading-text-color: #131a1f;
    --nav-link-text-color: #08b0bb;
    --nav-link-background-color: #131a1f;
    --nav-link-text-color-hover: #08b0bb;
    --nav-link-background-color-hover: rgba(19, 26, 31, 0.7803921568627451);
    --nav-link-border-color-hover: transparent;
    --status-check-tooltip-background: #131a1f;
    --status-check-tooltip-color: #e0e0e0;
    --description-tooltip-background: #131a1f;
    --description-tooltip-color: #e0e0e0;
    --curve-factor: 2px;
    --curve-factor-navbar: 0;
    --side-bar-background: #131a1f;
    --welcome-popup-background: #131a1f;
    --welcome-popup-text-color: var(--primary);
    --config-settings-background: #131a1f;
    --config-settings-color: #41e2ed;
    --interactive-editor-background: #242a2f;
    --interactive-editor-background-darker: #131a1f;
    --interactive-editor-color: #41e2ed;
    --scroll-bar-color: #08b0bb;
    --scroll-bar-background: #131a1f;
    --login-form-background-secondary: #131a1f;
    --minimal-view-section-heading-color: #131a1f;
    --minimal-view-section-heading-background: var(--background);
    --minimal-view-search-background: #131a1f;
    --minimal-view-group-background: #131a1f;
    --context-menu-secondary-color: #131a1f;
    --widget-accent-color: rgba(19, 26, 31, 0.7490196078431373)
}

html[data-theme=material-dark] div.minimal-section-heading.selected h3,
html[data-theme=material-dark] div.minimal-section-heading h3 {
    color: #d5d5d5
}

html[data-theme=material-dark] .minimal-section-inner.selected,
html[data-theme=material-dark] div.minimal-section-heading,
html[data-theme=material-dark] input.minimal-search {
    -webkit-box-shadow: 2px 2px 4px #000, 0 1px 3px rgba(0, 0, 0, .8);
    box-shadow: 2px 2px 4px #000, 0 1px 3px rgba(0, 0, 0, .8);
    border-color: rgba(19, 26, 31, .5019607843)
}

html[data-theme=material-dark]::-webkit-scrollbar-thumb {
    border-left: 1px solid #131a1f
}

html[data-theme=material-dark] .item:active,
html[data-theme=material-dark] .item:before {
    background: #131a1f !important
}

html[data-theme=material-dark] .widget-base {
    background: var(--item-background);
    -webkit-box-shadow: var(--item-shadow);
    box-shadow: var(--item-shadow);
    margin: .25rem 0;
    padding: .5rem
}

html[data-theme=material-dark] .minimal-widget-wrap .widget-base {
    -webkit-box-shadow: none;
    box-shadow: none
}

html[data-theme=minimal-light] {
    --primary: #a5a5a5;
    --background: #fff;
    --background-darker: #14171e;
    --item-group-outer-background: none;
    --item-group-shadow: none;
    --item-group-background: none;
    --item-background: none;
    --item-background-hover: #f2f2f2;
    --item-shadow: none;
    --item-hover-shadow: none;
    --item-text-color: var(--background-darker);
    --item-group-heading-text-color-hover: var(--background-darker);
    --settings-text-color: var(--background-darker);
    --config-code-color: var(--background-darker);
    --nav-link-background-color: none;
    --search-container-background: var(--white);
    --curve-factor: 4px;
    --curve-factor-navbar: 8px;
    --status-check-tooltip-background: #f2f2f2;
    --status-check-tooltip-color: var(--black);
    --description-tooltip-background: #f2f2f2;
    --description-tooltip-color: var(--black);
    --login-form-color: var(--background-darker);
    --about-page-background: var(--background);
    --about-page-color: var(--background-darker);
    --context-menu-color: var(--background-darker);
    --context-menu-secondary-color: var(--primary);
    --widget-text-color: #4e4e4e
}

html[data-theme=minimal-light] section.filter-container {
    background: var(--white);
    border-bottom: 1px dashed rgba(0, 0, 0, .2196078431)
}

html[data-theme=minimal-light] section.filter-container input#filter-tiles {
    border: 1px solid var(--background-darker)
}

html[data-theme=minimal-light] .widget-base {
    background: #f2f2f2
}

html[data-theme=minimal-dark] {
    --primary: #a5a5a5;
    --background: #14171e;
    --background-darker: #090b0e;
    --item-group-outer-background: none;
    --item-group-shadow: none;
    --item-group-background: none;
    --item-background: none;
    --item-background-hover: var(--background-darker);
    --item-shadow: none;
    --item-hover-shadow: none;
    --item-text-color: var(--white);
    --item-group-heading-text-color-hover: var(--white);
    --settings-text-color: var(--white);
    --config-code-color: var(--white);
    --nav-link-background-color: none;
    --search-container-background: var(--background);
    --curve-factor: 4px;
    --curve-factor-navbar: 8px;
    --item-group-heading-text-color: var(--white);
    --item-group-heading-text-color-hover: hsla(0, 0%, 100%, 0.7490196078431373);
    --about-page-background: var(--background);
    --about-page-color: var(--primary)
}

html[data-theme=minimal-dark] label.lbl-toggle h3 {
    font-size: 1.8rem
}

html[data-theme=minimal-dark] section.filter-container {
    background: #14171e;
    border-bottom: 1px dashed hsla(0, 0%, 100%, .2196078431)
}

html[data-theme=minimal-dark] section.filter-container input#filter-tiles {
    border: 1px solid var(--white)
}

html[data-theme=minimal-dark] div.context-menu {
    border-color: var(--primary)
}

html[data-theme=vaporware] {
    --primary: #09bfe6;
    --background: #100e2c;
    --background-darker: #7b2af1;
    --settings-text-color: #8d51fc;
    --item-group-outer-background: #096de6;
    --item-group-outer-background: var(--primary);
    --item-group-background: var(--background);
    --item-group-heading-text-color: var(--background);
    --item-group-heading-text-color-hover: var(--background-darker);
    --item-text-color: var(--primary);
    --item-background: #1a174d;
    --item-background-hover: var(--background);
    --footer-text-color: var(--white);
    --item-shadow: none;
    --curve-factor: 2px;
    --curve-factor-navbar: 6px;
    --login-form-color: var(--primary);
    --config-settings-background: var(--background);
    --status-check-tooltip-background: var(--background);
    --description-tooltip-background: var(--background);
    --heading-text-color: var(--background);
    --search-label-color: var(--background);
    --widget-accent-color: #1d194f
}

html[data-theme=vaporware] div.item-group-container {
    gap: .3rem;
    margin: 1rem auto
}

html[data-theme=vaporware] div.collapsable {
    margin: .2rem;
    padding: .2rem
}

html[data-theme=vaporware] div.content-inner {
    padding: .15rem !important
}

html[data-theme=vaporware] a.item {
    margin: .1rem;
    border: 0
}

html[data-theme=vaporware] a.item.size-medium {
    min-height: 80px
}

html[data-theme=vaporware] section.filter-container {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, var(--background)), to(#6c27ea));
    background: linear-gradient(0deg, var(--background) 25%, #6c27ea)
}

html[data-theme=vaporware] section.filter-container form {
    background: #6c27ea;
    height: 2.5rem
}

html[data-theme=vaporware] section.filter-container form label,
html[data-theme=vaporware] section.filter-container i.clear-search {
    color: #100e2c;
    border-color: #100e2c;
    font-weight: 700
}

html[data-theme=vaporware] .tile-title span.text {
    font-weight: 400
}

html[data-theme=vaporware] label.lbl-toggle h3 {
    font-size: 1.4rem
}

html[data-theme=vaporware] footer {
    color: var(--white)
}

html[data-theme=vaporware] body,
html[data-theme=vaporware] div.login-page {
    background: url(https://i.ibb.co/JqcJcGK/vaporwave-sunset-wallpaper.jpg);
    background-size: cover
}

html[data-theme=vaporware] body {
    background-repeat: no-repeat;
    background-position: 50%
}

html[data-theme=vaporware] body div.home,
html[data-theme=vaporware] body div.options-container,
html[data-theme=vaporware] body div.options-outer,
html[data-theme=vaporware] body div.show-hide-container.hide-btn,
html[data-theme=vaporware] body div.show-hide-container.show-btn,
html[data-theme=vaporware] body section.filter-container,
html[data-theme=vaporware] body section.settings-outer {
    background: none
}

html[data-theme=vaporware] .widget-base {
    background: var(--background);
    padding: 1rem .5rem;
    margin: .5rem 0
}

html[data-theme=glow-colorful],
html[data-theme=glow] {
    --primary: #5c6da9;
    --background: #f6f6f6;
    --background-darker: var(--white);
    --curve-factor: 12px;
    --item-group-background: var(--white);
    --item-group-outer-background: var(--white);
    --item-background: var(--white);
    --font-headings: "Sniglet", cursive;
    --item-group-heading-text-color: var(--primary);
    --item-group-heading-text-color-hover: var(--primary);
    --item-group-shadow: 0 5px 16px 0 rgba(159, 114, 255, 0.2);
    --item-background-hover: var(--white);
    --item-shadow: 0 1px 5px 0 rgba(134, 86, 239, 0.5019607843137255);
    --item-hover-shadow: 0 1px 8px 0 rgba(134, 86, 239, 0.6509803921568628);
    --item-icon-transform: drop-shadow(1px 2px 3px var(--transparent-50)) saturate(0.95);
    --item-icon-transform-hover: drop-shadow(1px 2px 4px var(--transparent-50)) saturate(0.95);
    --footer-height: 120px;
    --transparent-50: hsla(0, 0%, 81.2%, 0.5019607843137255)
}

html[data-theme=glow-colorful] header,
html[data-theme=glow] header {
    padding: .5rem
}

html[data-theme=glow-colorful] header .page-titles h1,
html[data-theme=glow] header .page-titles h1 {
    font-size: 1.8rem
}

html[data-theme=glow-colorful] header .page-titles span.subtitle,
html[data-theme=glow] header .page-titles span.subtitle {
    font-size: .8rem;
    text-shadow: none
}

html[data-theme=glow-colorful] header .nav .nav-item,
html[data-theme=glow] header .nav .nav-item {
    padding: .2rem .4rem;
    -webkit-box-shadow: none;
    box-shadow: none
}

html[data-theme=glow-colorful] .settings-outer,
html[data-theme=glow] .settings-outer {
    -webkit-box-shadow: 0 4px 5px 0 rgba(134, 86, 239, .1019607843);
    box-shadow: 0 4px 5px 0 rgba(134, 86, 239, .1019607843)
}

html[data-theme=glow-colorful] .settings-outer .options-container,
html[data-theme=glow] .settings-outer .options-container {
    padding: .25rem 1.5rem .25rem 1rem;
    background: var(--background-darker)
}

html[data-theme=glow-colorful] footer,
html[data-theme=glow] footer {
    -webkit-box-shadow: 0 -4px 5px 0 rgba(134, 86, 239, .1019607843);
    box-shadow: 0 -4px 5px 0 rgba(134, 86, 239, .1019607843)
}

html[data-theme=glow-colorful] .search-wrap input,
html[data-theme=glow] .search-wrap input {
    -webkit-box-shadow: 0 1px 5px 0 rgba(134, 86, 239, .5019607843);
    box-shadow: 0 1px 5px 0 rgba(134, 86, 239, .5019607843)
}

html[data-theme=glow-colorful] div.collapsable:nth-child(1n),
html[data-theme=glow] div.collapsable:nth-child(1n) {
    --item-group-shadow: 0 5px 16px 0 rgba(159, 114, 255, 0.2);
    --item-group-heading-text-color: #8656ef;
    --item-group-heading-text-color-hover: #783cfb;
    --item-background-hover: var(--white);
    --item-shadow: 0 1px 5px 0 rgba(134, 86, 239, 0.5019607843137255);
    --item-hover-shadow: 0 1px 8px 0 rgba(134, 86, 239, 0.6509803921568628);
    --item-icon-transform: drop-shadow(1px 2px 3px rgba(134, 86, 239, 0.5019607843137255)) saturate(0.95);
    --item-icon-transform-hover: drop-shadow(1px 2px 4px rgba(134, 86, 239, 0.5019607843137255)) saturate(0.95)
}

html[data-theme=glow-colorful] div.collapsable:nth-child(1n) a.item,
html[data-theme=glow] div.collapsable:nth-child(1n) a.item {
    color: #5213dc
}

html[data-theme=glow-colorful] div.collapsable:nth-child(2n),
html[data-theme=glow] div.collapsable:nth-child(2n) {
    --item-group-shadow: 0 5px 16px 0 rgba(114, 140, 255, 0.2);
    --item-group-heading-text-color: #d356ef;
    --item-group-heading-text-color-hover: #d73bf9;
    --item-background-hover: var(--white);
    --item-shadow: 0 1px 5px 0 rgba(211, 86, 239, 0.5019607843137255);
    --item-hover-shadow: 0 1px 8px 0 rgba(211, 86, 239, 0.6509803921568628);
    --item-icon-transform: drop-shadow(1px 2px 3px rgba(211, 86, 239, 0.5019607843137255)) saturate(0.95);
    --item-icon-transform-hover: drop-shadow(1px 2px 4px rgba(211, 86, 239, 0.5019607843137255)) saturate(0.95)
}

html[data-theme=glow-colorful] div.collapsable:nth-child(2n) a.item,
html[data-theme=glow] div.collapsable:nth-child(2n) a.item {
    color: #b514d8
}

html[data-theme=glow-colorful] div.collapsable:nth-child(3n),
html[data-theme=glow] div.collapsable:nth-child(3n) {
    --item-group-shadow: 0 5px 16px 0 rgba(114, 140, 255, 0.2);
    --item-group-heading-text-color: #56ddef;
    --item-group-heading-text-color-hover: #3cdefb;
    --item-background-hover: var(--white);
    --item-shadow: 0 1px 5px 0 rgba(86, 221, 239, 0.5019607843137255);
    --item-hover-shadow: 0 1px 8px 0 rgba(86, 221, 239, 0.6509803921568628);
    --item-icon-transform: drop-shadow(1px 2px 3px rgba(86, 221, 239, 0.5019607843137255)) saturate(0.95);
    --item-icon-transform-hover: drop-shadow(1px 2px 4px rgba(86, 221, 239, 0.5019607843137255)) saturate(0.95)
}

html[data-theme=glow-colorful] div.collapsable:nth-child(3n) a.item,
html[data-theme=glow] div.collapsable:nth-child(3n) a.item {
    color: #07b9d0
}

html[data-theme=cyberpunk] {
    --pink: #ff2a6d;
    --pale: #d1f7ff;
    --aqua: #05d9e8;
    --teal: #005678;
    --blue: #01012b;
    --gold: #ebeb0f;
    --primary: var(--gold);
    --background: var(--blue);
    --background-darker: var(--pink);
    --heading-text-color: var(--blue);
    --nav-link-background-color: var(--blue);
    --nav-link-background-color-hover: var(--blue);
    --nav-link-text-color: var(--pink);
    --nav-link-text-color-hover: var(--gold);
    --nav-link-border-color-hover: var(--blue);
    --config-settings-background: var(--blue);
    --config-settings-color: var(--pink);
    --interactive-editor-background: var(--blue);
    --interactive-editor-background-darker: var(--blue);
    --interactive-editor-color: var(--pink);
    --search-label-color: var(--blue);
    --item-group-background: var(--blue);
    --item-text-color: var(--pale);
    --scroll-bar-color: var(--aqua);
    --scroll-bar-background: var(--teal);
    --footer-background: var(--aqua);
    --welcome-popup-background: var(--pink);
    --welcome-popup-text-color: var(--blue);
    --status-check-tooltip-background: var(--blue);
    --description-tooltip-background: var(--blue);
    --font-headings: "Audiowide", cursive
}

html[data-theme=oblivion-blue],
html[data-theme=oblivion-lemon],
html[data-theme=oblivion-mint],
html[data-theme=oblivion-scotch],
html[data-theme=oblivion] {
    --primary: #f35151;
    --background: #1b2431;
    --background-darker: #121a25;
    --item-group-outer-background: none;
    --item-group-shadow: none;
    --item-group-background: none;
    --item-background: var(--background-darker);
    --item-background-hover: var(--background-darker);
    --item-shadow: 0 1px 5px #18191a;
    --item-hover-shadow: 2px 2px 3px #040505;
    --item-group-heading-text-color-hover: var(--primary);
    --nav-link-background-color: var(--background);
    --curve-factor: 3px;
    --curve-factor-navbar: 6px;
    --item-group-heading-text-color: var(--primary);
    --about-page-background: var(--background);
    --about-page-color: var(--primary)
}

html[data-theme=oblivion-blue] a.sub-item-link.item,
html[data-theme=oblivion-blue] div.item-wrapper a.item,
html[data-theme=oblivion-lemon] a.sub-item-link.item,
html[data-theme=oblivion-lemon] div.item-wrapper a.item,
html[data-theme=oblivion-mint] a.sub-item-link.item,
html[data-theme=oblivion-mint] div.item-wrapper a.item,
html[data-theme=oblivion-scotch] a.sub-item-link.item,
html[data-theme=oblivion-scotch] div.item-wrapper a.item,
html[data-theme=oblivion] a.sub-item-link.item,
html[data-theme=oblivion] div.item-wrapper a.item {
    border: 1px solid #313d4f
}

html[data-theme=oblivion-blue] .widget-base,
html[data-theme=oblivion-blue] section.filter-container form input#filter-tiles,
html[data-theme=oblivion-lemon] .widget-base,
html[data-theme=oblivion-lemon] section.filter-container form input#filter-tiles,
html[data-theme=oblivion-mint] .widget-base,
html[data-theme=oblivion-mint] section.filter-container form input#filter-tiles,
html[data-theme=oblivion-scotch] .widget-base,
html[data-theme=oblivion-scotch] section.filter-container form input#filter-tiles,
html[data-theme=oblivion] .widget-base,
html[data-theme=oblivion] section.filter-container form input#filter-tiles {
    border: 1px solid #313d4f;
    -webkit-box-shadow: 0 1px 5px #0c0d0e;
    box-shadow: 0 1px 5px #0c0d0e
}

html[data-theme=oblivion-blue] .widget-base,
html[data-theme=oblivion-lemon] .widget-base,
html[data-theme=oblivion-mint] .widget-base,
html[data-theme=oblivion-scotch] .widget-base,
html[data-theme=oblivion] .widget-base {
    background: var(--item-background);
    -webkit-box-shadow: var(--item-shadow);
    box-shadow: var(--item-shadow);
    padding: .5rem;
    margin: 1rem 0
}

html[data-theme=oblivion-blue] .minimal-widget-wrap .widget-base,
html[data-theme=oblivion-lemon] .minimal-widget-wrap .widget-base,
html[data-theme=oblivion-mint] .minimal-widget-wrap .widget-base,
html[data-theme=oblivion-scotch] .minimal-widget-wrap .widget-base,
html[data-theme=oblivion] .minimal-widget-wrap .widget-base {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

html[data-theme=oblivion-blue] .minimal-home div.item-group-container,
html[data-theme=oblivion-blue] input.minimal-search,
html[data-theme=oblivion-lemon] .minimal-home div.item-group-container,
html[data-theme=oblivion-lemon] input.minimal-search,
html[data-theme=oblivion-mint] .minimal-home div.item-group-container,
html[data-theme=oblivion-mint] input.minimal-search,
html[data-theme=oblivion-scotch] .minimal-home div.item-group-container,
html[data-theme=oblivion-scotch] input.minimal-search,
html[data-theme=oblivion] .minimal-home div.item-group-container,
html[data-theme=oblivion] input.minimal-search {
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .6), 0 1px 1px rgba(0, 0, 0, .8);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .6), 0 1px 1px rgba(0, 0, 0, .8)
}

html[data-theme=dashy-docs] {
    --primary: #f5f6f7;
    --background: #202020;
    --background-darker: #121212;
    --item-background: var(--background);
    --item-background-hover: var(--background);
    --item-text-color: var(--primary);
    --item-group-background: none;
    --item-group-outer-background: var(--background-darker);
    --item-group-heading-text-color: var(--background);
    --item-group-heading-text-color-hover: var(--background);
    --item-group-padding: 0;
    --curve-factor: 3px;
    --curve-factor-navbar: 6px;
    --item-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5019607843137255), -2px -2px 4px rgba(0, 0, 0, 0.4);
    --item-group-shadow: 0px 3px 2px #222, 0px 0px 2px #3e3e3e;
    --font-headings: "PTMono", "Courier New", monospace;
    --minimal-view-section-heading-color: var(--background);
    --nav-link-background-color-hover: none;
    --nav-link-border-color-hover: none;
    --nav-link-text-color: var(--background);
    --nav-link-text-color-hover: var(--background-darker)
}

html[data-theme=dashy-docs] footer {
    -webkit-box-shadow: 0 -3px 4px #010101;
    box-shadow: 0 -3px 4px #010101
}

html[data-theme=dashy-docs] section.settings-outer form input {
    -webkit-box-shadow: 1px 2px 4px #0b0b0b;
    box-shadow: 1px 2px 4px #0b0b0b
}

html[data-theme=dashy-docs] .minimal-section-heading:nth-child(1n),
html[data-theme=dashy-docs] a.nav-item:nth-child(1n),
html[data-theme=dashy-docs] div.collapsable:nth-child(1n) label.lbl-toggle {
    background: #db78fc;
    -webkit-box-shadow: 0 4px #b83ddd;
    box-shadow: 0 4px #b83ddd;
    --nav-link-background-color-hover: #db78fc;
    --nav-link-border-color-hover: #db78fc
}

html[data-theme=dashy-docs] .minimal-section-heading:nth-child(1n):hover,
html[data-theme=dashy-docs] a.nav-item:nth-child(1n):hover,
html[data-theme=dashy-docs] div.collapsable:nth-child(1n) label.lbl-toggle:hover {
    -webkit-box-shadow: 0 2px #b83ddd;
    box-shadow: 0 2px #b83ddd
}

html[data-theme=dashy-docs] .minimal-section-heading:nth-child(2n),
html[data-theme=dashy-docs] a.nav-item:nth-child(2n),
html[data-theme=dashy-docs] div.collapsable:nth-child(2n) label.lbl-toggle {
    background: #5c85f7;
    -webkit-box-shadow: 0 4px #3d48dd;
    box-shadow: 0 4px #3d48dd;
    --nav-link-background-color-hover: #5c85f7;
    --nav-link-border-color-hover: #5c85f7
}

html[data-theme=dashy-docs] .minimal-section-heading:nth-child(2n):hover,
html[data-theme=dashy-docs] a.nav-item:nth-child(2n):hover,
html[data-theme=dashy-docs] div.collapsable:nth-child(2n) label.lbl-toggle:hover {
    -webkit-box-shadow: 0 2px #3d48dd;
    box-shadow: 0 2px #3d48dd
}

html[data-theme=dashy-docs] .minimal-section-heading:nth-child(3n),
html[data-theme=dashy-docs] a.nav-item:nth-child(3n),
html[data-theme=dashy-docs] div.collapsable:nth-child(3n) label.lbl-toggle {
    background: #41ef90;
    -webkit-box-shadow: 0 4px #1e9554;
    box-shadow: 0 4px #1e9554;
    --nav-link-background-color-hover: #41ef90;
    --nav-link-border-color-hover: #41ef90
}

html[data-theme=dashy-docs] .minimal-section-heading:nth-child(3n):hover,
html[data-theme=dashy-docs] a.nav-item:nth-child(3n):hover,
html[data-theme=dashy-docs] div.collapsable:nth-child(3n) label.lbl-toggle:hover {
    -webkit-box-shadow: 0 2px #1e9554;
    box-shadow: 0 2px #1e9554
}

html[data-theme=dashy-docs] .minimal-section-heading:nth-child(4n),
html[data-theme=dashy-docs] a.nav-item:nth-child(4n),
html[data-theme=dashy-docs] div.collapsable:nth-child(4n) label.lbl-toggle {
    background: #dcff5a;
    -webkit-box-shadow: 0 4px #ceb73f;
    box-shadow: 0 4px #ceb73f;
    --nav-link-background-color-hover: #dcff5a;
    --nav-link-border-color-hover: #dcff5a
}

html[data-theme=dashy-docs] .minimal-section-heading:nth-child(4n):hover,
html[data-theme=dashy-docs] a.nav-item:nth-child(4n):hover,
html[data-theme=dashy-docs] div.collapsable:nth-child(4n) label.lbl-toggle:hover {
    -webkit-box-shadow: 0 2px #ceb73f;
    box-shadow: 0 2px #ceb73f
}

html[data-theme=dashy-docs] nav.side-bar div div.side-bar-item-container div {
    padding: .15rem 0;
    color: var(--background)
}

html[data-theme=dashy-docs] nav.side-bar div.side-bar-section:nth-child(1n) div.side-bar-item-container div.side-bar-item {
    background: #db78fc;
    -webkit-box-shadow: 0 4px #b83ddd;
    box-shadow: 0 4px #b83ddd
}

html[data-theme=dashy-docs] nav.side-bar div.side-bar-section:nth-child(1n) div.side-bar-item-container div.side-bar-item:hover {
    -webkit-box-shadow: 0 2px #b83ddd;
    box-shadow: 0 2px #b83ddd
}

html[data-theme=dashy-docs] nav.side-bar div.side-bar-section:nth-child(1n) .sub-side-bar {
    background: rgba(184, 61, 221, .5019607843)
}

html[data-theme=dashy-docs] nav.side-bar div.side-bar-section:nth-child(2n) div.side-bar-item-container div.side-bar-item {
    background: #5c85f7;
    -webkit-box-shadow: 0 4px #3d48dd;
    box-shadow: 0 4px #3d48dd
}

html[data-theme=dashy-docs] nav.side-bar div.side-bar-section:nth-child(2n) div.side-bar-item-container div.side-bar-item:hover {
    -webkit-box-shadow: 0 2px #3d48dd;
    box-shadow: 0 2px #3d48dd
}

html[data-theme=dashy-docs] nav.side-bar div.side-bar-section:nth-child(2n) .sub-side-bar {
    background: rgba(61, 72, 221, .5019607843)
}

html[data-theme=dashy-docs] nav.side-bar div.side-bar-section:nth-child(3n) div.side-bar-item-container div.side-bar-item {
    background: #41ef90;
    -webkit-box-shadow: 0 4px #1e9554;
    box-shadow: 0 4px #1e9554
}

html[data-theme=dashy-docs] nav.side-bar div.side-bar-section:nth-child(3n) div.side-bar-item-container div.side-bar-item:hover {
    -webkit-box-shadow: 0 2px #1e9554;
    box-shadow: 0 2px #1e9554
}

html[data-theme=dashy-docs] nav.side-bar div.side-bar-section:nth-child(3n) .sub-side-bar {
    background: rgba(30, 149, 84, .5019607843)
}

html[data-theme=dashy-docs] nav.side-bar div.side-bar-section:nth-child(4n) div.side-bar-item-container div.side-bar-item {
    background: #dcff5a;
    -webkit-box-shadow: 0 4px #ceb73f;
    box-shadow: 0 4px #ceb73f
}

html[data-theme=dashy-docs] nav.side-bar div.side-bar-section:nth-child(4n) div.side-bar-item-container div.side-bar-item:hover {
    -webkit-box-shadow: 0 2px #ceb73f;
    box-shadow: 0 2px #ceb73f
}

html[data-theme=dashy-docs] nav.side-bar div.side-bar-section:nth-child(4n) .sub-side-bar {
    background: rgba(206, 183, 63, .5019607843)
}

html[data-theme=dashy-docs] div.collapsable:nth-child(1n) .item-wrapper:hover .item {
    -webkit-box-shadow: 0 2px 3px #db78fc;
    box-shadow: 0 2px 3px #db78fc
}

html[data-theme=dashy-docs] div.collapsable:nth-child(1n) .item-wrapper:hover .item .tile-title {
    color: #db78fc
}

html[data-theme=dashy-docs] div.collapsable:nth-child(2n) .item-wrapper:hover .item {
    -webkit-box-shadow: 0 2px 3px #5c85f7;
    box-shadow: 0 2px 3px #5c85f7
}

html[data-theme=dashy-docs] div.collapsable:nth-child(2n) .item-wrapper:hover .item .tile-title {
    color: #5c85f7
}

html[data-theme=dashy-docs] div.collapsable:nth-child(3n) .item-wrapper:hover .item {
    -webkit-box-shadow: 0 2px 3px #41ef90;
    box-shadow: 0 2px 3px #41ef90
}

html[data-theme=dashy-docs] div.collapsable:nth-child(3n) .item-wrapper:hover .item .tile-title {
    color: #41ef90
}

html[data-theme=dashy-docs] div.collapsable:nth-child(4n) .item-wrapper:hover .item {
    -webkit-box-shadow: 0 2px 3px #dcff5a;
    box-shadow: 0 2px 3px #dcff5a
}

html[data-theme=dashy-docs] div.collapsable:nth-child(4n) .item-wrapper:hover .item .tile-title {
    color: #dcff5a
}

html[data-theme=dashy-docs] div.config-buttons .config-button {
    border: none;
    color: var(--background);
    font-weight: 700
}

html[data-theme=dashy-docs] div.config-buttons .config-button svg path {
    fill: var(--background)
}

html[data-theme=dashy-docs] div.config-buttons .config-button:nth-child(4n+1) {
    background: #db78fc;
    -webkit-box-shadow: 0 4px #b83ddd;
    box-shadow: 0 4px #b83ddd
}

html[data-theme=dashy-docs] div.config-buttons .config-button:nth-child(4n+1):hover {
    -webkit-box-shadow: 0 2px #b83ddd;
    box-shadow: 0 2px #b83ddd
}

html[data-theme=dashy-docs] div.config-buttons .config-button:nth-child(4n+2) {
    background: #41ef90;
    -webkit-box-shadow: 0 4px #1e9554;
    box-shadow: 0 4px #1e9554
}

html[data-theme=dashy-docs] div.config-buttons .config-button:nth-child(4n+2):hover {
    -webkit-box-shadow: 0 2px #1e9554;
    box-shadow: 0 2px #1e9554
}

html[data-theme=dashy-docs] div.config-buttons .config-button:nth-child(4n+3) {
    background: #5c85f7;
    -webkit-box-shadow: 0 4px #3d48dd;
    box-shadow: 0 4px #3d48dd
}

html[data-theme=dashy-docs] div.config-buttons .config-button:nth-child(4n+3):hover {
    -webkit-box-shadow: 0 2px #3d48dd;
    box-shadow: 0 2px #3d48dd
}

html[data-theme=dashy-docs] div.config-buttons .config-button:nth-child(4n+4) {
    background: #dcff5a;
    -webkit-box-shadow: 0 4px #ceb73f;
    box-shadow: 0 4px #ceb73f
}

html[data-theme=dashy-docs] div.config-buttons .config-button:nth-child(4n+4):hover {
    -webkit-box-shadow: 0 2px #ceb73f;
    box-shadow: 0 2px #ceb73f
}

html[data-theme=dashy-docs] a.nav-item,
html[data-theme=dashy-docs] a.nav-item.router-link-active,
html[data-theme=dashy-docs] a.nav-item:hover {
    border: none;
    color: var(--background);
    font-weight: 700;
    min-width: 5rem;
    text-align: center
}

html[data-theme=dashy-docs] .minimal-section-heading {
    border: none !important
}

html[data-theme=dashy-docs] .minimal-section-heading.selected {
    background: var(--primary) !important
}

html[data-theme=adventure-basic],
html[data-theme=adventure] {
    --primary: hsla(0, 0%, 100%, 0.9019607843137255);
    --background: #0b1021;
    --background-darker: #181c3a;
    --font-headings: "Podkova", "Roboto", serif;
    --font-body: "Roboto", serif;
    --item-background: rgba(24, 28, 58, 0.5019607843137255);
    --item-background-hover: rgba(24, 28, 58, 0.6);
    --item-shadow: 1px 1px 2px #130f23;
    --item-hover-shadow: 2px 2px 4px #130f23;
    --item-group-heading-text-color: var(--white);
    --item-group-heading-text-color-hover: var(--primary);
    --item-group-shadow: none;
    --item-group-background: none;
    --item-group-outer-background: none
}

html[data-theme=adventure-basic] div.home,
html[data-theme=adventure-basic] div.options-container,
html[data-theme=adventure-basic] div.options-outer,
html[data-theme=adventure-basic] div.show-hide-container.hide-btn,
html[data-theme=adventure-basic] div.show-hide-container.show-btn,
html[data-theme=adventure-basic] section.filter-container,
html[data-theme=adventure-basic] section.settings-outer,
html[data-theme=adventure] div.home,
html[data-theme=adventure] div.options-container,
html[data-theme=adventure] div.options-outer,
html[data-theme=adventure] div.show-hide-container.hide-btn,
html[data-theme=adventure] div.show-hide-container.show-btn,
html[data-theme=adventure] section.filter-container,
html[data-theme=adventure] section.settings-outer {
    background: none
}

html[data-theme=adventure-basic] label.lbl-toggle h3,
html[data-theme=adventure] label.lbl-toggle h3 {
    font-size: 1.3rem;
    font-weight: 700
}

html[data-theme=adventure-basic] .content-inner,
html[data-theme=adventure] .content-inner {
    border-top: 1px dashed var(--primary)
}

html[data-theme=adventure-basic] a.item.size-large:hover,
html[data-theme=adventure] a.item.size-large:hover {
    border-left: 3px solid var(--white)
}

html[data-theme=adventure-basic] .item.size-large .tile-title p.description,
html[data-theme=adventure] .item.size-large .tile-title p.description {
    height: 3rem
}

html[data-theme=adventure-basic] .is-collapsed,
html[data-theme=adventure] .is-collapsed {
    background: var(--item-background);
    -webkit-box-shadow: var(--item-shadow);
    box-shadow: var(--item-shadow)
}

html[data-theme=adventure-basic] .is-collapsed:hover,
html[data-theme=adventure] .is-collapsed:hover {
    background: var(--item-background-hover);
    -webkit-box-shadow: var(--item-hover-shadow);
    box-shadow: var(--item-hover-shadow)
}

html[data-theme=adventure] body {
    background: url(https://i.ibb.co/wdqSsGh/adventure-bg.jpg);
    background-size: cover
}

html[data-theme=color-block] {
    --primary: #e94560;
    --background: #16213e;
    --background-darker: #0e172b;
    --font-headings: "Podkova", "Roboto", serif;
    --font-body: "Roboto", serif;
    --item-background: #1b294c;
    --item-background-hover: var(--item-background);
    --item-shadow: 4px 4px 0px var(--background-darker), -3px 0px 0px var(--primary), 2px 2px 6px var(--black);
    --item-hover-shadow: 6px 6px 0px var(--background-darker), -5px 0px 0px var(--primary), 2px 2px 9px var(--black);
    --item-group-heading-text-color: var(--white);
    --item-group-heading-text-color-hover: var(--primary);
    --item-group-shadow: none;
    --item-group-background: none;
    --item-group-outer-background: none;
    --nav-link-background-color: var(--background);
    --nav-link-background-color-hover: var(--background);
    --nav-link-border-color: transparent;
    --nav-link-border-color-hover: transparent;
    --nav-link-shadow: 4px 4px 0px var(--background-darker), -3px 0px 0px var(--primary), 2px 2px 6px var(--black);
    --nav-link-shadow-hover: 6px 6px 0px var(--background-darker), -4px 0px 0px var(--primary), 2px 2px 9px var(--black);
    --curve-factor: 4px;
    --curve-factor-navbar: 8px;
    --widget-text-color: var(--white)
}

html[data-theme=color-block] label.lbl-toggle h3 {
    font-size: 1.3rem;
    font-weight: 700
}

html[data-theme=color-block] .content-inner {
    border-top: 1px dashed var(--primary)
}

html[data-theme=color-block] .item.size-large .tile-title p.description {
    height: 3rem
}

html[data-theme=color-block] .item,
html[data-theme=color-block] .nav-outer nav .nav-item {
    border-radius: 0
}

html[data-theme=color-block] .item.size-large {
    margin: .5rem
}

html[data-theme=color-block] .is-collapsed {
    background: var(--item-background);
    -webkit-box-shadow: var(--item-shadow);
    box-shadow: var(--item-shadow)
}

html[data-theme=color-block] .is-collapsed:hover {
    background: var(--item-background-hover);
    -webkit-box-shadow: var(--item-hover-shadow);
    box-shadow: var(--item-hover-shadow)
}

html[data-theme=color-block] .widget-base {
    background: var(--background-darker);
    padding: 1rem .5rem;
    margin: .5rem 0
}

html[data-theme=one-dark] {
    --primary: #c5cad3;
    --background: #282c33;
    --background-darker: #1c1f23;
    --font-headings: "Podkova", "Roboto", serif;
    --font-body: "Roboto", serif;
    --item-background: var(--background-darker);
    --item-background-hover: var(--item-background);
    --item-shadow: 4px 4px 0px var(--background-darker), -3px 0px 0px var(--primary), 2px 2px 6px var(--black);
    --item-hover-shadow: 6px 6px 0px var(--background-darker), -5px 0px 0px var(--primary), 2px 2px 9px var(--black);
    --item-group-heading-text-color: var(--white);
    --item-group-heading-text-color-hover: var(--primary);
    --item-group-shadow: none;
    --item-group-background: none;
    --item-group-outer-background: none;
    --nav-link-background-color: var(--background);
    --nav-link-background-color-hover: var(--background);
    --nav-link-border-color: transparent;
    --nav-link-border-color-hover: transparent;
    --nav-link-shadow: 4px 4px 0px var(--background-darker), -3px 0px 0px var(--primary), 2px 2px 6px var(--black);
    --nav-link-shadow-hover: 6px 6px 0px var(--background-darker), -4px 0px 0px var(--primary), 2px 2px 9px var(--black);
    --curve-factor: 4px;
    --curve-factor-navbar: 6px
}

html[data-theme=one-dark] label.lbl-toggle h3 {
    font-size: 1.3rem;
    font-weight: 700
}

html[data-theme=one-dark] .content-inner {
    border-top: 1px dashed var(--primary)
}

html[data-theme=one-dark] .item.size-large .tile-title p.description {
    height: 3rem
}

html[data-theme=one-dark] .item,
html[data-theme=one-dark] .nav-outer nav .nav-item {
    border-radius: 0
}

html[data-theme=one-dark] .item.size-large {
    margin: .5rem
}

html[data-theme=one-dark] .is-collapsed {
    background: var(--item-background);
    -webkit-box-shadow: var(--item-shadow);
    box-shadow: var(--item-shadow)
}

html[data-theme=one-dark] .is-collapsed:hover {
    background: var(--item-background-hover);
    -webkit-box-shadow: var(--item-hover-shadow);
    box-shadow: var(--item-hover-shadow)
}

html[data-theme=one-dark] .item-wrapper:nth-child(1n) {
    --current: #e06b74
}

html[data-theme=one-dark] .item-wrapper:nth-child(2n) {
    --current: #98c379
}

html[data-theme=one-dark] .item-wrapper:nth-child(3n) {
    --current: #e5c07a
}

html[data-theme=one-dark] .item-wrapper:nth-child(4n) {
    --current: #62aeef
}

html[data-theme=one-dark] .item-wrapper:nth-child(5n) {
    --current: #c678dd
}

html[data-theme=one-dark] .item-wrapper:nth-child(6n) {
    --current: #55b6c2
}

html[data-theme=one-dark] .item-wrapper .item {
    color: var(--current);
    -webkit-box-shadow: -3px 0 0 var(--current), 1px 1px 3px rgba(0, 0, 0, .9019607843);
    box-shadow: -3px 0 0 var(--current), 1px 1px 3px rgba(0, 0, 0, .9019607843)
}

html[data-theme=one-dark] .item-wrapper .item:hover {
    -webkit-box-shadow: -5px 0 0 var(--current), 2px 2px 3px rgba(0, 0, 0, .9019607843);
    box-shadow: -5px 0 0 var(--current), 2px 2px 3px rgba(0, 0, 0, .9019607843)
}

html[data-theme=one-dark] .widget-base {
    background: var(--item-background);
    -webkit-box-shadow: var(--item-shadow);
    box-shadow: var(--item-shadow);
    padding: .5rem;
    margin: 1rem 0
}

html[data-theme=one-dark] .minimal-widget-wrap .widget-base {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

html[data-theme=oblivion-blue] {
    --primary: #82a5f3
}

html[data-theme=oblivion-mint] {
    --primary: #4acfd4
}

html[data-theme=oblivion-lemon] {
    --primary: #d0ed87
}

html[data-theme=oblivion-scotch] {
    --primary: #d69e3a
}

html[data-theme=lissy] {
    --primary: hsla(0, 0%, 100%, 0.8);
    --background: #25282c;
    --background-darker: #191c20;
    --item-group-background: var(--background-darker);
    --item-group-outer-background: var(--background-darker);
    --item-group-heading-text-color: var(--primary);
    --item-group-heading-text-color-hover: var(--primary);
    --item-group-shadow: none;
    --item-background: var(--background);
    --item-background-hover: #101215;
    --item-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5019607843137255);
    --item-hover-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
    --font-headings: "Shrikhand";
    --curve-factor: 6px
}

html[data-theme=lissy] h1,
html[data-theme=lissy] h3.section-title {
    font-weight: 400
}

html[data-theme=lissy] .side-bar-item-container {
    --item-hover-shadow: none;
    --item-shadow: none
}

html[data-theme=lissy] .collapsable,
html[data-theme=lissy] .side-bar-section,
html[data-theme=lissy] .workspace-widget {
    --item-group-heading-text-color: var(--index-color);
    --item-group-shadow: inset 0 2px 1px var(--index-color);
    --item-hover-shadow: 0 0 5px var(--index-color);
    --side-bar-item-color: var(--index-color);
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    border: 1px solid rgba(0, 0, 0, .3019607843)
}

html[data-theme=lissy] .collapsable:nth-child(1n),
html[data-theme=lissy] .side-bar-section:nth-child(1n),
html[data-theme=lissy] .workspace-widget:nth-child(1n) {
    --index-color: rgba(248, 19, 146, 0.9019607843137255)
}

html[data-theme=lissy] .collapsable:nth-child(2n),
html[data-theme=lissy] .side-bar-section:nth-child(2n),
html[data-theme=lissy] .workspace-widget:nth-child(2n) {
    --index-color: rgba(224, 38, 255, 0.9019607843137255)
}

html[data-theme=lissy] .collapsable:nth-child(3n),
html[data-theme=lissy] .side-bar-section:nth-child(3n),
html[data-theme=lissy] .workspace-widget:nth-child(3n) {
    --index-color: rgba(76, 100, 255, 0.9019607843137255)
}

html[data-theme=lissy] .collapsable:nth-child(4n),
html[data-theme=lissy] .side-bar-section:nth-child(4n),
html[data-theme=lissy] .workspace-widget:nth-child(4n) {
    --index-color: rgba(56, 217, 253, 0.9019607843137255)
}

html[data-theme=lissy] .collapsable:nth-child(5n),
html[data-theme=lissy] .side-bar-section:nth-child(5n),
html[data-theme=lissy] .workspace-widget:nth-child(5n) {
    --index-color: rgba(21, 244, 163, 0.9019607843137255)
}

html[data-theme=lissy] .collapsable:nth-child(6n),
html[data-theme=lissy] .side-bar-section:nth-child(6n),
html[data-theme=lissy] .workspace-widget:nth-child(6n) {
    --index-color: rgba(232, 255, 71, 0.9019607843137255)
}

html[data-theme=lissy] .collapsable:nth-child(7n),
html[data-theme=lissy] .side-bar-section:nth-child(7n),
html[data-theme=lissy] .workspace-widget:nth-child(7n) {
    --index-color: rgba(255, 108, 71, 0.9019607843137255)
}

html[data-theme=lissy] .collapsable label.lbl-toggle h3,
html[data-theme=lissy] .side-bar-section label.lbl-toggle h3,
html[data-theme=lissy] .workspace-widget label.lbl-toggle h3 {
    font-weight: 400
}

html[data-theme=lissy] .collapsable a.item p.description,
html[data-theme=lissy] .side-bar-section a.item p.description,
html[data-theme=lissy] .workspace-widget a.item p.description {
    opacity: .75;
    color: var(--index-color)
}

html[data-theme=lissy] .collapsable.workspace-widget,
html[data-theme=lissy] .collapsable:hover,
html[data-theme=lissy] .side-bar-section.workspace-widget,
html[data-theme=lissy] .side-bar-section:hover,
html[data-theme=lissy] .workspace-widget.workspace-widget,
html[data-theme=lissy] .workspace-widget:hover {
    -webkit-box-shadow: inset 0 3px 1px var(--index-color), 1px 1px 5px rgba(0, 0, 0, .5019607843);
    box-shadow: inset 0 3px 1px var(--index-color), 1px 1px 5px rgba(0, 0, 0, .5019607843)
}

html[data-theme=lissy] .workspace-widget-view .workspace-widget {
    background: var(--background-darker);
    padding: 1rem;
    margin: 1rem auto;
    border-radius: var(--curve-factor)
}

html[data-theme=lissy] #dashy,
html[data-theme=lissy] .home,
html[data-theme=lissy] .options-container,
html[data-theme=lissy] .options-outer {
    background-color: var(--background);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%2314171c' fill-opacity='.4' fill-rule='evenodd'/%3E%3C/svg%3E")
}

html[data-theme=lissy] .minimal-home {
    background: none
}

html[data-theme=lissy] .home {
    padding-bottom: 1.5rem
}

html[data-theme=lissy] footer {
    margin-top: 0
}

html[data-theme=glass-2],
html[data-theme=glass],
html[data-theme=neomorphic] {
    --primary: #fff;
    --item-group-outer-background: rgba(0, 0, 0, 0.25);
    --item-group-background: transparent;
    --item-group-heading-text-color: #fff;
    --item-group-heading-text-color-hover: hsla(0, 0%, 100%, 0.8392156862745098);
    --item-group-shadow: 5px 2px 20px rgba(0, 0, 0, 0.5);
    --background: #190842;
    --background-darker: #190842;
    --settings-background: transparent;
    --search-container-background: transparent;
    --font-headings: "Segoe UI", "Ariel", "sans-serif";
    --font-body: "Roboto", "Segoe UI", "Ariel", "sans-serif";
    --minimal-view-background-color: transparent;
    --minimal-view-group-background: hsla(0, 0%, 100%, 0.15);
    --minimal-view-section-heading-background: hsla(0, 0%, 100%, 0.15);
    --minimal-view-section-heading-color: hsla(0, 0%, 100%, 0.15);
    --config-settings-background: rgba(22, 7, 61, 0.8901960784313725);
    --cloud-backup-background: rgba(22, 7, 61, 0.8901960784313725);
    --glass-button-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    --glass-button-hover-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7)
}

html[data-theme=glass-2] body,
html[data-theme=glass] body,
html[data-theme=neomorphic] body {
    background-size: cover;
    background-color: #090317
}

html[data-theme=glass-2] .dashy-modal,
html[data-theme=glass-2] .dashy-modal .tabs,
html[data-theme=glass-2] .settings-outer,
html[data-theme=glass-2] body .home,
html[data-theme=glass-2] header,
html[data-theme=glass] .dashy-modal,
html[data-theme=glass] .dashy-modal .tabs,
html[data-theme=glass] .settings-outer,
html[data-theme=glass] body .home,
html[data-theme=glass] header,
html[data-theme=neomorphic] .dashy-modal,
html[data-theme=neomorphic] .dashy-modal .tabs,
html[data-theme=neomorphic] .settings-outer,
html[data-theme=neomorphic] body .home,
html[data-theme=neomorphic] header {
    background: transparent
}

html[data-theme=glass-2] .minimal-section-inner,
html[data-theme=glass-2] div.minimal-section-heading,
html[data-theme=glass] .minimal-section-inner,
html[data-theme=glass] div.minimal-section-heading,
html[data-theme=neomorphic] .minimal-section-inner,
html[data-theme=neomorphic] div.minimal-section-heading {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid hsla(0, 0%, 56.9%, .45);
    border-bottom: none
}

html[data-theme=glass-2] .minimal-section-inner.selected,
html[data-theme=glass-2] div.minimal-section-heading.selected,
html[data-theme=glass] .minimal-section-inner.selected,
html[data-theme=glass] div.minimal-section-heading.selected,
html[data-theme=neomorphic] .minimal-section-inner.selected,
html[data-theme=neomorphic] div.minimal-section-heading.selected {
    border: 1px solid hsla(0, 0%, 56.9%, .45);
    background: var(--minimal-view-group-background)
}

html[data-theme=glass-2] .minimal-section-heading,
html[data-theme=glass] .minimal-section-heading,
html[data-theme=neomorphic] .minimal-section-heading {
    color: var(--minimal-view-section-heading-background)
}

html[data-theme=glass-2] .minimal-section-heading.selected .section-icon,
html[data-theme=glass-2] .minimal-section-heading.selected .section-title,
html[data-theme=glass] .minimal-section-heading.selected .section-icon,
html[data-theme=glass] .minimal-section-heading.selected .section-title,
html[data-theme=neomorphic] .minimal-section-heading.selected .section-icon,
html[data-theme=neomorphic] .minimal-section-heading.selected .section-title {
    color: var(--primary) !important
}

html[data-theme=glass-2] .action-buttons button,
html[data-theme=glass-2] .cloud-backup-restore-wrapper button,
html[data-theme=glass-2] .config-buttons>svg,
html[data-theme=glass-2] .display-options svg,
html[data-theme=glass-2] .nav-outer nav .nav-item,
html[data-theme=glass-2] .tab__nav__item,
html[data-theme=glass-2] .theme-dropdown div.vs__dropdown-toggle,
html[data-theme=glass-2] .v-select.theme-dropdown.vs__dropdown-toggle,
html[data-theme=glass-2] a.config-button,
html[data-theme=glass-2] button.config-button,
html[data-theme=glass-2] button.save-button,
html[data-theme=glass-2] div.edit-mode-bottom-banner .edit-banner-section button,
html[data-theme=glass-2] div.input-container input.input-field,
html[data-theme=glass-2] form.minimal input,
html[data-theme=glass-2] form.normal input,
html[data-theme=glass] .action-buttons button,
html[data-theme=glass] .cloud-backup-restore-wrapper button,
html[data-theme=glass] .config-buttons>svg,
html[data-theme=glass] .display-options svg,
html[data-theme=glass] .nav-outer nav .nav-item,
html[data-theme=glass] .tab__nav__item,
html[data-theme=glass] .theme-dropdown div.vs__dropdown-toggle,
html[data-theme=glass] .v-select.theme-dropdown.vs__dropdown-toggle,
html[data-theme=glass] a.config-button,
html[data-theme=glass] button.config-button,
html[data-theme=glass] button.save-button,
html[data-theme=glass] div.edit-mode-bottom-banner .edit-banner-section button,
html[data-theme=glass] div.input-container input.input-field,
html[data-theme=glass] form.minimal input,
html[data-theme=glass] form.normal input,
html[data-theme=neomorphic] .action-buttons button,
html[data-theme=neomorphic] .cloud-backup-restore-wrapper button,
html[data-theme=neomorphic] .config-buttons>svg,
html[data-theme=neomorphic] .display-options svg,
html[data-theme=neomorphic] .nav-outer nav .nav-item,
html[data-theme=neomorphic] .tab__nav__item,
html[data-theme=neomorphic] .theme-dropdown div.vs__dropdown-toggle,
html[data-theme=neomorphic] .v-select.theme-dropdown.vs__dropdown-toggle,
html[data-theme=neomorphic] a.config-button,
html[data-theme=neomorphic] button.config-button,
html[data-theme=neomorphic] button.save-button,
html[data-theme=neomorphic] div.edit-mode-bottom-banner .edit-banner-section button,
html[data-theme=neomorphic] div.input-container input.input-field,
html[data-theme=neomorphic] form.minimal input,
html[data-theme=neomorphic] form.normal input {
    border-radius: .35rem;
    -webkit-box-shadow: var(--glass-button-shadow);
    box-shadow: var(--glass-button-shadow);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid hsla(0, 0%, 100%, .19);
    background: hsla(0, 0%, 100%, .15);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

html[data-theme=glass-2] .action-buttons button.selected,
html[data-theme=glass-2] .action-buttons button:hover,
html[data-theme=glass-2] .cloud-backup-restore-wrapper button.selected,
html[data-theme=glass-2] .cloud-backup-restore-wrapper button:hover,
html[data-theme=glass-2] .config-buttons>svg.selected,
html[data-theme=glass-2] .config-buttons>svg:hover,
html[data-theme=glass-2] .display-options svg.selected,
html[data-theme=glass-2] .display-options svg:hover,
html[data-theme=glass-2] .nav-outer nav .nav-item.selected,
html[data-theme=glass-2] .nav-outer nav .nav-item:hover,
html[data-theme=glass-2] .tab__nav__item.selected,
html[data-theme=glass-2] .tab__nav__item:hover,
html[data-theme=glass-2] .theme-dropdown div.vs__dropdown-toggle.selected,
html[data-theme=glass-2] .theme-dropdown div.vs__dropdown-toggle:hover,
html[data-theme=glass-2] .v-select.theme-dropdown.vs__dropdown-toggle.selected,
html[data-theme=glass-2] .v-select.theme-dropdown.vs__dropdown-toggle:hover,
html[data-theme=glass-2] a.config-button.selected,
html[data-theme=glass-2] a.config-button:hover,
html[data-theme=glass-2] button.config-button.selected,
html[data-theme=glass-2] button.config-button:hover,
html[data-theme=glass-2] button.save-button.selected,
html[data-theme=glass-2] button.save-button:hover,
html[data-theme=glass-2] div.edit-mode-bottom-banner .edit-banner-section button.selected,
html[data-theme=glass-2] div.edit-mode-bottom-banner .edit-banner-section button:hover,
html[data-theme=glass-2] div.input-container input.input-field.selected,
html[data-theme=glass-2] div.input-container input.input-field:hover,
html[data-theme=glass-2] form.minimal input.selected,
html[data-theme=glass-2] form.minimal input:hover,
html[data-theme=glass-2] form.normal input.selected,
html[data-theme=glass-2] form.normal input:hover,
html[data-theme=glass] .action-buttons button.selected,
html[data-theme=glass] .action-buttons button:hover,
html[data-theme=glass] .cloud-backup-restore-wrapper button.selected,
html[data-theme=glass] .cloud-backup-restore-wrapper button:hover,
html[data-theme=glass] .config-buttons>svg.selected,
html[data-theme=glass] .config-buttons>svg:hover,
html[data-theme=glass] .display-options svg.selected,
html[data-theme=glass] .display-options svg:hover,
html[data-theme=glass] .nav-outer nav .nav-item.selected,
html[data-theme=glass] .nav-outer nav .nav-item:hover,
html[data-theme=glass] .tab__nav__item.selected,
html[data-theme=glass] .tab__nav__item:hover,
html[data-theme=glass] .theme-dropdown div.vs__dropdown-toggle.selected,
html[data-theme=glass] .theme-dropdown div.vs__dropdown-toggle:hover,
html[data-theme=glass] .v-select.theme-dropdown.vs__dropdown-toggle.selected,
html[data-theme=glass] .v-select.theme-dropdown.vs__dropdown-toggle:hover,
html[data-theme=glass] a.config-button.selected,
html[data-theme=glass] a.config-button:hover,
html[data-theme=glass] button.config-button.selected,
html[data-theme=glass] button.config-button:hover,
html[data-theme=glass] button.save-button.selected,
html[data-theme=glass] button.save-button:hover,
html[data-theme=glass] div.edit-mode-bottom-banner .edit-banner-section button.selected,
html[data-theme=glass] div.edit-mode-bottom-banner .edit-banner-section button:hover,
html[data-theme=glass] div.input-container input.input-field.selected,
html[data-theme=glass] div.input-container input.input-field:hover,
html[data-theme=glass] form.minimal input.selected,
html[data-theme=glass] form.minimal input:hover,
html[data-theme=glass] form.normal input.selected,
html[data-theme=glass] form.normal input:hover,
html[data-theme=neomorphic] .action-buttons button.selected,
html[data-theme=neomorphic] .action-buttons button:hover,
html[data-theme=neomorphic] .cloud-backup-restore-wrapper button.selected,
html[data-theme=neomorphic] .cloud-backup-restore-wrapper button:hover,
html[data-theme=neomorphic] .config-buttons>svg.selected,
html[data-theme=neomorphic] .config-buttons>svg:hover,
html[data-theme=neomorphic] .display-options svg.selected,
html[data-theme=neomorphic] .display-options svg:hover,
html[data-theme=neomorphic] .nav-outer nav .nav-item.selected,
html[data-theme=neomorphic] .nav-outer nav .nav-item:hover,
html[data-theme=neomorphic] .tab__nav__item.selected,
html[data-theme=neomorphic] .tab__nav__item:hover,
html[data-theme=neomorphic] .theme-dropdown div.vs__dropdown-toggle.selected,
html[data-theme=neomorphic] .theme-dropdown div.vs__dropdown-toggle:hover,
html[data-theme=neomorphic] .v-select.theme-dropdown.vs__dropdown-toggle.selected,
html[data-theme=neomorphic] .v-select.theme-dropdown.vs__dropdown-toggle:hover,
html[data-theme=neomorphic] a.config-button.selected,
html[data-theme=neomorphic] a.config-button:hover,
html[data-theme=neomorphic] button.config-button.selected,
html[data-theme=neomorphic] button.config-button:hover,
html[data-theme=neomorphic] button.save-button.selected,
html[data-theme=neomorphic] button.save-button:hover,
html[data-theme=neomorphic] div.edit-mode-bottom-banner .edit-banner-section button.selected,
html[data-theme=neomorphic] div.edit-mode-bottom-banner .edit-banner-section button:hover,
html[data-theme=neomorphic] div.input-container input.input-field.selected,
html[data-theme=neomorphic] div.input-container input.input-field:hover,
html[data-theme=neomorphic] form.minimal input.selected,
html[data-theme=neomorphic] form.minimal input:hover,
html[data-theme=neomorphic] form.normal input.selected,
html[data-theme=neomorphic] form.normal input:hover {
    -webkit-box-shadow: var(--glass-button-hover-shadow);
    box-shadow: var(--glass-button-hover-shadow);
    border: 1px solid hsla(0, 0%, 100%, .25) !important;
    background: hsla(0, 0%, 100%, .2588235294) !important;
    color: var(--primary) !important
}

html[data-theme=glass-2] .action-buttons button.selected path,
html[data-theme=glass-2] .action-buttons button:hover path,
html[data-theme=glass-2] .cloud-backup-restore-wrapper button.selected path,
html[data-theme=glass-2] .cloud-backup-restore-wrapper button:hover path,
html[data-theme=glass-2] .config-buttons>svg.selected path,
html[data-theme=glass-2] .config-buttons>svg:hover path,
html[data-theme=glass-2] .display-options svg.selected path,
html[data-theme=glass-2] .display-options svg:hover path,
html[data-theme=glass-2] .nav-outer nav .nav-item.selected path,
html[data-theme=glass-2] .nav-outer nav .nav-item:hover path,
html[data-theme=glass-2] .tab__nav__item.selected path,
html[data-theme=glass-2] .tab__nav__item:hover path,
html[data-theme=glass-2] .theme-dropdown div.vs__dropdown-toggle.selected path,
html[data-theme=glass-2] .theme-dropdown div.vs__dropdown-toggle:hover path,
html[data-theme=glass-2] .v-select.theme-dropdown.vs__dropdown-toggle.selected path,
html[data-theme=glass-2] .v-select.theme-dropdown.vs__dropdown-toggle:hover path,
html[data-theme=glass-2] a.config-button.selected path,
html[data-theme=glass-2] a.config-button:hover path,
html[data-theme=glass-2] button.config-button.selected path,
html[data-theme=glass-2] button.config-button:hover path,
html[data-theme=glass-2] button.save-button.selected path,
html[data-theme=glass-2] button.save-button:hover path,
html[data-theme=glass-2] div.edit-mode-bottom-banner .edit-banner-section button.selected path,
html[data-theme=glass-2] div.edit-mode-bottom-banner .edit-banner-section button:hover path,
html[data-theme=glass-2] div.input-container input.input-field.selected path,
html[data-theme=glass-2] div.input-container input.input-field:hover path,
html[data-theme=glass-2] form.minimal input.selected path,
html[data-theme=glass-2] form.minimal input:hover path,
html[data-theme=glass-2] form.normal input.selected path,
html[data-theme=glass-2] form.normal input:hover path,
html[data-theme=glass] .action-buttons button.selected path,
html[data-theme=glass] .action-buttons button:hover path,
html[data-theme=glass] .cloud-backup-restore-wrapper button.selected path,
html[data-theme=glass] .cloud-backup-restore-wrapper button:hover path,
html[data-theme=glass] .config-buttons>svg.selected path,
html[data-theme=glass] .config-buttons>svg:hover path,
html[data-theme=glass] .display-options svg.selected path,
html[data-theme=glass] .display-options svg:hover path,
html[data-theme=glass] .nav-outer nav .nav-item.selected path,
html[data-theme=glass] .nav-outer nav .nav-item:hover path,
html[data-theme=glass] .tab__nav__item.selected path,
html[data-theme=glass] .tab__nav__item:hover path,
html[data-theme=glass] .theme-dropdown div.vs__dropdown-toggle.selected path,
html[data-theme=glass] .theme-dropdown div.vs__dropdown-toggle:hover path,
html[data-theme=glass] .v-select.theme-dropdown.vs__dropdown-toggle.selected path,
html[data-theme=glass] .v-select.theme-dropdown.vs__dropdown-toggle:hover path,
html[data-theme=glass] a.config-button.selected path,
html[data-theme=glass] a.config-button:hover path,
html[data-theme=glass] button.config-button.selected path,
html[data-theme=glass] button.config-button:hover path,
html[data-theme=glass] button.save-button.selected path,
html[data-theme=glass] button.save-button:hover path,
html[data-theme=glass] div.edit-mode-bottom-banner .edit-banner-section button.selected path,
html[data-theme=glass] div.edit-mode-bottom-banner .edit-banner-section button:hover path,
html[data-theme=glass] div.input-container input.input-field.selected path,
html[data-theme=glass] div.input-container input.input-field:hover path,
html[data-theme=glass] form.minimal input.selected path,
html[data-theme=glass] form.minimal input:hover path,
html[data-theme=glass] form.normal input.selected path,
html[data-theme=glass] form.normal input:hover path,
html[data-theme=neomorphic] .action-buttons button.selected path,
html[data-theme=neomorphic] .action-buttons button:hover path,
html[data-theme=neomorphic] .cloud-backup-restore-wrapper button.selected path,
html[data-theme=neomorphic] .cloud-backup-restore-wrapper button:hover path,
html[data-theme=neomorphic] .config-buttons>svg.selected path,
html[data-theme=neomorphic] .config-buttons>svg:hover path,
html[data-theme=neomorphic] .display-options svg.selected path,
html[data-theme=neomorphic] .display-options svg:hover path,
html[data-theme=neomorphic] .nav-outer nav .nav-item.selected path,
html[data-theme=neomorphic] .nav-outer nav .nav-item:hover path,
html[data-theme=neomorphic] .tab__nav__item.selected path,
html[data-theme=neomorphic] .tab__nav__item:hover path,
html[data-theme=neomorphic] .theme-dropdown div.vs__dropdown-toggle.selected path,
html[data-theme=neomorphic] .theme-dropdown div.vs__dropdown-toggle:hover path,
html[data-theme=neomorphic] .v-select.theme-dropdown.vs__dropdown-toggle.selected path,
html[data-theme=neomorphic] .v-select.theme-dropdown.vs__dropdown-toggle:hover path,
html[data-theme=neomorphic] a.config-button.selected path,
html[data-theme=neomorphic] a.config-button:hover path,
html[data-theme=neomorphic] button.config-button.selected path,
html[data-theme=neomorphic] button.config-button:hover path,
html[data-theme=neomorphic] button.save-button.selected path,
html[data-theme=neomorphic] button.save-button:hover path,
html[data-theme=neomorphic] div.edit-mode-bottom-banner .edit-banner-section button.selected path,
html[data-theme=neomorphic] div.edit-mode-bottom-banner .edit-banner-section button:hover path,
html[data-theme=neomorphic] div.input-container input.input-field.selected path,
html[data-theme=neomorphic] div.input-container input.input-field:hover path,
html[data-theme=neomorphic] form.minimal input.selected path,
html[data-theme=neomorphic] form.minimal input:hover path,
html[data-theme=neomorphic] form.normal input.selected path,
html[data-theme=neomorphic] form.normal input:hover path {
    fill: var(--primary)
}

html[data-theme=glass-2] .tab__nav__items,
html[data-theme=glass] .tab__nav__items,
html[data-theme=neomorphic] .tab__nav__items {
    gap: 1rem;
    margin: .5rem 0 0
}

html[data-theme=glass-2] .tab__nav__items .tab__nav__item,
html[data-theme=glass] .tab__nav__items .tab__nav__item,
html[data-theme=neomorphic] .tab__nav__items .tab__nav__item {
    padding: .5rem .5rem
}

html[data-theme=glass-2] .tab__nav__items .tab__nav__item .active,
html[data-theme=glass-2] .tab__nav__items .tab__nav__item .active:hover,
html[data-theme=glass-2] .tab__nav__items .tab__nav__item:hover,
html[data-theme=glass] .tab__nav__items .tab__nav__item .active,
html[data-theme=glass] .tab__nav__items .tab__nav__item .active:hover,
html[data-theme=glass] .tab__nav__items .tab__nav__item:hover,
html[data-theme=neomorphic] .tab__nav__items .tab__nav__item .active,
html[data-theme=neomorphic] .tab__nav__items .tab__nav__item .active:hover,
html[data-theme=neomorphic] .tab__nav__items .tab__nav__item:hover {
    background: hsla(0, 0%, 100%, .2588235294) !important
}

html[data-theme=glass-2] .tab__nav__items .tab__nav__item .active:hover span,
html[data-theme=glass-2] .tab__nav__items .tab__nav__item .active span,
html[data-theme=glass-2] .tab__nav__items .tab__nav__item:hover span,
html[data-theme=glass] .tab__nav__items .tab__nav__item .active:hover span,
html[data-theme=glass] .tab__nav__items .tab__nav__item .active span,
html[data-theme=glass] .tab__nav__items .tab__nav__item:hover span,
html[data-theme=neomorphic] .tab__nav__items .tab__nav__item .active:hover span,
html[data-theme=neomorphic] .tab__nav__items .tab__nav__item .active span,
html[data-theme=neomorphic] .tab__nav__items .tab__nav__item:hover span {
    color: var(--primary) !important
}

html[data-theme=glass-2] .main-options-container .config-buttons,
html[data-theme=glass-2] div.cloud-backup-restore-wrapper,
html[data-theme=glass] .main-options-container .config-buttons,
html[data-theme=glass] div.cloud-backup-restore-wrapper,
html[data-theme=neomorphic] .main-options-container .config-buttons,
html[data-theme=neomorphic] div.cloud-backup-restore-wrapper {
    background: none
}

html[data-theme=glass-2] .item,
html[data-theme=glass] .item,
html[data-theme=neomorphic] .item {
    background: transparent;
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

html[data-theme=glass-2] .item:hover,
html[data-theme=glass] .item:hover,
html[data-theme=neomorphic] .item:hover {
    border-radius: .35rem;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, .75);
    box-shadow: 0 4px 30px rgba(0, 0, 0, .75);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid hsla(0, 0%, 100%, .19);
    background: hsla(0, 0%, 100%, .15)
}

html[data-theme=glass-2] .item .item-icon,
html[data-theme=glass] .item .item-icon,
html[data-theme=neomorphic] .item .item-icon {
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

html[data-theme=glass-2] .item .item-icon:hover,
html[data-theme=glass] .item .item-icon:hover,
html[data-theme=neomorphic] .item .item-icon:hover {
    -webkit-transform: scale(1.25);
    transform: scale(1.25)
}

html[data-theme=glass-2] .collapsable,
html[data-theme=glass] .collapsable,
html[data-theme=neomorphic] .collapsable {
    border-radius: .5rem;
    border: 1px solid rgba(0, 0, 0, .45);
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, .1)
}

html[data-theme=glass-2] .dashy-modal,
html[data-theme=glass] .dashy-modal,
html[data-theme=neomorphic] .dashy-modal {
    -webkit-box-shadow: 0 20px 40px -2px rgba(0, 0, 0, .7215686275), 1px 1px 6px rgba(0, 0, 0, .6509803922) !important;
    box-shadow: 0 20px 40px -2px rgba(0, 0, 0, .7215686275), 1px 1px 6px rgba(0, 0, 0, .6509803922) !important
}

html[data-theme=glass-2] .tab-item,
html[data-theme=glass] .tab-item,
html[data-theme=neomorphic] .tab-item {
    background: var(--config-settings-background)
}

html[data-theme=glass-2] .theme-configurator-wrapper,
html[data-theme=glass-2] .view-switcher,
html[data-theme=glass] .theme-configurator-wrapper,
html[data-theme=glass] .view-switcher,
html[data-theme=neomorphic] .theme-configurator-wrapper,
html[data-theme=neomorphic] .view-switcher {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: var(--config-settings-background);
    border: 1px solid hsla(0, 0%, 100%, .19);
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, .1)
}

html[data-theme=glass-2] .edit-mode-top-banner,
html[data-theme=glass] .edit-mode-top-banner,
html[data-theme=neomorphic] .edit-mode-top-banner {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, .4196078431);
    border-bottom: 1px solid #000
}

html[data-theme=glass-2] .edit-mode-top-banner span,
html[data-theme=glass] .edit-mode-top-banner span,
html[data-theme=neomorphic] .edit-mode-top-banner span {
    color: #eaff9d
}

html[data-theme=glass-2] .add-new-section,
html[data-theme=glass-2] div.edit-mode-bottom-banner,
html[data-theme=glass] .add-new-section,
html[data-theme=glass] div.edit-mode-bottom-banner,
html[data-theme=neomorphic] .add-new-section,
html[data-theme=neomorphic] div.edit-mode-bottom-banner {
    background: hsla(0, 0%, 100%, .15);
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px)
}

html[data-theme=glass] body {
    background: url(https://zeabur.com/images/bg.png) 50% no-repeat;
    background-size: cover;
    background-color: #090317
}

html[data-theme=glass] body .home {
    background: transparent
}

html[data-theme=glass-2] body {
    background: url(https://i.ibb.co/FnLH6bj/dashy-glass.jpg) 50% no-repeat;
    background-size: cover;
    background-color: #090317
}

html[data-theme=neomorphic] {
    --primary: #fff;
    --item-group-outer-background: hsla(0, 0%, 100%, 0.15);
    --item-group-background: transparent;
    --item-group-heading-text-color: #fff;
    --item-group-shadow: 5px 2px 20px rgba(0, 0, 0, 0.5);
    --background: #5b56f7;
    --background-darker: #12103c;
    --settings-background: transparent;
    --search-container-background: transparent;
    --font-headings: "Segoe UI", "Ariel", "sans-serif";
    --font-body: "Roboto", "Segoe UI", "Ariel", "sans-serif";
    --minimal-view-background-color: transparent;
    --minimal-view-group-background: hsla(0, 0%, 100%, 0.15);
    --minimal-view-section-heading-background: hsla(0, 0%, 100%, 0.15);
    --minimal-view-section-heading-color: hsla(0, 0%, 100%, 0.15);
    --config-settings-background: rgba(31, 184, 244, 0.8901960784313725);
    --cloud-backup-background: rgba(22, 7, 61, 0.8901960784313725);
    --glass-button-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
    --glass-button-hover-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7)
}

html[data-theme=neomorphic] body {
    background: var(--background)
}

html[data-theme=neomorphic] .item:hover {
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .5)
}

html[data-theme=neomorphic] .collapsable {
    border: 1px solid hsla(0, 0%, 100%, .25) !important
}

html[data-theme=cherry-blossom] {
    --primary: #e1e8ee;
    --background: #11171d;
    --background-darker: #070a0d;
    --item-background: rgba(0, 0, 0, 0.25098039215686274);
    --widget-base-background: rgba(0, 0, 0, 0.25098039215686274);
    --widget-base-shadow: var(--item-shadow);
    --item-background-hover: hsla(0, 0%, 100%, 0.10196078431372549);
    --item-group-outer-background: none;
    --item-group-background: none;
    --item-group-shadow: 1px 1px 2px #080a0d;
    --item-group-heading-text-color: var(--background);
    --minimal-view-section-heading-color: var(--background-darker);
    --minimal-view-group-background: #1b242d;
    --minimal-view-group-color: none;
    --heading-text-color: var(--background);
    --nav-link-text-color: var(--background);
    --nav-link-text-color-hover: var(--background);
    --nav-link-border-color-hover: rgba(17, 23, 29, 0.25098039215686274);
    --nav-link-background-color: rgba(0, 0, 0, 0.25098039215686274);
    --search-container-background: none;
    --search-field-background: var(--background-darker);
    --font-headings: "Cutive Mono", monospace
}

html[data-theme=cherry-blossom] .collapsable,
html[data-theme=cherry-blossom] .minimal-section-heading,
html[data-theme=cherry-blossom] .minimal-section-inner,
html[data-theme=cherry-blossom] .side-bar-section,
html[data-theme=cherry-blossom] .workspace-widget {
    --item-group-outer-background: var(--back-color);
    --item-hover-shadow: 0 0 5px var(--top-color);
    --side-bar-item-color: var(--top-color);
    --minimal-view-section-heading-background: var(--top-color);
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    border: 1px solid rgba(0, 0, 0, .3019607843)
}

html[data-theme=cherry-blossom] .collapsable:nth-child(1n),
html[data-theme=cherry-blossom] .minimal-section-heading:nth-child(1n),
html[data-theme=cherry-blossom] .minimal-section-inner:nth-child(1n),
html[data-theme=cherry-blossom] .side-bar-section:nth-child(1n),
html[data-theme=cherry-blossom] .workspace-widget:nth-child(1n) {
    --top-color: #d7c1ed;
    --back-color: #2a2c37
}

html[data-theme=cherry-blossom] .collapsable:nth-child(2n),
html[data-theme=cherry-blossom] .minimal-section-heading:nth-child(2n),
html[data-theme=cherry-blossom] .minimal-section-inner:nth-child(2n),
html[data-theme=cherry-blossom] .side-bar-section:nth-child(2n),
html[data-theme=cherry-blossom] .workspace-widget:nth-child(2n) {
    --top-color: #96cdfb;
    --back-color: #222e39
}

html[data-theme=cherry-blossom] .collapsable:nth-child(3n),
html[data-theme=cherry-blossom] .minimal-section-heading:nth-child(3n),
html[data-theme=cherry-blossom] .minimal-section-inner:nth-child(3n),
html[data-theme=cherry-blossom] .side-bar-section:nth-child(3n),
html[data-theme=cherry-blossom] .workspace-widget:nth-child(3n) {
    --top-color: #b5e8e0;
    --back-color: #263135
}

html[data-theme=cherry-blossom] .collapsable:nth-child(4n),
html[data-theme=cherry-blossom] .minimal-section-heading:nth-child(4n),
html[data-theme=cherry-blossom] .minimal-section-inner:nth-child(4n),
html[data-theme=cherry-blossom] .side-bar-section:nth-child(4n),
html[data-theme=cherry-blossom] .workspace-widget:nth-child(4n) {
    --top-color: #f28fad;
    --back-color: #2d262f
}

html[data-theme=cherry-blossom] .collapsable label.lbl-toggle,
html[data-theme=cherry-blossom] .minimal-section-heading label.lbl-toggle,
html[data-theme=cherry-blossom] .minimal-section-inner label.lbl-toggle,
html[data-theme=cherry-blossom] .side-bar-section label.lbl-toggle,
html[data-theme=cherry-blossom] .workspace-widget label.lbl-toggle {
    background: var(--top-color);
    padding: .5rem .25rem;
    min-height: 1.5rem;
    border-bottom-left-radius: var(--curve-factor) !important;
    border-bottom-right-radius: var(--curve-factor) !important
}

html[data-theme=cherry-blossom] .collapsable a.item p.description,
html[data-theme=cherry-blossom] .minimal-section-heading a.item p.description,
html[data-theme=cherry-blossom] .minimal-section-inner a.item p.description,
html[data-theme=cherry-blossom] .side-bar-section a.item p.description,
html[data-theme=cherry-blossom] .workspace-widget a.item p.description {
    opacity: .75;
    color: var(--top-color)
}

html[data-theme=cherry-blossom] .collapsable.workspace-widget,
html[data-theme=cherry-blossom] .minimal-section-heading.workspace-widget,
html[data-theme=cherry-blossom] .minimal-section-inner.workspace-widget,
html[data-theme=cherry-blossom] .side-bar-section.workspace-widget,
html[data-theme=cherry-blossom] .workspace-widget.workspace-widget {
    -webkit-box-shadow: inset 0 3px 1px var(--top-color), 1px 1px 5px rgba(0, 0, 0, .5019607843);
    box-shadow: inset 0 3px 1px var(--top-color), 1px 1px 5px rgba(0, 0, 0, .5019607843)
}

html[data-theme=cherry-blossom] header {
    border-radius: 8px;
    max-width: 1200px;
    margin: 1rem auto 0 auto;
    padding: .25rem;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background-image: -webkit-gradient(linear, left top, right top, from(#d7c1ed), color-stop(#96cdfb), color-stop(#b5e8e0), to(#f28fad));
    background-image: linear-gradient(90deg, #d7c1ed, #96cdfb, #b5e8e0, #f28fad)
}

html[data-theme=cherry-blossom] header .subtitle {
    display: none
}

html[data-theme=cherry-blossom] header .page-titles img.site-logo {
    margin-right: .5rem
}

html[data-theme=cherry-blossom] header .nav-outer nav .nav-item {
    padding: .5rem
}

html[data-theme=cherry-blossom] .settings-outer {
    background: none;
    max-width: 1200px;
    margin: 0 auto
}

html[data-theme=cherry-blossom] .collapsable {
    max-width: 1200px;
    margin: .5rem auto
}

html[data-theme=cherry-blossom] .widget-base {
    border-radius: var(--curve-factor);
    margin: .5rem auto;
    padding: .2rem
}

html[data-theme=cherry-blossom] .home .item-group-container {
    gap: .5rem 1rem
}

html[data-theme=cherry-blossom] .item-icon svg {
    border-radius: 6px
}

html[data-theme=cherry-blossom] .work-space .web-content iframe,
html[data-theme=cherry-blossom] .work-space nav.side-bar {
    border-radius: 8px
}

html[data-theme=cherry-blossom] section.settings-outer.settings-hidden form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

html[data-theme=cherry-blossom] section.settings-outer.settings-hidden form .search-wrap {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

html[data-theme=cherry-blossom] section.settings-outer.settings-hidden form .search-wrap input {
    margin-top: 1rem;
    width: 400px
}

html[data-theme=tama] {
    --primary: hsla(0, 0%, 100%, 0.9019607843137255);
    --background: #0b1021;
    --background-darker: #181c3a;
    --background-darker-transparent: rgba(24, 28, 58, 0.8313725490196079);
    --background-grey-transparent: rgba(107, 108, 115, 0.7764705882352941);
    --font-headings: "Segoe UI", "Ariel", "sans-serif";
    --font-body: "Segoe UI", "Ariel", "sans-serif";
    --item-background: var(--background-darker-transparent);
    --item-background-hover: var(--background-grey-transparent);
    --item-shadow: 1px 1px 2px #130f23;
    --item-hover-shadow: 2px 2px 4px #130f23;
    --item-group-heading-text-color: var(--white);
    --item-group-heading-text-color-hover: var(--primary);
    --item-group-shadow: none;
    --item-group-background: none;
    --item-group-outer-background: none
}

html[data-theme=tama] div.home,
html[data-theme=tama] div.options-container,
html[data-theme=tama] div.options-outer,
html[data-theme=tama] div.show-hide-container.hide-btn,
html[data-theme=tama] div.show-hide-container.show-btn,
html[data-theme=tama] section.filter-container,
html[data-theme=tama] section.settings-outer {
    background: none
}

html[data-theme=tama] label.lbl-toggle h3 {
    font-size: 1.3rem;
    font-weight: 700
}

html[data-theme=tama] .content-inner {
    border-top: 1px dashed var(--primary)
}

html[data-theme=tama] .item.size-large .tile-title p.description {
    height: 3rem
}

html[data-theme=tama] .is-collapsed {
    background: var(--item-background);
    -webkit-box-shadow: var(--item-shadow);
    box-shadow: var(--item-shadow)
}

html[data-theme=tama] .is-collapsed:hover {
    background: var(--item-background-hover);
    -webkit-box-shadow: var(--item-hover-shadow);
    box-shadow: var(--item-hover-shadow)
}

html[data-theme=tama] body {
    background: url(https://source.unsplash.com/random/1920x1080/?dark%2Ccalm%2Cnature%2Cbackground=);
    background-color: var(--background-darker);
    background-size: cover
}

html[data-theme=tama] footer,
html[data-theme=tama] form.normal,
html[data-theme=tama] header {
    background-color: var(--background-darker-transparent)
}

html[data-theme=tama] .there-are-items:has(.item-wrapper.wrap-size-large) {
    padding-top: .25rem
}

html[data-theme=tama] .item-wrapper.wrap-size-large {
    margin: 0 .5rem .5rem 0;
    overflow: hidden
}

html[data-theme=tama] .item.size-large .tile-title {
    padding: 0 0 0 .7rem
}

html[data-theme=tama] .opening-method-icon {
    opacity: 0
}

html[data-theme=tama] .widget-base {
    background-color: var(--background-darker-transparent);
    margin: .5rem .5rem 1rem .5rem;
    padding: 0;
    border: 1px solid var(--outline-color);
    border-radius: var(--curve-factor);
    -webkit-box-shadow: var(--item-shadow);
    box-shadow: var(--item-shadow)
}

html[data-theme=tama] .widget-base button.action-btn {
    margin-top: .3rem;
    margin-right: .5rem
}

html[data-theme=tama] .widget-wrap {
    padding: 1.4rem .8rem .8rem .8rem
}

html[data-theme=tama] .item:hover .item-icon i,
html[data-theme=tama] .item:hover .item-icon img {
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: scale(1.22);
    transform: scale(1.22)
}

@font-face {
    font-family: Inconsolata;
    src: url(../fonts/Inconsolata-Light.c8b568b1.ttf)
}

@font-face {
    font-family: Raleway;
    src: url(../fonts/Raleway-Variable.3b5635ac.ttf)
}

@font-face {
    font-family: PTMono;
    src: url(../fonts/PTMono-Regular.0c6b8e07.ttf)
}

html {
    --font-body: "Raleway", "Trebuchet MS", sans-serif;
    --font-headings: "Inconsolata", "Georgia", sans-serif;
    --font-monospace: "PTMono", "Courier New", monospace;
    font-size: 1rem;
    font-weight: 400;
    text-decoration: none;
    background: transparent;
    vertical-align: baseline
}

html .text,
html a,
html body,
html button,
html div,
html input,
html label,
html p,
html span {
    font-family: var(--font-body)
}

html .heading,
html h1,
html h2,
html h3,
html h4,
html h5 {
    font-family: var(--font-headings)
}

html .jsoneditor *,
html .mono *,
html code,
html pre,
html pre * {
    font-weight: 400
}

@font-face {
    font-family: Cutive Mono;
    src: url(/fonts/CutiveMono-Regular.ttf)
}

@font-face {
    font-family: Francois One;
    src: url(/fonts/FrancoisOne-Regular.ttf)
}

@font-face {
    font-family: Podkova;
    src: url(/fonts/Podkova-Medium.ttf)
}

@font-face {
    font-family: Roboto;
    src: url(/fonts/Roboto-Light.ttf)
}

@font-face {
    font-family: Sniglet;
    src: url(/fonts/Sniglet-Regular.ttf)
}

@font-face {
    font-family: VT323;
    src: url(/fonts/VT323-Regular.ttf)
}

@font-face {
    font-family: Audiowide;
    src: url(/fonts/Audiowide-Regular.ttf)
}

@font-face {
    font-family: Shrikhand;
    src: url(/fonts/Shrikhand-Regular.ttf)
}

form.normal[data-v-089c1f28] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0 0 var(--curve-factor-navbar) 0;
    padding: 0 .2rem .2rem 0;
    background: var(--search-container-background)
}

form.normal .search-wrap[data-v-089c1f28] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

form.normal .search-wrap p.web-search-note[data-v-089c1f28] {
    margin: 0 .5rem;
    font-size: .8rem;
    color: var(--minimal-view-search-color);
    opacity: var(--dimming-factor)
}

form.normal label[data-v-089c1f28] {
    color: var(--search-label-color);
    margin: .5rem;
    display: inline;
    word-break: keep-all
}

form.normal input[data-v-089c1f28] {
    display: inline-block;
    width: 200px;
    height: 1rem;
    padding: .5rem;
    margin: .5rem;
    outline: none;
    border: none;
    border-radius: var(--curve-factor);
    background: var(--search-field-background);
    color: var(--settings-text-color);
    border: 1px solid var(--outline-color)
}

form.normal input[data-v-089c1f28]:focus {
    border-color: var(--settings-text-color);
    opacity: var(--dimming-factor)
}

form.normal .clear-search[data-v-089c1f28] {
    color: var(--settings-text-color);
    padding: 0 .3rem .1rem .3rem;
    font-style: normal;
    font-size: 1rem;
    opacity: var(--dimming-factor);
    border-radius: 50px;
    cursor: pointer;
    right: .5rem;
    top: 1rem;
    border: 1px solid var(--settings-text-color);
    margin: .25rem
}

form.normal .clear-search[data-v-089c1f28]:hover {
    opacity: 1;
    background: var(--background-darker)
}

@media(min-width:600px)and (max-width:779px) {
    form.normal[data-v-089c1f28] {
        display: block;
        text-align: center
    }
}

@media(max-width:599px) {
    form.nomral[data-v-089c1f28] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-radius: 0;
        text-align: center;
        padding: .25rem 0;
        display: block
    }
}

form.minimal[data-v-089c1f28] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

form.minimal label[data-v-089c1f28] {
    display: none
}

form.minimal .search-wrap[data-v-089c1f28] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

form.minimal .search-wrap p.web-search-note[data-v-089c1f28] {
    margin: 0;
    color: var(--minimal-view-search-color);
    opacity: var(--dimming-factor)
}

form.minimal input[data-v-089c1f28] {
    display: inline-block;
    width: 80%;
    max-width: 400px;
    font-size: 1.2rem;
    padding: .5rem 1rem;
    margin: 1rem auto;
    outline: none;
    border: 1px solid var(--outline-color);
    border-radius: var(--curve-factor);
    background: var(--minimal-view-search-background);
    color: var(--minimal-view-search-color)
}

form.minimal input[data-v-089c1f28]:focus {
    border-color: var(--minimal-view-search-color);
    opacity: var(--dimming-factor)
}

form.minimal .clear-search[data-v-089c1f28] {
    color: var(--minimal-view-search-color);
    padding: .15rem .5rem .2rem .5rem;
    font-style: normal;
    font-size: 1rem;
    opacity: var(--dimming-factor);
    border-radius: 50px;
    cursor: pointer;
    right: .5rem;
    top: 1rem;
    border: 1px solid var(--minimal-view-search-color);
    margin: .5rem
}

form.minimal .clear-search[data-v-089c1f28]:hover {
    opacity: 1;
    color: var(--minimal-view-search-background);
    background: var(--minimal-view-search-color)
}

button[data-v-0b4686ce] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem .75rem;
    margin: .5rem auto;
    font-size: 1.2rem;
    min-width: 10rem;
    cursor: pointer
}

button svg[data-v-0b4686ce] {
    width: 1.2rem;
    margin: 0 .5rem
}

button svg g[data-v-0b4686ce],
button svg path[data-v-0b4686ce] {
    fill: currentColor
}

button.disallowed[data-v-0b4686ce] {
    cursor: not-allowed !important
}

button[data-v-0b4686ce] {
    color: var(--primary);
    background: var(--background);
    border: 1px solid var(--primary);
    border-radius: var(--curve-factor)
}

button[data-v-0b4686ce]:hover:not(:disabled):not(.disallowed) {
    color: var(--background);
    background: var(--primary);
    border-color: var(--background)
}

button[data-v-0b4686ce]:disabled {
    cursor: progress;
    opacity: var(--dimming-factor)
}

div.radio-container[data-v-0ff870ef] {
    margin: .25rem auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

div.radio-container .radio-wrapper[data-v-0ff870ef],
div.radio-container label.radio-label[data-v-0ff870ef],
div.radio-container p.radio-description[data-v-0ff870ef] {
    margin: .25rem;
    -ms-flex-preferred-size: 8rem;
    flex-basis: 8rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

div.radio-container label.radio-label[data-v-0ff870ef] {
    text-transform: capitalize
}

div.radio-container p.radio-description[data-v-0ff870ef] {
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3;
    opacity: var(--dimming-factor)
}

div.radio-container .radio-wrapper[data-v-0ff870ef] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    margin: .5rem auto;
    font-size: 1.2rem;
    color: var(--primary);
    background: var(--background);
    border-radius: var(--curve-factor);
    min-width: 8rem
}

div.radio-container .radio-wrapper .radio-option[data-v-0ff870ef] {
    margin: .2rem;
    padding: .2rem;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: var(--curve-factor)
}

div.radio-container .radio-wrapper .radio-option[data-v-0ff870ef]:hover:not(.wrap-disabled) {
    border: 1px solid var(--primary)
}

div.radio-container .radio-wrapper .radio-option[data-v-0ff870ef]:disabled {
    opacity: var(--dimming-factor)
}

div.radio-container .radio-wrapper .radio-option input.radio-input[data-v-0ff870ef],
div.radio-container .radio-wrapper .radio-option label.option-label[data-v-0ff870ef] {
    cursor: pointer;
    text-transform: capitalize;
    margin: .2rem
}

.error[data-v-629d47b7] {
    padding: .5rem 1rem;
    min-width: 20rem;
    width: 50%;
    margin: 2rem auto;
    cursor: default;
    text-align: center;
    font-weight: 700;
    font-size: 1.2rem;
    color: var(--warning);
    border-radius: var(--curve-factor);
    border: 1px dashed var(--warning);
    background: var(--background)
}

.json-editor-outer {
    text-align: center
}

p.note {
    font-size: .8rem;
    color: var(--medium-grey);
    margin: .2rem
}

p.errors {
    text-align: left;
    margin: .5rem auto;
    width: 95%
}

p.errors ul {
    list-style: none;
    padding: 0;
    margin: 0
}

p.errors ul li.type-validation {
    color: var(--warning)
}

p.errors ul li.type-validation:before {
    content: "⚠️"
}

p.errors ul li.type-parse {
    color: var(--danger)
}

p.errors ul li.type-parse:before {
    content: "❌"
}

p.errors ul li.type-valid {
    color: var(--success)
}

p.errors ul li.type-valid:before {
    content: "✅"
}

p.response-output {
    font-size: .8rem;
    text-align: left;
    margin: .5rem auto;
    width: 95%;
    color: var(--config-settings-color)
}

p.response-output.status-success {
    font-weight: 700;
    color: var(--success)
}

p.response-output.status-fail {
    font-weight: 700;
    color: var(--danger)
}

p.no-permission-note {
    color: var(--warning)
}

.btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-container button {
    padding: .5rem 1rem;
    margin: .25rem;
    font-size: 1.2rem;
    background: var(--config-settings-background);
    color: var(--config-settings-color);
    border: 1px solid var(--config-settings-color);
    border-radius: var(--curve-factor)
}

.btn-container button:hover {
    background: var(--config-settings-color);
    color: var(--config-settings-background);
    border-color: var(--config-settings-background)
}

.btn-container.err button {
    opacity: .8;
    cursor: default
}

.btn-container.err button:hover {
    background: var(--config-settings-background);
    color: var(--config-settings-color);
    border-color: var(--danger)
}

div.save-options.radio-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    border-top: 2px solid var(--config-settings-background);
    background: var(--code-editor-background)
}

div.save-options.radio-container label.radio-label {
    font-size: 1rem;
    -webkit-box-flex: revert;
    -ms-flex-positive: revert;
    flex-grow: revert;
    -ms-flex-preferred-size: revert;
    flex-basis: revert;
    color: var(--code-editor-color);
    padding-left: 1rem
}

div.save-options.radio-container .radio-wrapper {
    margin: 0;
    font-size: 1rem;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background: var(--code-editor-background);
    color: var(--code-editor-color)
}

div.save-options.radio-container .radio-wrapper .radio-option:hover:not(.wrap-disabled) {
    border: 1px solid var(--code-editor-color)
}

.jsoneditor-container.min-box {
    height: 58vh
}

.jsoneditor,
.jsoneditor-menu {
    border-color: var(--primary)
}

.jsoneditor {
    border-bottom: none
}

.jsoneditor-menu,
.pico-modal-header {
    background: var(--config-settings-background) !important;
    color: var(--config-settings-color) !important
}

.jsoneditor-contextmenu .jsoneditor-menu li button {
    background: var(--config-settings-background);
    color: var(--config-settings-color)
}

.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected,
.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:focus,
.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:hover {
    background: var(--config-settings-color);
    color: var(--config-settings-background)
}

div.jsoneditor-search div.jsoneditor-frame {
    border-radius: var(--curve-factor)
}

.jsoneditor-poweredBy {
    display: none
}

.jsoneditor-tree,
pre.jsoneditor-preview {
    background: var(--code-editor-background);
    text-align: left
}

.jsoneditor-jmespath-label {
    color: var(--config-settings-color) !important
}

.jsoneditor-jmespath-block.jsoneditor-modal-actions input {
    background: var(--config-settings-color);
    color: var(--config-settings-background);
    border: 1px solid var(--config-settings-background);
    border-radius: var(--curve-factor)
}

.jsoneditor-jmespath-block.jsoneditor-modal-actions input:hover {
    background: var(--config-settings-background);
    color: var(--config-settings-color);
    border-color: var(--config-settings-color)
}

div.jsoneditor-jmespath-block textarea#query,
textarea.jsoneditor-transform-preview {
    border: 1px solid var(--config-settings-color);
    border-radius: var(--curve-factor)
}

.scroll-bar::-webkit-scrollbar,
div.theme-configurator-wrapper div.color-row-container::-webkit-scrollbar {
    width: var(--scroll-bar-width);
    height: var(--scroll-bar-width)
}

.scroll-bar::-webkit-scrollbar-track,
div.theme-configurator-wrapper div.color-row-container::-webkit-scrollbar-track {
    border-radius: var(--curve-factor);
    background-color: var(--scroll-bar-background)
}

.scroll-bar::-webkit-scrollbar-thumb,
div.theme-configurator-wrapper div.color-row-container::-webkit-scrollbar-thumb {
    background: var(--scroll-bar-color);
    border-radius: var(--curve-factor)
}

div.theme-configurator-wrapper {
    position: absolute;
    top: 4rem;
    right: 1rem;
    width: 16rem;
    min-height: 12rem;
    max-height: 32rem;
    padding: .5rem;
    z-index: 5;
    overflow-y: visible;
    background: var(--config-settings-background);
    color: var(--config-settings-color);
    border-radius: var(--curve-factor);
    -webkit-box-shadow: 0 8px 10px -2px rgba(0, 0, 0, .6), 1px 1px 6px var(--primary);
    box-shadow: 0 8px 10px -2px rgba(0, 0, 0, .6), 1px 1px 6px var(--primary)
}

div.theme-configurator-wrapper h3.configurator-title {
    text-align: center;
    font-weight: 400;
    margin: .4rem
}

div.theme-configurator-wrapper div.color-row-container {
    max-height: 20rem;
    overflow-y: visible
}

div.theme-configurator-wrapper div.color-row-container div.color-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .25rem 0;
    border-bottom: 1px dashed var(--primary)
}

div.theme-configurator-wrapper div.color-row-container div.color-row label.color-name {
    text-transform: capitalize
}

div.theme-configurator-wrapper input.misc-input,
div.theme-configurator-wrapper input.swatch-input {
    border: none;
    margin: .2rem;
    padding: .5rem;
    width: 4rem;
    border-radius: var(--curve-factor);
    font-family: var(--font-monospace);
    color: var(--black);
    font-weight: 700;
    cursor: pointer
}

div.theme-configurator-wrapper input.misc-input:hover,
div.theme-configurator-wrapper input.swatch-input:hover {
    -webkit-box-shadow: inset 0 0 4px 4px rgba(0, 0, 0, .2);
    box-shadow: inset 0 0 4px 4px rgba(0, 0, 0, .2)
}

div.theme-configurator-wrapper input.misc-input:active,
div.theme-configurator-wrapper input.swatch-input:active {
    -webkit-box-shadow: inset 0 0 4px 4px rgba(0, 0, 0, .5019607843);
    box-shadow: inset 0 0 4px 4px rgba(0, 0, 0, .5019607843);
    outline: none
}

div.theme-configurator-wrapper input.misc-input.long-input,
div.theme-configurator-wrapper input.swatch-input.long-input {
    cursor: text;
    font-style: italic;
    font-weight: 200;
    padding: .5rem .2rem;
    font-size: .75rem;
    width: 9rem
}

div.theme-configurator-wrapper input.misc-input.long-input:hover,
div.theme-configurator-wrapper input.swatch-input.long-input:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

p.action-text-btn {
    cursor: pointer;
    margin: .5rem auto 0;
    padding: .2rem .4rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
    text-decoration: underline;
    border-radius: var(--curve-factor);
    border: 1px solid var(--background-darker)
}

p.action-text-btn:hover {
    background: var(--background);
    border-color: var(--primary);
    text-decoration: none
}

p.action-text-btn:active {
    background: var(--primary);
    color: var(--background)
}

p.action-text-btn.hide {
    display: none
}

div.action-buttons,
div.action-buttons button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

div.action-buttons button {
    min-width: 6rem;
    padding: .25rem .5rem;
    margin: 1rem .5rem .5rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

div.theme-configurator-wrapper.showing-all,
div.theme-configurator-wrapper.showing-all div.color-row-container {
    overflow: auto
}

div.theme-configurator-wrapper.showing-all p.show-all-vars-btn {
    display: none
}

.v-select {
    position: relative;
    font-family: inherit
}

.v-select,
.v-select * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@-webkit-keyframes vSelectSpinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes vSelectSpinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.vs__fade-enter-active,
.vs__fade-leave-active {
    pointer-events: none;
    -webkit-transition: opacity .15s cubic-bezier(1, .5, .8, 1);
    transition: opacity .15s cubic-bezier(1, .5, .8, 1)
}

.vs__fade-enter,
.vs__fade-leave-to {
    opacity: 0
}

.vs--disabled .vs__clear,
.vs--disabled .vs__dropdown-toggle,
.vs--disabled .vs__open-indicator,
.vs--disabled .vs__search,
.vs--disabled .vs__selected {
    cursor: not-allowed;
    background-color: #f8f8f8
}

.v-select[dir=rtl] .vs__actions {
    padding: 0 3px 0 6px
}

.v-select[dir=rtl] .vs__clear {
    margin-left: 6px;
    margin-right: 0
}

.v-select[dir=rtl] .vs__deselect {
    margin-left: 0;
    margin-right: 2px
}

.v-select[dir=rtl] .vs__dropdown-menu {
    text-align: right
}

.vs__dropdown-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 0 4px 0;
    background: none;
    border: 1px solid rgba(60, 60, 60, .26);
    border-radius: 4px;
    white-space: normal
}

.vs__dropdown-toggle,
.vs__selected-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vs__selected-options {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 2px;
    position: relative
}

.vs__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 6px 0 3px
}

.vs--searchable .vs__dropdown-toggle {
    cursor: text
}

.vs--unsearchable .vs__dropdown-toggle {
    cursor: pointer
}

.vs--open .vs__dropdown-toggle {
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.vs__open-indicator {
    fill: rgba(60, 60, 60, .5);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .15s cubic-bezier(1, -.115, .975, .855);
    transition: -webkit-transform .15s cubic-bezier(1, -.115, .975, .855);
    transition: transform .15s cubic-bezier(1, -.115, .975, .855);
    transition: transform .15s cubic-bezier(1, -.115, .975, .855), -webkit-transform .15s cubic-bezier(1, -.115, .975, .855);
    -webkit-transition-timing-function: cubic-bezier(1, -.115, .975, .855);
    transition-timing-function: cubic-bezier(1, -.115, .975, .855)
}

.vs--open .vs__open-indicator {
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1)
}

.vs--loading .vs__open-indicator {
    opacity: 0
}

.vs__clear {
    fill: rgba(60, 60, 60, .5);
    padding: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    margin-right: 8px
}

.vs__dropdown-menu {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    z-index: 1000;
    padding: 5px 0;
    margin: 0;
    width: 100%;
    max-height: 350px;
    min-width: 160px;
    overflow-y: auto;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15);
    border: 1px solid rgba(60, 60, 60, .26);
    border-top-style: none;
    border-radius: 0 0 4px 4px;
    text-align: left;
    list-style: none;
    background: #fff
}

.vs__no-options {
    text-align: center
}

.vs__dropdown-option {
    line-height: 1.42857143;
    display: block;
    padding: 3px 20px;
    clear: both;
    color: #333;
    white-space: nowrap;
    cursor: pointer
}

.vs__dropdown-option--highlight {
    background: #5897fb;
    color: #fff
}

.vs__dropdown-option--deselect {
    background: #fb5858;
    color: #fff
}

.vs__dropdown-option--disabled {
    background: inherit;
    color: rgba(60, 60, 60, .5);
    cursor: inherit
}

.vs__selected {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f0f0f0;
    border: 1px solid rgba(60, 60, 60, .26);
    border-radius: 4px;
    color: #333;
    line-height: 1.4;
    margin: 4px 2px 0 2px;
    padding: 0 .25em;
    z-index: 0
}

.vs__deselect {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-left: 4px;
    padding: 0;
    border: 0;
    cursor: pointer;
    background: none;
    fill: rgba(60, 60, 60, .5);
    text-shadow: 0 1px 0 #fff
}

.vs--single .vs__selected {
    background-color: transparent;
    border-color: transparent
}

.vs--single.vs--loading .vs__selected,
.vs--single.vs--open .vs__selected {
    position: absolute;
    opacity: .4
}

.vs--single.vs--searching .vs__selected {
    display: none
}

.vs__search::-webkit-search-cancel-button {
    display: none
}

.vs__search::-ms-clear,
.vs__search::-webkit-search-decoration,
.vs__search::-webkit-search-results-button,
.vs__search::-webkit-search-results-decoration {
    display: none
}

.vs__search,
.vs__search:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1.4;
    font-size: 1em;
    border: 1px solid transparent;
    border-left: none;
    outline: none;
    margin: 4px 0 0 0;
    padding: 0 7px;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 0;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 1
}

.vs__search::-webkit-input-placeholder {
    color: inherit
}

.vs__search::-moz-placeholder {
    color: inherit
}

.vs__search:-ms-input-placeholder {
    color: inherit
}

.vs__search::-ms-input-placeholder {
    color: inherit
}

.vs__search::placeholder {
    color: inherit
}

.vs--unsearchable .vs__search {
    opacity: 1
}

.vs--unsearchable:not(.vs--disabled) .vs__search {
    cursor: pointer
}

.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
    opacity: .2
}

.vs__spinner {
    -ms-flex-item-align: center;
    align-self: center;
    opacity: 0;
    font-size: 5px;
    text-indent: -9999em;
    overflow: hidden;
    border-top: .9em solid hsla(0, 0%, 39.2%, .1);
    border-right: .9em solid hsla(0, 0%, 39.2%, .1);
    border-bottom: .9em solid hsla(0, 0%, 39.2%, .1);
    border-left: .9em solid rgba(60, 60, 60, .45);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: vSelectSpinner 1.1s linear infinite;
    animation: vSelectSpinner 1.1s linear infinite;
    -webkit-transition: opacity .1s;
    transition: opacity .1s
}

.vs__spinner,
.vs__spinner:after {
    border-radius: 50%;
    width: 5em;
    height: 5em
}

.vs--loading .vs__spinner {
    opacity: 1
}

.scroll-bar::-webkit-scrollbar,
.theme-dropdown ul.vs__dropdown-menu::-webkit-scrollbar {
    width: var(--scroll-bar-width);
    height: var(--scroll-bar-width)
}

.scroll-bar::-webkit-scrollbar-track,
.theme-dropdown ul.vs__dropdown-menu::-webkit-scrollbar-track {
    border-radius: var(--curve-factor);
    background-color: var(--scroll-bar-background)
}

.scroll-bar::-webkit-scrollbar-thumb,
.theme-dropdown ul.vs__dropdown-menu::-webkit-scrollbar-thumb {
    background: var(--scroll-bar-color);
    border-radius: var(--curve-factor)
}

.theme-dropdown div.vs__dropdown-toggle {
    border-color: var(--settings-text-color);
    border-radius: var(--curve-factor);
    min-width: 8rem;
    max-width: 16rem;
    height: 1.8rem;
    font-size: .85rem;
    cursor: pointer
}

.theme-dropdown li.vs__dropdown-option,
.theme-dropdown span.vs__selected {
    color: var(--settings-text-color);
    text-transform: capitalize
}

.theme-dropdown svg.vs__open-indicator {
    fill: var(--settings-text-color)
}

.theme-dropdown ul.vs__dropdown-menu {
    width: auto;
    z-index: 12;
    max-width: 13rem;
    overflow-x: hidden;
    background: var(--background);
    border-radius: var(--curve-factor);
    border-top: 1px solid var(--settings-text-color)
}

.theme-dropdown li.vs__dropdown-option--highlight {
    background: var(--settings-text-color);
    color: var(--background)
}

.theme-dropdown button.vs__clear {
    display: none
}

.theme-selector-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.theme-selector-section span.theme-label {
    font-size: 1rem;
    color: var(--settings-text-color);
    margin: 1px 0 2px 0
}

svg.color-button {
    width: 1rem;
    height: 1rem;
    padding: .2rem;
    margin: .5rem;
    -ms-flex-item-align: end;
    align-self: flex-end;
    text-align: center;
    background: var(--background);
    border: 1px solid var(--settings-text-color);
    border-radius: var(--curve-factor);
    cursor: pointer
}

svg.color-button path {
    fill: var(--settings-text-color)
}

svg.color-button.selected,
svg.color-button:hover {
    background: var(--settings-text-color)
}

svg.color-button.selected path,
svg.color-button:hover path {
    fill: var(--background)
}

div.css-editor-outer {
    text-align: center;
    padding-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

div.css-editor-outer .style-section {
    padding: 1rem
}

div.css-editor-outer .style-section:not(:last-child) {
    border-bottom: 1px dashed var(--config-settings-color)
}

div.css-editor-outer .style-section h3 {
    font-size: 1.4rem;
    margin: .5rem 0 .2rem
}

div.css-editor-outer div.css-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

button.save-button {
    background: var(--config-settings-background);
    color: var(--config-settings-color);
    border: 1px solid var(--config-settings-color)
}

button.save-button:hover:not(:disabled) {
    background: var(--config-settings-color);
    color: var(--config-settings-background)
}

.css-editor {
    margin: 1rem auto;
    padding: .5rem;
    width: 80%;
    height: 8rem;
    max-height: 16rem;
    min-height: 4rem;
    resize: vertical;
    outline: none;
    border: 1px solid var(--config-settings-color);
    border-radius: var(--curve-factor);
    background: var(--transparent-50);
    color: var(--config-settings-color)
}

.css-editor:focus {
    -webkit-box-shadow: 0 40px 70px -2px rgba(0, 0, 0, .6), 1px 1px 6px var(--config-settings-color);
    box-shadow: 0 40px 70px -2px rgba(0, 0, 0, .6), 1px 1px 6px var(--config-settings-color)
}

p.quick-note {
    text-align: left;
    width: 80%;
    margin: 1rem auto;
    padding: .5rem;
    font-size: .9rem;
    opacity: var(--dimming-factor);
    border-radius: var(--curve-factor)
}

.base-theme-wrapper span.theme-label {
    display: none
}

.base-theme-wrapper div.vs__dropdown-toggle {
    border-color: var(--config-settings-color);
    min-width: 16rem;
    max-width: 32rem;
    height: 2.4rem;
    font-size: 1rem;
    margin: .5rem
}

.base-theme-wrapper ul.vs__dropdown-menu {
    min-width: 16rem;
    max-width: 32rem;
    background: var(--config-settings-background);
    border-top: 1px solid var(--config-settings-color)
}

.base-theme-wrapper li.vs__dropdown-option--highlight {
    background: var(--config-settings-color);
    color: var(--config-settings-background)
}

.color-config.theme-configurator-wrapper {
    background: var(--config-settings-background);
    color: var(--config-settings-color);
    position: relative;
    width: 80%;
    max-width: 32rem;
    margin: 1rem auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    right: 0;
    top: 0;
    max-height: unset
}

.color-config.theme-configurator-wrapper .color-row-container {
    text-align: left;
    max-height: unset
}

.color-config.theme-configurator-wrapper .misc-input {
    width: 6rem
}

.color-config.theme-configurator-wrapper .misc-input.long-input {
    width: 18rem
}

div.input-container[data-v-d73a1742] {
    margin: .25rem auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

div.input-container.vertical[data-v-d73a1742] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width:780px) {
    div.input-container.horizontal[data-v-d73a1742] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    div.input-container.horizontal input.input-field[data-v-d73a1742],
    div.input-container.horizontal label.input-label[data-v-d73a1742],
    div.input-container.horizontal p.input-description[data-v-d73a1742] {
        margin: .25rem;
        -ms-flex-preferred-size: 8rem;
        flex-basis: 8rem;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    div.input-container.horizontal input.input-field[data-v-d73a1742] {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2
    }

    div.input-container.horizontal p.input-description[data-v-d73a1742] {
        -webkit-box-flex: 3;
        -ms-flex-positive: 3;
        flex-grow: 3
    }
}

div.input-container input.input-field[data-v-d73a1742] {
    min-width: 10rem;
    padding: .5rem .75rem;
    margin: .5rem auto;
    font-size: 1.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--primary);
    background: var(--background);
    border: 1px solid var(--primary);
    border-radius: var(--curve-factor)
}

div.input-container input.input-field[data-v-d73a1742]:focus {
    -webkit-box-shadow: 1px 1px 6px var(--config-settings-color);
    box-shadow: 1px 1px 6px var(--config-settings-color);
    outline: none
}

div.input-container label.input-label[data-v-d73a1742] {
    text-transform: capitalize
}

div.input-container p.input-description[data-v-d73a1742] {
    opacity: var(--dimming-factor)
}

@media(max-width:779px) {
    div.input-container[data-v-d73a1742] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    div.input-container input.input-field[data-v-d73a1742] {
        margin: .5rem
    }
}

.scroll-bar[data-v-08ebf71c]::-webkit-scrollbar,
div.cloud-backup-restore-wrapper[data-v-08ebf71c]::-webkit-scrollbar {
    width: var(--scroll-bar-width);
    height: var(--scroll-bar-width)
}

.scroll-bar[data-v-08ebf71c]::-webkit-scrollbar-track,
div.cloud-backup-restore-wrapper[data-v-08ebf71c]::-webkit-scrollbar-track {
    border-radius: var(--curve-factor);
    background-color: var(--scroll-bar-background)
}

.scroll-bar[data-v-08ebf71c]::-webkit-scrollbar-thumb,
div.cloud-backup-restore-wrapper[data-v-08ebf71c]::-webkit-scrollbar-thumb {
    background: var(--scroll-bar-color);
    border-radius: var(--curve-factor)
}

.svg-button[data-v-08ebf71c] {
    color: var(--primary)
}

.svg-button svg[data-v-08ebf71c] {
    width: 1rem;
    height: 1rem;
    margin: .2rem;
    padding: .2rem;
    text-align: center;
    background: var(--background);
    border: 1px solid currentColor;
    border-radius: var(--curve-factor);
    cursor: pointer
}

.svg-button svg path[data-v-08ebf71c] {
    fill: var(--settings-text-color)
}

.svg-button svg.selected[data-v-08ebf71c],
.svg-button svg[data-v-08ebf71c]:hover {
    background: var(--settings-text-color)
}

.svg-button svg.selected path[data-v-08ebf71c],
.svg-button svg:hover path[data-v-08ebf71c] {
    fill: var(--background)
}

.svg-button svg.disabled[data-v-08ebf71c] {
    opacity: var(--dimming-factor);
    cursor: not-allowed
}

.svg-button svg.disabled[data-v-08ebf71c]:hover {
    border: 1px solid currentColor;
    background: var(--background)
}

.svg-button svg.disabled:hover path[data-v-08ebf71c] {
    fill: var(--settings-text-color)
}

.highlight[data-v-08ebf71c] ::-moz-selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.highlight[data-v-08ebf71c] ::selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.highlight[data-v-08ebf71c] ::-moz-selection,
.highlight[data-v-08ebf71c] ::-ms-selection,
.highlight[data-v-08ebf71c] ::-o-selection,
.highlight[data-v-08ebf71c] ::-webkit-selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.bold[data-v-08ebf71c] {
    font-weight: 700
}

.light[data-v-08ebf71c] {
    font-weight: lighter
}

.text-left[data-v-08ebf71c] {
    text-align: left
}

.text-right[data-v-08ebf71c] {
    text-align: right
}

.text-center[data-v-08ebf71c] {
    text-align: center
}

.horizontal-center[data-v-08ebf71c] {
    margin: 0 auto
}

.border-box[data-v-08ebf71c] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

div.cloud-backup-restore-wrapper[data-v-08ebf71c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: center;
    overflow: auto;
    height: 100%;
    color: var(--cloud-backup-color);
    background: var(--cloud-backup-background)
}

div.cloud-backup-restore-wrapper h2[data-v-08ebf71c],
div.cloud-backup-restore-wrapper h3[data-v-08ebf71c] {
    font-size: 1.6rem
}

div.cloud-backup-restore-wrapper p.intro[data-v-08ebf71c] {
    text-align: left;
    font-size: 1rem;
    margin: .25rem;
    padding: .25rem
}

div.cloud-backup-restore-wrapper .section[data-v-08ebf71c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 1rem auto;
    padding: 0 .5rem 1rem .5rem
}

div.cloud-backup-restore-wrapper .section.intro[data-v-08ebf71c] {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-bottom: 1px dashed var(--cloud-backup-color)
}

div.cloud-backup-restore-wrapper .section.intro a[data-v-08ebf71c] {
    color: var(--cloud-backup-color)
}

div.results-view[data-v-08ebf71c] {
    width: 16rem;
    margin: .5rem auto;
    padding: .5rem .75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px dashed var(--cloud-backup-color);
    border-radius: var(--curve-factor);
    text-align: left
}

div.results-view .backup-id-label[data-v-08ebf71c],
div.results-view .backup-id-value[data-v-08ebf71c] {
    display: inline;
    font-size: 1rem;
    margin-right: .5rem
}

div.results-view .backup-id-note[data-v-08ebf71c] {
    font-size: .8rem;
    display: block;
    opacity: .8;
    margin-top: .5rem
}

button[data-v-08ebf71c],
input[data-v-08ebf71c] {
    color: var(--cloud-backup-color);
    border: 1px solid var(--cloud-backup-color);
    background: none;
    width: 16rem
}

input[data-v-08ebf71c]:focus {
    -webkit-box-shadow: 1px 1px 6px var(--cloud-backup-color);
    box-shadow: 1px 1px 6px var(--cloud-backup-color)
}

button[data-v-08ebf71c]:hover {
    color: var(--cloud-backup-background);
    border: 1px solid var(--cloud-backup-background);
    background: var(--cloud-backup-color)
}

.rebuild-app-container[data-v-b7cc5900] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 1rem;
    overflow: auto
}

.rebuild-app-container[data-v-b7cc5900],
.rebuild-app-container button[data-v-b7cc5900] {
    color: var(--config-settings-color);
    background: var(--config-settings-background)
}

.rebuild-app-container p.disallow-rebuild-msg[data-v-b7cc5900] {
    color: var(--danger);
    font-size: 1.2rem;
    margin: .2rem auto;
    text-align: center
}

.rebuild-app-container h3.rebuild-app-title[data-v-b7cc5900] {
    text-align: center;
    font-size: 2rem;
    margin: 1rem
}

.rebuild-app-container div.loader-info[data-v-b7cc5900] {
    margin: .2rem auto;
    text-align: center
}

.rebuild-app-container div.loader-info svg.loader[data-v-b7cc5900] {
    width: 100px
}

.rebuild-app-container div.loader-info p.loading-message[data-v-b7cc5900] {
    margin: 0;
    font-size: .8rem;
    opacity: var(--dimming-factor);
    -webkit-animation: fadeIn-b7cc5900 3s;
    animation: fadeIn-b7cc5900 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

@-webkit-keyframes fadeIn-b7cc5900 {
    90% {
        opacity: 0
    }

    95% {
        opacity: .8
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn-b7cc5900 {
    90% {
        opacity: 0
    }

    95% {
        opacity: .8
    }

    to {
        opacity: 1
    }
}

.rebuild-app-container div.rebuild-response[data-v-b7cc5900] {
    width: 80%;
    margin: 0 auto 4rem auto;
    text-align: center
}

.rebuild-app-container div.rebuild-response p.response-status[data-v-b7cc5900] {
    font-size: 1rem;
    text-align: left
}

.rebuild-app-container div.rebuild-response p.response-status.success[data-v-b7cc5900] {
    color: var(--success)
}

.rebuild-app-container div.rebuild-response p.response-status.failure[data-v-b7cc5900] {
    color: var(--danger)
}

.rebuild-app-container div.rebuild-response pre.output[data-v-b7cc5900] {
    padding: 1rem;
    font-size: .75rem;
    border-radius: var(--curve-factor-small);
    text-align: left;
    color: var(--white);
    background: var(--black);
    white-space: pre-wrap
}

.rebuild-app-container div.rebuild-response p.rebuild-message[data-v-b7cc5900] {
    font-size: 1rem;
    text-align: left;
    margin: .8rem 0;
    color: var(--config-settings-color)
}

div.app-version[data-v-609e63b4] {
    color: var(--settings-text-color);
    text-align: center
}

div.app-version p[data-v-609e63b4] {
    margin: .5rem auto;
    color: var(--transparent-white-50);
    cursor: default
}

div.app-version p.up-to-date[data-v-609e63b4] {
    color: var(--success);
    font-weight: 700;
    opacity: .8
}

div.app-version p.update-availible[data-v-609e63b4] {
    color: var(--warning);
    opacity: .8
}

div.app-version p.big-update-availible[data-v-609e63b4] {
    color: var(--danger)
}

div.app-version p.big-update-availible .please-update[data-v-609e63b4] {
    font-size: .8rem;
    color: var(--danger);
    display: block
}

.scroll-bar[data-v-c9859a04]::-webkit-scrollbar,
.tab-item[data-v-c9859a04]::-webkit-scrollbar {
    width: var(--scroll-bar-width);
    height: var(--scroll-bar-width)
}

.scroll-bar[data-v-c9859a04]::-webkit-scrollbar-track,
.tab-item[data-v-c9859a04]::-webkit-scrollbar-track {
    border-radius: var(--curve-factor);
    background-color: var(--scroll-bar-background)
}

.scroll-bar[data-v-c9859a04]::-webkit-scrollbar-thumb,
.tab-item[data-v-c9859a04]::-webkit-scrollbar-thumb {
    background: var(--scroll-bar-color);
    border-radius: var(--curve-factor)
}

.svg-button[data-v-c9859a04] {
    color: var(--primary)
}

.svg-button svg[data-v-c9859a04] {
    width: 1rem;
    height: 1rem;
    margin: .2rem;
    padding: .2rem;
    text-align: center;
    background: var(--background);
    border: 1px solid currentColor;
    border-radius: var(--curve-factor);
    cursor: pointer
}

.svg-button svg path[data-v-c9859a04] {
    fill: var(--settings-text-color)
}

.svg-button svg.selected[data-v-c9859a04],
.svg-button svg[data-v-c9859a04]:hover {
    background: var(--settings-text-color)
}

.svg-button svg.selected path[data-v-c9859a04],
.svg-button svg:hover path[data-v-c9859a04] {
    fill: var(--background)
}

.svg-button svg.disabled[data-v-c9859a04] {
    opacity: var(--dimming-factor);
    cursor: not-allowed
}

.svg-button svg.disabled[data-v-c9859a04]:hover {
    border: 1px solid currentColor;
    background: var(--background)
}

.svg-button svg.disabled:hover path[data-v-c9859a04] {
    fill: var(--settings-text-color)
}

.highlight[data-v-c9859a04] ::-moz-selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.highlight[data-v-c9859a04] ::selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.highlight[data-v-c9859a04] ::-moz-selection,
.highlight[data-v-c9859a04] ::-ms-selection,
.highlight[data-v-c9859a04] ::-o-selection,
.highlight[data-v-c9859a04] ::-webkit-selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.bold[data-v-c9859a04] {
    font-weight: 700
}

.light[data-v-c9859a04] {
    font-weight: lighter
}

.text-left[data-v-c9859a04] {
    text-align: left
}

.text-right[data-v-c9859a04] {
    text-align: right
}

.text-center[data-v-c9859a04] {
    text-align: center
}

.horizontal-center[data-v-c9859a04] {
    margin: 0 auto
}

.border-box[data-v-c9859a04] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

pre[data-v-c9859a04] {
    color: var(--config-code-color);
    font-weight: 700 !important;
    padding: .5rem 1rem
}

a.config-button[data-v-c9859a04],
button.config-button[data-v-c9859a04] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 1.2rem;
    background: var(--config-settings-background);
    color: var(--config-settings-color);
    border: 1px solid var(--config-settings-color);
    margin: .5rem auto;
    min-width: 15rem;
    width: 100%
}

a.config-button svg.button-icon[data-v-c9859a04],
button.config-button svg.button-icon[data-v-c9859a04] {
    width: 1rem;
    height: 1rem;
    padding: .2rem
}

a.config-button svg.button-icon path[data-v-c9859a04],
button.config-button svg.button-icon path[data-v-c9859a04] {
    fill: var(--config-settings-color)
}

a.config-button[data-v-c9859a04]:hover:not(.disallowed),
button.config-button[data-v-c9859a04]:hover:not(.disallowed) {
    background: var(--config-settings-color);
    color: var(--config-settings-background)
}

a.config-button:hover:not(.disallowed) svg path[data-v-c9859a04],
button.config-button:hover:not(.disallowed) svg path[data-v-c9859a04] {
    fill: var(--config-settings-background)
}

a.hyperlink-wrapper[data-v-c9859a04] {
    margin: 0 auto;
    text-decoration: none;
    min-width: 18rem;
    width: 100%
}

p.app-version[data-v-c9859a04],
p.config-location[data-v-c9859a04],
p.language[data-v-c9859a04] {
    margin: .5rem auto;
    font-size: 1rem;
    color: var(--config-settings-color);
    cursor: default;
    opacity: var(--dimming-factor)
}

p.app-version a[data-v-c9859a04],
p.config-location a[data-v-c9859a04],
p.language a[data-v-c9859a04] {
    color: var(--config-settings-color)
}

div.code-container[data-v-c9859a04] {
    background: var(--config-code-background)
}

div.code-container .yaml-action-buttons[data-v-c9859a04] {
    position: absolute;
    top: 1.5rem;
    right: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px dashed;
    padding: .5rem;
    border-radius: 4px
}

div.code-container .yaml-action-buttons h2[data-v-c9859a04] {
    margin: 0;
    text-align: center;
    color: var(--config-code-color)
}

div.code-container .yaml-action-buttons a.yaml-button[data-v-c9859a04] {
    padding: .25rem .5rem;
    font-size: 1rem;
    color: var(--config-code-color);
    border-radius: var(--curve-factor);
    cursor: pointer;
    text-decoration: underline;
    border: 1px solid var(--config-code-background)
}

div.code-container .yaml-action-buttons a.yaml-button[data-v-c9859a04]:hover {
    color: var(--config-code-color);
    border-color: var(--config-code-color);
    text-decoration: none
}

div.code-container .yaml-action-buttons a.yaml-button[data-v-c9859a04]:active {
    color: var(--config-code-background);
    background-color: var(--config-settings-color);
    text-decoration: none
}

.tab-item[data-v-c9859a04] {
    overflow-y: auto;
    background: var(--config-settings-background)
}

.tab-item.main-tab[data-v-c9859a04] {
    min-height: 500px
}

.main-options-container[data-v-c9859a04] {
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.config-buttons[data-v-c9859a04],
.main-options-container[data-v-c9859a04] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.config-buttons[data-v-c9859a04] {
    background: var(--config-settings-background);
    height: calc(100% + 1rem);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 2rem 1rem 0
}

.config-buttons h2[data-v-c9859a04] {
    margin: 0 auto 1rem auto;
    color: var(--config-settings-color)
}

.config-note[data-v-c9859a04] {
    width: 80%;
    max-width: 700px;
    left: 10%;
    bottom: 1rem;
    margin: .5rem auto;
    padding: .5rem .75rem;
    text-align: center;
    border: 1px dashed var(--config-settings-color);
    border-radius: var(--curve-factor);
    opacity: var(--dimming-factor);
    color: var(--config-settings-color);
    background: var(--config-settings-background);
    cursor: default;
    display: none
}

.config-note p.sub-title[data-v-c9859a04] {
    font-weight: 700;
    margin: 0;
    display: inline
}

.config-note[data-v-c9859a04]:hover {
    opacity: 1
}

@media(min-width:780px) {
    .config-note[data-v-c9859a04] {
        display: block
    }
}

p.config-disabled-note[data-v-c9859a04] {
    margin: .5rem auto;
    padding: 0 .5rem;
    font-weight: 700;
    color: var(--warning);
    opacity: var(--dimming-factor)
}

p.small-screen-note[data-v-c9859a04] {
    margin: .5rem auto;
    padding: 0 .5rem;
    text-align: center;
    opacity: .8;
    font-size: .9rem;
    color: var(--warning)
}

@media(max-width:599px) {
    p.small-screen-note[data-v-c9859a04] {
        display: block !important
    }
}

.hideTabs .tab__pagination {
    display: none !important
}

.tabs__content {
    height: -webkit-fill-available;
    height: -moz-available;
    height: stretch;
    height: 100%
}

.tab-item,
.tab__pagination {
    background: var(--config-settings-background) !important
}

.tab__pagination,
.tab__pagination .tab__nav__items .tab__nav__item span {
    color: var(--config-settings-color) !important
}

.tab__pagination .tab__nav__items .tab__nav__item:hover {
    background: var(--config-settings-color) !important
}

.tab__pagination .tab__nav__items .tab__nav__item:hover span {
    color: var(--config-settings-background) !important
}

.tab__pagination .tab__nav__items .tab__nav__item.active span {
    font-weight: 700 !important;
    color: var(--config-settings-color) !important
}

.tab__pagination .tab__nav__items .tab__nav__item.active:hover span {
    color: var(--config-settings-background) !important
}

.tab__pagination .tab__nav__items .tab__nav__item.active {
    border-bottom: 2px solid var(--config-settings-color) !important
}

.tab__pagination hr.tab__slider {
    background: var(--config-settings-color) !important
}

.language-switcher[data-v-35dfeeb8] {
    height: 100%;
    margin: 0;
    padding: 1rem;
    background: var(--config-settings-background);
    color: var(--config-settings-color)
}

.language-switcher h3.title[data-v-35dfeeb8] {
    text-align: center
}

.language-switcher p.intro[data-v-35dfeeb8] {
    margin: 0
}

.language-switcher button.save-button[data-v-35dfeeb8] {
    margin: 0 auto;
    width: 100%
}

.language-switcher p.sad-times[data-v-35dfeeb8] {
    color: var(--warning);
    text-align: center
}

.language-switcher p.current-lang[data-v-35dfeeb8] {
    color: var(--success);
    opacity: var(--dimming-factor);
    text-align: center;
    position: absolute;
    margin: 1rem auto;
    cursor: default;
    width: 100%;
    bottom: 0
}

.language-dropdown ul.vs__dropdown-menu::-webkit-scrollbar,
.scroll-bar::-webkit-scrollbar {
    width: var(--scroll-bar-width);
    height: var(--scroll-bar-width)
}

.language-dropdown ul.vs__dropdown-menu::-webkit-scrollbar-track,
.scroll-bar::-webkit-scrollbar-track {
    border-radius: var(--curve-factor);
    background-color: var(--scroll-bar-background)
}

.language-dropdown ul.vs__dropdown-menu::-webkit-scrollbar-thumb,
.scroll-bar::-webkit-scrollbar-thumb {
    background: var(--scroll-bar-color);
    border-radius: var(--curve-factor)
}

.language-dropdown {
    margin: 1rem auto
}

.language-dropdown ul.vs__dropdown-menu {
    max-height: 14rem
}

.language-dropdown div.vs__dropdown-toggle {
    padding: .2rem 0
}

.language-dropdown div,
.language-dropdown input {
    cursor: pointer
}

.view-switcher[data-v-a8b14c82] {
    position: absolute;
    right: 1rem;
    margin-top: 3rem;
    z-index: 5;
    background: var(--background);
    border: 1px solid var(--settings-text-color);
    border-radius: var(--curve-factor);
    -webkit-box-shadow: var(--settings-container-shadow);
    box-shadow: var(--settings-container-shadow)
}

.view-switcher ul[data-v-a8b14c82] {
    list-style: none;
    margin: 0;
    padding: 0
}

.view-switcher ul li[data-v-a8b14c82] {
    cursor: pointer;
    padding: .25rem .75rem
}

.view-switcher ul li a[data-v-a8b14c82] {
    color: var(--settings-text-color);
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.view-switcher ul li[data-v-a8b14c82]:hover {
    background: var(--settings-text-color)
}

.view-switcher ul li:hover a[data-v-a8b14c82] {
    color: var(--background)
}

.view-switcher ul li svg[data-v-a8b14c82] {
    margin: 0 .5rem 0 0;
    width: 1rem;
    border: none
}

.scroll-bar[data-v-2be0b1e4]::-webkit-scrollbar {
    width: var(--scroll-bar-width);
    height: var(--scroll-bar-width)
}

.scroll-bar[data-v-2be0b1e4]::-webkit-scrollbar-track {
    border-radius: var(--curve-factor);
    background-color: var(--scroll-bar-background)
}

.scroll-bar[data-v-2be0b1e4]::-webkit-scrollbar-thumb {
    background: var(--scroll-bar-color);
    border-radius: var(--curve-factor)
}

.config-options[data-v-2be0b1e4],
.svg-button[data-v-2be0b1e4] {
    color: var(--primary)
}

.config-options svg[data-v-2be0b1e4],
.svg-button svg[data-v-2be0b1e4] {
    width: 1rem;
    height: 1rem;
    margin: .2rem;
    padding: .2rem;
    text-align: center;
    background: var(--background);
    border: 1px solid currentColor;
    border-radius: var(--curve-factor);
    cursor: pointer
}

.config-options svg path[data-v-2be0b1e4],
.svg-button svg path[data-v-2be0b1e4] {
    fill: var(--settings-text-color)
}

.config-options svg.selected[data-v-2be0b1e4],
.config-options svg[data-v-2be0b1e4]:hover,
.svg-button svg.selected[data-v-2be0b1e4],
.svg-button svg[data-v-2be0b1e4]:hover {
    background: var(--settings-text-color)
}

.config-options svg.selected path[data-v-2be0b1e4],
.config-options svg:hover path[data-v-2be0b1e4],
.svg-button svg.selected path[data-v-2be0b1e4],
.svg-button svg:hover path[data-v-2be0b1e4] {
    fill: var(--background)
}

.config-options svg.disabled[data-v-2be0b1e4],
.svg-button svg.disabled[data-v-2be0b1e4] {
    opacity: var(--dimming-factor);
    cursor: not-allowed
}

.config-options svg.disabled[data-v-2be0b1e4]:hover,
.svg-button svg.disabled[data-v-2be0b1e4]:hover {
    border: 1px solid currentColor;
    background: var(--background)
}

.config-options svg.disabled:hover path[data-v-2be0b1e4],
.svg-button svg.disabled:hover path[data-v-2be0b1e4] {
    fill: var(--settings-text-color)
}

.highlight[data-v-2be0b1e4] ::-moz-selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.highlight[data-v-2be0b1e4] ::selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.highlight[data-v-2be0b1e4] ::-moz-selection,
.highlight[data-v-2be0b1e4] ::-ms-selection,
.highlight[data-v-2be0b1e4] ::-o-selection,
.highlight[data-v-2be0b1e4] ::-webkit-selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.bold[data-v-2be0b1e4] {
    font-weight: 700
}

.light[data-v-2be0b1e4] {
    font-weight: lighter
}

.text-left[data-v-2be0b1e4] {
    text-align: left
}

.text-right[data-v-2be0b1e4] {
    text-align: right
}

.text-center[data-v-2be0b1e4] {
    text-align: center
}

.horizontal-center[data-v-2be0b1e4] {
    margin: 0 auto
}

.border-box[data-v-2be0b1e4] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.config-options[data-v-2be0b1e4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--settings-text-color);
    min-width: 3.2rem
}

.display-options[data-v-748b80da],
span.options-label[data-v-748b80da] {
    color: var(--settings-text-color)
}

.display-options svg[data-v-748b80da] {
    width: 1rem;
    height: 1rem;
    margin: .2rem;
    padding: .2rem;
    text-align: center;
    background: var(--background);
    border: 1px solid currentColor;
    border-radius: var(--curve-factor);
    cursor: pointer
}

.display-options svg path[data-v-748b80da] {
    fill: var(--settings-text-color)
}

.display-options svg.selected[data-v-748b80da],
.display-options svg[data-v-748b80da]:hover {
    background: var(--settings-text-color)
}

.display-options svg.selected path[data-v-748b80da],
.display-options svg:hover path[data-v-748b80da] {
    fill: var(--background)
}

.display-options[data-v-499e085c],
span.options-label[data-v-499e085c] {
    color: var(--settings-text-color)
}

.display-options svg[data-v-499e085c] {
    width: 1rem;
    height: 1rem;
    margin: .2rem;
    padding: .2rem;
    text-align: center;
    background: var(--background);
    border: 1px solid currentColor;
    border-radius: var(--curve-factor);
    cursor: pointer
}

.display-options svg path[data-v-499e085c] {
    fill: var(--settings-text-color)
}

.display-options svg.selected[data-v-499e085c],
.display-options svg[data-v-499e085c]:hover {
    background: var(--settings-text-color)
}

.display-options svg.selected path[data-v-499e085c],
.display-options svg:hover path[data-v-499e085c] {
    fill: var(--background)
}

.scroll-bar[data-v-5370af7e]::-webkit-scrollbar {
    width: var(--scroll-bar-width);
    height: var(--scroll-bar-width)
}

.scroll-bar[data-v-5370af7e]::-webkit-scrollbar-track {
    border-radius: var(--curve-factor);
    background-color: var(--scroll-bar-background)
}

.scroll-bar[data-v-5370af7e]::-webkit-scrollbar-thumb {
    background: var(--scroll-bar-color);
    border-radius: var(--curve-factor)
}

.display-options[data-v-5370af7e],
.svg-button[data-v-5370af7e] {
    color: var(--primary)
}

.display-options svg[data-v-5370af7e],
.svg-button svg[data-v-5370af7e] {
    width: 1rem;
    height: 1rem;
    margin: .2rem;
    padding: .2rem;
    text-align: center;
    background: var(--background);
    border: 1px solid currentColor;
    border-radius: var(--curve-factor);
    cursor: pointer
}

.display-options svg path[data-v-5370af7e],
.svg-button svg path[data-v-5370af7e] {
    fill: var(--settings-text-color)
}

.display-options svg.selected[data-v-5370af7e],
.display-options svg[data-v-5370af7e]:hover,
.svg-button svg.selected[data-v-5370af7e],
.svg-button svg[data-v-5370af7e]:hover {
    background: var(--settings-text-color)
}

.display-options svg.selected path[data-v-5370af7e],
.display-options svg:hover path[data-v-5370af7e],
.svg-button svg.selected path[data-v-5370af7e],
.svg-button svg:hover path[data-v-5370af7e] {
    fill: var(--background)
}

.display-options svg.disabled[data-v-5370af7e],
.svg-button svg.disabled[data-v-5370af7e] {
    opacity: var(--dimming-factor);
    cursor: not-allowed
}

.display-options svg.disabled[data-v-5370af7e]:hover,
.svg-button svg.disabled[data-v-5370af7e]:hover {
    border: 1px solid currentColor;
    background: var(--background)
}

.display-options svg.disabled:hover path[data-v-5370af7e],
.svg-button svg.disabled:hover path[data-v-5370af7e] {
    fill: var(--settings-text-color)
}

.highlight[data-v-5370af7e] ::-moz-selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.highlight[data-v-5370af7e] ::selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.highlight[data-v-5370af7e] ::-moz-selection,
.highlight[data-v-5370af7e] ::-ms-selection,
.highlight[data-v-5370af7e] ::-o-selection,
.highlight[data-v-5370af7e] ::-webkit-selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.bold[data-v-5370af7e] {
    font-weight: 700
}

.light[data-v-5370af7e] {
    font-weight: lighter
}

.text-left[data-v-5370af7e] {
    text-align: left
}

.text-right[data-v-5370af7e] {
    text-align: right
}

.text-center[data-v-5370af7e] {
    text-align: center
}

.horizontal-center[data-v-5370af7e] {
    margin: 0 auto
}

.border-box[data-v-5370af7e] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

span.user-type-note[data-v-5370af7e] {
    color: var(--settings-text-color);
    margin-right: .5rem
}

.display-options[data-v-5370af7e],
span.options-label[data-v-a2816836] {
    color: var(--settings-text-color)
}

div.about-modal[data-v-a2816836] {
    background: var(--about-page-background);
    color: var(--about-page-color);
    overflow-y: auto;
    padding: 0 1rem;
    height: 100%
}

div.about-modal a[data-v-a2816836],
div.about-modal p[data-v-a2816836],
div.about-modal ul li[data-v-a2816836] {
    font-size: 1rem
}

div.about-modal a.title[data-v-a2816836] {
    text-decoration: none
}

div.about-modal a.title h2[data-v-a2816836] {
    font-size: 1.8rem;
    text-align: center;
    margin: 1rem
}

div.about-modal h3[data-v-a2816836] {
    font-size: 1.2rem;
    margin: .75rem 0 .2rem 0;
    color: var(--about-page-accent)
}

div.about-modal a[data-v-a2816836] {
    color: var(--about-page-accent)
}

div.about-modal a.info[data-v-a2816836] {
    text-decoration: underline;
    margin-left: .2rem
}

div.about-modal .app-version[data-v-a2816836] {
    text-align: left
}

div.about-modal pre.logs[data-v-a2816836] {
    max-height: 200px;
    overflow-y: auto;
    padding: 1rem;
    font-size: .75rem;
    border-radius: var(--curve-factor-small);
    text-align: left;
    color: var(--white);
    background: var(--black);
    white-space: pre-wrap
}

div.about-modal .app-version {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: self-end;
    -ms-flex-align: self-end;
    align-items: self-end
}

div.about-modal .app-version p {
    margin: 0
}

section[data-v-0222a7c0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: -webkit-gradient(linear, left bottom, left top, from(var(--background)), to(var(--background-darker)));
    background: linear-gradient(0deg, var(--background), var(--background-darker));
    -webkit-box-shadow: var(--settings-container-shadow);
    box-shadow: var(--settings-container-shadow)
}

.options-outer[data-v-0222a7c0] {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    border-radius: var(--curve-factor-navbar)
}

.options-container[data-v-0222a7c0],
.options-outer[data-v-0222a7c0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    background: var(--settings-background)
}

.options-container[data-v-0222a7c0] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex: 1;
    flex: 1;
    padding: .5rem 1.5rem .5rem 1rem;
    border-radius: var(--curve-factor-navbar) 0 0
}

.options-container div[data-v-0222a7c0] {
    margin-left: .5rem;
    opacity: var(--dimming-factor);
    opacity: 1
}

.options-container div[data-v-0222a7c0]:hover {
    opacity: 1
}

.options-container.hide[data-v-0222a7c0] {
    display: none
}

@media(max-width:399px) {
    .options-container[data-v-0222a7c0] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .options-container div[data-v-0222a7c0] {
        width: 100%;
        text-align: center
    }

    .options-container div .theme-selector-section[data-v-0222a7c0] {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.show-hide-container[data-v-0222a7c0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: var(--settings-background);
    color: var(--settings-text-color);
    width: 1.5rem;
    position: absolute;
    top: 4px;
    right: 4px
}

.show-hide-container.show-btn[data-v-0222a7c0] {
    width: 2rem;
    top: .5rem;
    right: .5rem
}

@media(max-width:599px) {
    .show-hide-container.show-btn[data-v-0222a7c0] {
        top: -3rem !important
    }
}

.show-hide-container button[data-v-0222a7c0] {
    width: 100%;
    padding: 2px 2px 0 2px;
    margin: 2px;
    border-radius: var(--curve-factor);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: none;
    border: none;
    color: var(--settings-text-color);
    cursor: pointer;
    opacity: var(--dimming-factor)
}

.show-hide-container:hover button[data-v-0222a7c0] {
    background: var(--settings-text-color);
    color: var(--settings-background)
}

@media(min-width:600px)and (max-width:779px) {
    section[data-v-0222a7c0] {
        display: block;
        margin: 0 auto;
        background: none
    }

    section .options-container[data-v-0222a7c0] {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.item-icon.wrapper-medium {
    min-height: 2.5rem
}

.item-icon.wrapper-large {
    min-width: 3.5rem;
    text-align: center
}

.tile-icon {
    min-width: 1rem;
    max-width: 2rem;
    min-height: 1rem;
    max-height: 2rem;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: var(--item-icon-transform);
    filter: var(--item-icon-transform);
    border-radius: var(--curve-factor)
}

.tile-icon.small {
    max-width: 1.5rem;
    max-height: 1.5rem
}

.tile-icon.large {
    max-width: 3rem;
    max-height: 3rem
}

.tile-icon.broken {
    display: none
}

i.fab,
i.fad,
i.fal,
i.far,
i.fas,
span.mdi {
    font-size: 2rem;
    color: currentColor;
    margin: 1px 4px
}

i.fab.small,
i.fad.small,
i.fal.small,
i.far.small,
i.fas.small,
span.mdi.small {
    font-size: 1.5rem
}

i.fab.large,
i.fad.large,
i.fal.large,
i.far.large,
i.fas.large,
span.mdi,
span.mdi.large {
    font-size: 2.5rem
}

object.tile-icon {
    width: 55px;
    height: 55px
}

object.tile-icon svg,
object.tile-icon svg g,
object.tile-icon svg g path {
    fill: currentColor
}

.item-icon .simple-icons {
    width: 2rem
}

.item-icon .simple-icons.small {
    width: 1.5rem
}

.item-icon .simple-icons.large {
    width: 2.5rem
}

.item-icon .simple-icons path {
    fill: currentColor
}

i.emoji-icon {
    font-style: normal;
    font-size: 2rem;
    margin: .2rem
}

i.emoji-icon.small {
    font-size: 1.5rem
}

i.emoji-icon.large {
    font-size: 2.5rem
}

.missing-image {
    width: 2rem
}

.missing-image.small {
    width: 1.5rem !important
}

.missing-image.large {
    width: 2.5rem
}

.missing-image path {
    fill: currentColor
}

.opening-method-icon svg[data-v-e9c0662c] {
    position: absolute;
    width: 1rem;
    margin: 2px
}

.opening-method-icon svg path[data-v-e9c0662c] {
    fill: currentColor
}

.opening-method-icon.top svg[data-v-e9c0662c] {
    top: 0
}

.opening-method-icon.bottom svg[data-v-e9c0662c] {
    bottom: 0
}

.opening-method-icon.left svg[data-v-e9c0662c] {
    left: 0
}

.opening-method-icon.right svg[data-v-e9c0662c] {
    right: 0
}

.opening-method-icon.short svg[data-v-e9c0662c] {
    width: .8rem;
    margin: 0
}

.opening-method-icon.transparent svg[data-v-e9c0662c] {
    opacity: .5
}

div.hotkey-denominator[data-v-e9c0662c] {
    position: absolute;
    font-size: .8rem;
    margin: 2px;
    bottom: 2px;
    color: currentColor;
    border-radius: 18px;
    border: 1px solid currentColor;
    padding: .1rem .4rem .2rem .4rem
}

div.hotkey-denominator.top[data-v-e9c0662c] {
    right: 0
}

div.hotkey-denominator.bottom[data-v-e9c0662c] {
    left: 0
}

.indicator[data-v-4b522b5b] {
    padding: 5px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: help;
    z-index: 4
}

.indicator[data-v-4b522b5b]:hover {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-filter: saturate(2);
    filter: saturate(2);
    opacity: 1
}

@-webkit-keyframes pulse-4b522b5b {
    0% {
        opacity: .75;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        opacity: .75;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }
}

@keyframes pulse-4b522b5b {
    0% {
        opacity: .75;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        opacity: .75;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }
}

@-webkit-keyframes applyOpacity-4b522b5b {
    50% {
        opacity: .9
    }

    to {
        opacity: .8
    }
}

@keyframes applyOpacity-4b522b5b {
    50% {
        opacity: .9
    }

    to {
        opacity: .8
    }
}

.dot[data-v-4b522b5b] {
    border-radius: 50%;
    height: 12px;
    width: 12px;
    -webkit-animation: applyOpacity-4b522b5b 1s ease-in 8s forwards;
    animation: applyOpacity-4b522b5b 1s ease-in 8s forwards
}

.dot>span[data-v-4b522b5b],
.dot>span span[data-v-4b522b5b],
.dot>span span[data-v-4b522b5b]:after {
    -webkit-animation: pulse-4b522b5b 1s linear .5s 2;
    animation: pulse-4b522b5b 1s linear .5s 2;
    border-radius: 50%;
    display: block;
    height: 12px;
    width: 12px;
    content: ""
}

.dot.dot-green[data-v-4b522b5b] {
    background-color: var(--success)
}

.dot.dot-green span[data-v-4b522b5b],
.dot.dot-green span[data-v-4b522b5b]:after {
    background-color: var(--success);
    opacity: .4
}

.dot.dot-red[data-v-4b522b5b] {
    background-color: var(--danger)
}

.dot.dot-red span[data-v-4b522b5b],
.dot.dot-red span[data-v-4b522b5b]:after {
    background-color: var(--danger);
    opacity: .4
}

.dot.dot-yellow[data-v-4b522b5b] {
    background-color: var(--warning)
}

.dot.dot-yellow span[data-v-4b522b5b],
.dot.dot-yellow span[data-v-4b522b5b]:after {
    background-color: var(--warning);
    opacity: .4
}

.dot.dot-grey[data-v-4b522b5b] {
    background-color: var(--medium-grey)
}

.dot.dot-grey span[data-v-4b522b5b],
.dot.dot-grey span[data-v-4b522b5b]:after {
    background-color: var(--medium-grey);
    opacity: .4
}

.status-tooltip {
    background: var(--status-check-tooltip-background) !important;
    color: var(--status-check-tooltip-color);
    font-size: 1rem;
    z-index: 10
}

.status-tooltip.tip-grey {
    --status-color: var(--medium-grey)
}

.status-tooltip.tip-green {
    --status-color: var(--success)
}

.status-tooltip.tip-yellow {
    --status-color: var(--warning)
}

.status-tooltip.tip-red {
    --status-color: var(--danger)
}

.status-tooltip .tooltip-inner {
    border: 1px solid var(--status-color)
}

.status-tooltip .tooltip-arrow {
    --description-tooltip-color: var(--status-color)
}

.save-cancel-btn-container[data-v-72a0f69d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: .5rem 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px dashed var(--interactive-editor-color)
}

.save-cancel-btn-container button[data-v-72a0f69d] {
    margin: 1rem .5rem;
    color: var(--interactive-editor-color);
    border-color: var(--interactive-editor-color);
    background: var(--interactive-editor-background)
}

.save-cancel-btn-container button svg[data-v-72a0f69d] {
    border: none;
    width: 1.2rem;
    height: 1.2rem
}

.save-cancel-btn-container button[data-v-72a0f69d]:hover {
    color: var(--interactive-editor-background);
    border-color: var(--interactive-editor-color);
    background: var(--interactive-editor-color)
}

.save-cancel-btn-container button:hover svg[data-v-72a0f69d] {
    background: var(--interactive-editor-color)
}

.save-cancel-btn-container button:hover svg path[data-v-72a0f69d] {
    fill: var(--interactive-editor-background)
}

.save-cancel-btn-container button[data-v-72a0f69d]:focus {
    -webkit-box-shadow: 1px 1px 6px var(--interactive-editor-color);
    box-shadow: 1px 1px 6px var(--interactive-editor-color)
}

div.select-container[data-v-3921c087] {
    margin: .25rem auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

div.select-container .form-dropdown[data-v-3921c087],
div.select-container label.select-label[data-v-3921c087],
div.select-container p.select-description[data-v-3921c087] {
    margin: .25rem;
    -ms-flex-preferred-size: 8rem;
    flex-basis: 8rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

div.select-container label.select-label[data-v-3921c087] {
    text-transform: capitalize
}

div.select-container p.select-description[data-v-3921c087] {
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3;
    opacity: var(--dimming-factor)
}

div.select-container .form-dropdown[data-v-3921c087] {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    min-width: 12rem;
    margin: .5rem auto;
    font-size: 1.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--primary);
    background: var(--background);
    border-radius: var(--curve-factor)
}

div.select-container .form-dropdown[data-v-3921c087]:focus {
    -webkit-box-shadow: 1px 1px 6px var(--config-settings-color);
    box-shadow: 1px 1px 6px var(--config-settings-color);
    outline: none
}

@media(max-width:779px) {
    div.select-container[data-v-3921c087] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    div.select-container .form-dropdown[data-v-3921c087],
    div.select-container label.select-label[data-v-3921c087],
    div.select-container p.select-description[data-v-3921c087] {
        margin: .5rem;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

.form-dropdown ul.vs__dropdown-menu::-webkit-scrollbar,
.scroll-bar::-webkit-scrollbar {
    width: var(--scroll-bar-width);
    height: var(--scroll-bar-width)
}

.form-dropdown ul.vs__dropdown-menu::-webkit-scrollbar-track,
.scroll-bar::-webkit-scrollbar-track {
    border-radius: var(--curve-factor);
    background-color: var(--scroll-bar-background)
}

.form-dropdown ul.vs__dropdown-menu::-webkit-scrollbar-thumb,
.scroll-bar::-webkit-scrollbar-thumb {
    background: var(--scroll-bar-color);
    border-radius: var(--curve-factor)
}

.form-dropdown {
    margin: 1rem auto
}

.form-dropdown ul.vs__dropdown-menu {
    max-height: 14rem
}

.form-dropdown input.vs__search {
    color: var(--primary)
}

.form-dropdown div.vs__dropdown-toggle {
    padding: .2rem 0;
    border-color: var(--primary);
    background: var(--background)
}

.form-dropdown div.vs__dropdown-toggle .vs__actions svg {
    height: 1.2rem;
    width: 1.2rem;
    border: none;
    margin: 0;
    padding: .2rem 0 0 .2rem
}

.form-dropdown div.vs__dropdown-toggle .vs__actions svg:hover {
    background: var(--primary)
}

.form-dropdown div.vs__dropdown-toggle .vs__actions svg:hover path {
    fill: var(--background)
}

.form-dropdown div,
.form-dropdown input {
    cursor: pointer
}

.edit-item-inner,
.svg-button {
    color: var(--primary)
}

.edit-item-inner svg,
.svg-button svg {
    width: 1rem;
    height: 1rem;
    margin: .2rem;
    padding: .2rem;
    text-align: center;
    background: var(--background);
    border: 1px solid currentColor;
    border-radius: var(--curve-factor);
    cursor: pointer
}

.edit-item-inner svg path,
.svg-button svg path {
    fill: var(--settings-text-color)
}

.edit-item-inner svg.selected,
.edit-item-inner svg:hover,
.svg-button svg.selected,
.svg-button svg:hover {
    background: var(--settings-text-color)
}

.edit-item-inner svg.selected path,
.edit-item-inner svg:hover path,
.svg-button svg.selected path,
.svg-button svg:hover path {
    fill: var(--background)
}

.edit-item-inner svg.disabled,
.svg-button svg.disabled {
    opacity: var(--dimming-factor);
    cursor: not-allowed
}

.edit-item-inner svg.disabled:hover,
.svg-button svg.disabled:hover {
    border: 1px solid currentColor;
    background: var(--background)
}

.edit-item-inner svg.disabled:hover path,
.svg-button svg.disabled:hover path {
    fill: var(--settings-text-color)
}

.edit-item-inner {
    padding: 1rem;
    background: var(--interactive-editor-background);
    color: var(--interactive-editor-color);
    height: 100%;
    overflow-y: auto
}

.edit-item-inner h3.title {
    font-size: 1.5rem;
    margin: .25rem 0
}

.edit-item-inner p.sub-title {
    margin: .25rem 0;
    font-size: .8rem;
    font-style: italic;
    opacity: var(--dimming-factor)
}

.edit-item-inner p.warning-note {
    color: var(--warning)
}

.edit-item-inner .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .5rem .25rem
}

.edit-item-inner .row:not(:last-child) {
    border-bottom: 1px dotted var(--interactive-editor-color)
}

.edit-item-inner .row .input-container,
.edit-item-inner .row .select-container {
    width: 100%
}

.edit-item-inner .row .input-container input.input-field,
.edit-item-inner .row .select-container input.input-field {
    font-size: 1rem;
    padding: .35rem .5rem
}

.edit-item-inner .more-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.edit-item-inner .more-fields span.add-field-tag {
    margin: .2rem;
    padding: .2rem .5rem;
    min-width: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    text-align: center;
    border: 1px solid var(--interactive-editor-color);
    border-radius: var(--curve-factor)
}

.edit-item-inner .more-fields span.add-field-tag:hover {
    background: var(--interactive-editor-color);
    color: var(--interactive-editor-background)
}

.edit-item-inner .more-fields span.add-field-tag:hover svg {
    background: var(--interactive-editor-color)
}

.edit-item-inner .more-fields span.add-field-tag:hover svg path {
    fill: var(--interactive-editor-background)
}

.edit-item-inner .more-fields span.add-field-tag svg {
    margin-right: .25rem;
    border: none
}

.edit-item-inner .form-dropdown div.vs__dropdown-toggle,
.edit-item-inner .radio-container div.radio-wrapper,
.edit-item-inner div.input-container input.input-field {
    color: var(--interactive-editor-color);
    border-color: var(--interactive-editor-color);
    background: var(--interactive-editor-background)
}

.edit-item-inner svg {
    background: var(--interactive-editor-background)
}

.edit-item-inner svg path {
    fill: var(--interactive-editor-color)
}

.edit-item-inner svg.selected,
.edit-item-inner svg:hover {
    background: var(--interactive-editor-color)
}

.edit-item-inner svg.selected path,
.edit-item-inner svg:hover path {
    fill: var(--interactive-editor-background)
}

.edit-item-inner .edit-item-select .v-select input.vs__search {
    color: var(--interactive-editor-color)
}

.edit-item-inner .edit-item-select .v-select div.vs__dropdown-toggle {
    border-color: var(--interactive-editor-color);
    background: var(--interactive-editor-background)
}

.edit-item-inner .edit-item-select .v-select div.vs__dropdown-toggle span.vs__selected {
    color: var(--interactive-editor-color)
}

.edit-item-inner .edit-item-select .v-select div.vs__dropdown-toggle .vs__actions svg {
    background: var(--interactive-editor-background)
}

.edit-item-inner .edit-item-select .v-select div.vs__dropdown-toggle .vs__actions svg path {
    fill: var(--interactive-editor-color)
}

.edit-item-inner .edit-item-select .v-select div.vs__dropdown-toggle .vs__actions svg:hover {
    background: var(--interactive-editor-color)
}

.edit-item-inner .edit-item-select .v-select div.vs__dropdown-toggle .vs__actions svg:hover path {
    fill: var(--interactive-editor-background)
}

.move-menu-inner[data-v-519862e1] {
    padding: 1rem;
    background: var(--interactive-editor-background);
    color: var(--interactive-editor-color);
    height: 100%;
    overflow-y: auto
}

.move-menu-inner h3.move-title[data-v-519862e1] {
    margin: .25rem 0
}

.move-menu-inner p.item-id[data-v-519862e1] {
    font-size: 1rem;
    font-style: italic;
    margin: .25rem 0;
    opacity: var(--dimming-factor)
}

.move-menu-inner .button-wrapper[data-v-519862e1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 1.5rem auto
}

.move-menu-inner .button-wrapper button[data-v-519862e1] {
    margin: 0 .5rem
}

div.context-menu {
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 8;
    background: var(--context-menu-background);
    color: var(--context-menu-color);
    border: 1px solid var(--context-menu-secondary-color);
    border-radius: var(--curve-factor);
    -webkit-box-shadow: var(--context-menu-shadow);
    box-shadow: var(--context-menu-shadow);
    opacity: .98
}

div.context-menu ul.menu-section {
    list-style-type: none;
    margin: 0;
    padding: 0
}

div.context-menu ul.menu-section:not(:last-child) {
    border-bottom: 1px solid var(--context-menu-color)
}

div.context-menu ul.menu-section li {
    cursor: pointer;
    padding: .5rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 1rem
}

div.context-menu ul.menu-section li:not(:last-child) {
    border-bottom: 1px solid var(--context-menu-secondary-color)
}

div.context-menu ul.menu-section li:hover:not(.section-title) {
    background: var(--context-menu-secondary-color)
}

div.context-menu ul.menu-section li.section-title {
    cursor: default;
    font-weight: 700;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

div.context-menu ul.menu-section li svg {
    width: 1rem;
    margin-right: .5rem
}

div.context-menu ul.menu-section li svg path {
    fill: currentColor
}

div.context-menu ul.menu-section.disabled li:not(.section-title) {
    cursor: not-allowed;
    opacity: var(--dimming-factor)
}

div.context-menu ul.menu-section.disabled li:not(.section-title):hover {
    background: var(--context-menu-background)
}

.slide-enter-active {
    -webkit-animation: slide-in .1s;
    animation: slide-in .1s
}

.slide-leave-active {
    animation: slide-in .1s reverse
}

@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: scaleY(.5) scaleX(.8) translateY(-50px);
        transform: scaleY(.5) scaleX(.8) translateY(-50px)
    }

    to {
        -webkit-transform: scaleY(1) translateY(0) translateY(0);
        transform: scaleY(1) translateY(0) translateY(0)
    }
}

@keyframes slide-in {
    0% {
        -webkit-transform: scaleY(.5) scaleX(.8) translateY(-50px);
        transform: scaleY(.5) scaleX(.8) translateY(-50px)
    }

    to {
        -webkit-transform: scaleY(1) translateY(0) translateY(0);
        transform: scaleY(1) translateY(0) translateY(0)
    }
}

.item-wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 6rem;
    flex-basis: 6rem
}

.item-wrapper.wrap-size-large {
    -ms-flex-preferred-size: 12rem;
    flex-basis: 12rem
}

.item-wrapper.wrap-size-small {
    -webkit-box-flex: revert;
    -ms-flex-positive: revert;
    flex-grow: revert
}

.item-wrapper.wrap-size-small.span-1 {
    min-width: 100%
}

.item-wrapper.wrap-size-small.span-2 {
    min-width: 50%
}

.item-wrapper.wrap-size-small.span-3 {
    min-width: 33%
}

.item-wrapper.wrap-size-small.span-4 {
    min-width: 25%
}

.item-wrapper.wrap-size-small.span-5 {
    min-width: 20%
}

.item-wrapper.wrap-size-small.span-6 {
    min-width: 16%
}

.item-wrapper.wrap-size-small.span-7 {
    min-width: 14%
}

.item-wrapper.wrap-size-small.span-8 {
    min-width: 12.5%
}

.item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: var(--item-text-color);
    vertical-align: middle;
    margin: .5rem;
    background: var(--item-background);
    text-align: center;
    padding: 2px;
    outline: 2px solid transparent;
    border: 1px solid var(--outline-color);
    border-radius: var(--curve-factor);
    -webkit-box-shadow: var(--item-shadow);
    box-shadow: var(--item-shadow);
    cursor: pointer;
    text-decoration: none;
    position: relative;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

.item:hover {
    -webkit-box-shadow: var(--item-hover-shadow);
    box-shadow: var(--item-hover-shadow);
    background: var(--item-background-hover);
    color: var(--item-text-color-hover)
}

.item:focus {
    outline: 2px solid var(--primary)
}

.item.add-new {
    border: 2px dashed var(--primary) !important
}

.item.short:not(.size-large) {
    height: 2rem
}

.tile-title {
    min-width: 120px;
    height: 30px;
    position: relative;
    padding: 0;
    z-index: 2;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: keep-all
}

.tile-title,
.tile-title span.text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.tile-title span.text {
    display: block
}

.status-indicator {
    position: absolute;
    top: 0;
    right: 0
}

.opening-method-icon {
    display: none
}

.item:focus .opening-method-icon,
.item:hover .opening-method-icon {
    display: block
}

.item:focus .tile-title.is-overflowing .overflow-dots,
.item:hover .tile-title.is-overflowing .overflow-dots {
    opacity: 0
}

.item:focus .tile-title.is-overflowing span.text,
.item:hover .tile-title.is-overflowing span.text {
    -webkit-transform: translateX(calc(100px - 100%));
    transform: translateX(calc(100px - 100%))
}

.item:focus .tile-icon,
.item:focus .tile-svg,
.item:hover .tile-icon,
.item:hover .tile-svg {
    -webkit-filter: var(--item-icon-transform-hover);
    filter: var(--item-icon-transform-hover)
}

.item .edit-mode-item {
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: .2rem;
    right: .2rem
}

p.description {
    display: none
}

.item.size-small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2rem;
    padding-top: .25rem;
    padding-left: .5rem
}

.item.size-small div img {
    width: 2rem
}

.item.size-small .tile-title {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 1.2rem;
    text-align: left;
    max-width: 12rem;
    overflow: hidden
}

.item.size-small .tile-title span.text {
    text-align: left;
    padding-left: 10%
}

.item.size-medium {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto
}

.item.size-medium div img {
    width: 2.5rem;
    margin-bottom: .25rem
}

.item.size-medium .tile-title {
    min-width: 100px;
    max-width: 160px
}

.item.size-medium .tile-title.no-icon {
    text-align: left;
    width: 100%;
    max-width: inherit;
    margin-left: .5rem
}

.item.size-large {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: left;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 6rem;
    margin: .2rem;
    padding: .5rem
}

.item.size-large img {
    padding: .1rem .25rem
}

.item.size-large .tile-title {
    height: auto;
    padding: .1rem .25rem
}

.item.size-large .tile-title span.text {
    position: relative;
    font-weight: 700;
    font-size: 1.1rem;
    width: 100%
}

.item.size-large .tile-title p.description {
    margin: 0;
    display: block;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    font-size: .9em;
    line-height: 1rem;
    height: 2rem;
    overflow: hidden
}

.item:before {
    display: none;
    font-family: FontAwesome;
    content: var(--open-icon, "\f054") !important
}

a.item.is-edit-mode.size-medium .status-indicator {
    top: 1rem
}

a.item.is-edit-mode.size-small .status-indicator {
    right: 1rem
}

a.item.is-edit-mode.size-large .status-indicator {
    top: 1.5rem
}

.disabled-link {
    pointer-events: none
}

.tooltip.item-description-tooltip {
    z-index: 7
}

.sub-item-wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 6rem;
    flex-basis: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sub-item-wrapper a.sub-item-link {
    margin: .2rem
}

.sub-item-wrapper a.sub-item-link .sub-icon-img {
    margin: 0
}

.sub-item-wrapper.wrap-size-large {
    -ms-flex-preferred-size: 12rem;
    flex-basis: 12rem
}

.sub-items-group[data-v-56a3953c] {
    display: grid;
    margin: .5rem;
    padding: .1rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 6rem;
    flex-basis: 6rem;
    grid-template-columns: repeat(var(--sub-item-col-count, 3), minmax(0, 1fr));
    color: var(--item-text-color);
    border: 1px solid var(--outline-color);
    border-radius: var(--curve-factor);
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

.sub-items-group p.sub-item-group-title[data-v-56a3953c] {
    margin: 0 auto;
    cursor: default;
    grid-column-start: span var(--sub-item-col-count, 3)
}

.widget-base[data-v-604414f4] {
    position: relative;
    padding: .75rem .5rem .5rem .5rem;
    background: var(--widget-base-background);
    -webkit-box-shadow: var(--widget-base-shadow, none);
    box-shadow: var(--widget-base-shadow, none)
}

.widget-base button.action-btn[data-v-604414f4] {
    height: 1rem;
    min-width: auto;
    width: 1.75rem;
    margin: 0;
    padding: .1rem 0;
    position: absolute;
    top: 0;
    border: none;
    opacity: var(--dimming-factor);
    color: var(--widget-text-color)
}

.widget-base button.action-btn[data-v-604414f4]:hover {
    opacity: 1;
    color: var(--widget-background-color)
}

.widget-base button.action-btn.update-btn[data-v-604414f4] {
    right: -.25rem
}

.widget-base button.action-btn.open-btn[data-v-604414f4] {
    right: 1.75rem
}

.widget-base .widget-label[data-v-604414f4] {
    color: var(--widget-text-color)
}

.widget-base .widget-wrap.has-error[data-v-604414f4] {
    cursor: not-allowed;
    opacity: .5;
    border-radius: var(--curve-factor);
    background: rgba(255, 255, 0, .2509803922)
}

.widget-base .widget-wrap.has-error[data-v-604414f4]:hover {
    background: none
}

.widget-base .widget-error p.error-msg[data-v-604414f4] {
    color: var(--warning);
    font-weight: 700;
    font-size: 1rem;
    margin: 0 auto .5rem auto
}

.widget-base .widget-error p.error-output[data-v-604414f4] {
    font-family: var(--font-monospace);
    color: var(--widget-text-color);
    font-size: .85rem;
    margin: .5rem auto
}

.widget-base .widget-error p.retry-link[data-v-604414f4] {
    cursor: pointer;
    text-decoration: underline;
    color: var(--widget-text-color);
    font-size: .85rem;
    margin: 0
}

.widget-base .loading[data-v-604414f4] {
    margin: .2rem auto;
    text-align: center
}

.widget-base .loading svg.loader[data-v-604414f4] {
    width: 100px
}

.widget-base.is-loading .widget-wrap[data-v-604414f4] {
    display: none
}

.collapsable[data-v-2ebbab81] {
    width: 100%;
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: 10px;
    padding: var(--item-group-padding);
    border-radius: var(--curve-factor);
    -webkit-box-shadow: var(--item-group-shadow);
    box-shadow: var(--item-group-shadow);
    background: var(--item-group-outer-background);
    grid-row-start: span 1;
    grid-column-start: span 1
}

.collapsable.row-2[data-v-2ebbab81] {
    grid-row-start: span 2
}

.collapsable.row-3[data-v-2ebbab81] {
    grid-row-start: span 3
}

.collapsable.row-4[data-v-2ebbab81] {
    grid-row-start: span 4
}

.collapsable.row-5[data-v-2ebbab81] {
    grid-row-start: span 5
}

.collapsable.row-6[data-v-2ebbab81] {
    grid-row-start: span 6
}

@media(min-width:780px) {

    .collapsable.col-2[data-v-2ebbab81],
    .collapsable.col-3[data-v-2ebbab81],
    .collapsable.col-4[data-v-2ebbab81],
    .collapsable.col-5[data-v-2ebbab81],
    .collapsable.col-6[data-v-2ebbab81] {
        grid-column-start: span 2
    }
}

@media(min-width:1150px) {
    .collapsable.col-2[data-v-2ebbab81] {
        grid-column-start: span 2
    }

    .collapsable.col-3[data-v-2ebbab81],
    .collapsable.col-4[data-v-2ebbab81],
    .collapsable.col-5[data-v-2ebbab81],
    .collapsable.col-6[data-v-2ebbab81] {
        grid-column-start: span 3
    }
}

@media(min-width:1780px) {
    .collapsable.col-2[data-v-2ebbab81] {
        grid-column-start: span 2
    }

    .collapsable.col-3[data-v-2ebbab81] {
        grid-column-start: span 3
    }

    .collapsable.col-4[data-v-2ebbab81] {
        grid-column-start: span 4
    }

    .collapsable.col-5[data-v-2ebbab81] {
        grid-column-start: span 5
    }

    .collapsable.col-6[data-v-2ebbab81] {
        grid-column-start: span 6
    }
}

.collapsable input[type=checkbox][data-v-2ebbab81] {
    display: none
}

.collapsable label.lbl-toggle[data-v-2ebbab81] {
    outline: none;
    display: block;
    padding: .25rem;
    cursor: pointer;
    border-radius: var(--curve-factor);
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    text-align: left;
    color: var(--item-group-heading-text-color)
}

.collapsable label.lbl-toggle h3[data-v-2ebbab81] {
    margin: 0;
    padding: 0;
    display: inline
}

.collapsable label.lbl-toggle .section-icon[data-v-2ebbab81] {
    display: inline;
    margin-right: .5rem
}

.collapsable label.lbl-toggle[data-v-2ebbab81]:hover {
    color: var(--item-group-heading-text-color-hover)
}

.collapsable label.lbl-toggle[data-v-2ebbab81]:before {
    content: " ";
    display: inline-block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid currentColor;
    vertical-align: middle;
    margin-right: .7rem;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    opacity: .3;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.collapsable input.toggle:checked+.lbl-toggle[data-v-2ebbab81]:before {
    -webkit-transform: rotate(90deg) translateX(-3px);
    transform: rotate(90deg) translateX(-3px)
}

.collapsable .collapsible-content[data-v-2ebbab81] {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .25s ease-in-out;
    transition: max-height .25s ease-in-out;
    background: var(--item-group-background);
    border-radius: 0 0 var(--curve-factor) var(--curve-factor)
}

.collapsable input.toggle:checked+.lbl-toggle+.collapsible-content[data-v-2ebbab81] {
    max-height: var(--section-max-height)
}

.collapsable input.toggle:checked+.lbl-toggle[data-v-2ebbab81] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.collapsable .collapsible-content .content-inner[data-v-2ebbab81] {
    padding: .5rem
}

.collapsable .edit-mode-item[data-v-2ebbab81] {
    width: 1rem;
    height: 1rem;
    float: right;
    right: .5rem;
    top: .5rem;
    margin-left: .2rem;
    margin-right: .2rem;
    opacity: .3;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.collapsable:hover .edit-mode-item[data-v-2ebbab81],
.collapsable:hover label.lbl-toggle[data-v-2ebbab81]:before {
    opacity: 1;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

@media(min-width:600px) {
    .collapsable.is-open.full-height[data-v-2ebbab81] {
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: normal;
        -ms-flex-align: normal;
        align-items: normal;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .collapsable.is-open.full-height .collapsible-content[data-v-2ebbab81] {
        width: 100%;
        height: 100%
    }
}

.frame {
    width: 100%;
    height: 100%;
    border: none
}

.no-url {
    margin: 4rem auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 2rem;
    padding: .5rem;
    border: 1px dashed red;
    border-radius: 3px;
    background: #f4f2f2
}

.close-button {
    position: absolute;
    right: 0;
    padding: .5rem;
    border: 0;
    border-radius: 0 0 0 10px;
    background: var(--primary);
    color: var(--background);
    border-left: 1px solid var(--primary);
    border-bottom: 1px solid var(--primary);
    cursor: pointer
}

.close-button:hover {
    background: var(--background);
    color: var(--primary)
}

.edit-section-inner::-webkit-scrollbar,
.scroll-bar::-webkit-scrollbar {
    width: var(--scroll-bar-width);
    height: var(--scroll-bar-width)
}

.edit-section-inner::-webkit-scrollbar-track,
.scroll-bar::-webkit-scrollbar-track {
    border-radius: var(--curve-factor);
    background-color: var(--scroll-bar-background)
}

.edit-section-inner::-webkit-scrollbar-thumb,
.scroll-bar::-webkit-scrollbar-thumb {
    background: var(--scroll-bar-color);
    border-radius: var(--curve-factor)
}

.edit-section-inner .edit-section-form fieldset,
.schema-form fieldset {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.edit-section-inner .edit-section-form fieldset>div,
.schema-form fieldset>div {
    border-bottom: 1px dashed var(--interactive-editor-color);
    margin: .5rem 0
}

.edit-section-inner .edit-section-form fieldset>div label,
.schema-form fieldset>div label {
    font-size: 1rem;
    text-decoration: underline
}

.edit-section-inner .edit-section-form fieldset div[data-fs-kind=object],
.edit-section-inner .edit-section-form fieldset div[data-fs-wrapper],
.schema-form fieldset div[data-fs-kind=object],
.schema-form fieldset div[data-fs-wrapper] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 0
}

@media(max-width:779px) {

    .edit-section-inner .edit-section-form fieldset div[data-fs-kind=object],
    .edit-section-inner .edit-section-form fieldset div[data-fs-wrapper],
    .schema-form fieldset div[data-fs-kind=object],
    .schema-form fieldset div[data-fs-wrapper] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.edit-section-inner .edit-section-form fieldset div[data-fs-kind=object] span,
.edit-section-inner .edit-section-form fieldset div[data-fs-wrapper] span,
.schema-form fieldset div[data-fs-kind=object] span,
.schema-form fieldset div[data-fs-wrapper] span {
    font-style: italic;
    margin-right: .5rem;
    max-width: 20rem;
    opacity: var(--dimming-factor)
}

.edit-section-inner .edit-section-form fieldset div[data-fs-kind=object] input,
.edit-section-inner .edit-section-form fieldset div[data-fs-wrapper] input,
.schema-form fieldset div[data-fs-kind=object] input,
.schema-form fieldset div[data-fs-wrapper] input {
    min-width: 15rem;
    padding: .5rem .75rem;
    margin: .5rem auto;
    font-size: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--interactive-editor-color);
    background: var(--interactive-editor-background);
    border: 1px solid var(--interactive-editor-color);
    border-radius: var(--curve-factor)
}

.edit-section-inner .edit-section-form fieldset div[data-fs-kind=object] input[type=number]:focus,
.edit-section-inner .edit-section-form fieldset div[data-fs-kind=object] input[type=text]:focus,
.edit-section-inner .edit-section-form fieldset div[data-fs-wrapper] input[type=number]:focus,
.edit-section-inner .edit-section-form fieldset div[data-fs-wrapper] input[type=text]:focus,
.schema-form fieldset div[data-fs-kind=object] input[type=number]:focus,
.schema-form fieldset div[data-fs-kind=object] input[type=text]:focus,
.schema-form fieldset div[data-fs-wrapper] input[type=number]:focus,
.schema-form fieldset div[data-fs-wrapper] input[type=text]:focus {
    -webkit-box-shadow: 1px 1px 6px var(--interactive-editor-color);
    box-shadow: 1px 1px 6px var(--interactive-editor-color);
    outline: none
}

.edit-section-inner .edit-section-form fieldset div[data-fs-kind=object] input[type=checkbox],
.edit-section-inner .edit-section-form fieldset div[data-fs-wrapper] input[type=checkbox],
.schema-form fieldset div[data-fs-kind=object] input[type=checkbox],
.schema-form fieldset div[data-fs-wrapper] input[type=checkbox] {
    width: 1.2rem;
    height: 1.2rem;
    cursor: pointer
}

.edit-section-inner .edit-section-form fieldset div[data-fs-kind=object] input[type=radio],
.edit-section-inner .edit-section-form fieldset div[data-fs-wrapper] input[type=radio],
.schema-form fieldset div[data-fs-kind=object] input[type=radio],
.schema-form fieldset div[data-fs-wrapper] input[type=radio] {
    width: 1rem;
    height: 1rem;
    cursor: pointer
}

.edit-section-inner .edit-section-form fieldset div[data-fs-kind=object] div[data-fs-input=array],
.edit-section-inner .edit-section-form fieldset div[data-fs-kind=object] div[data-fs-input=object],
.edit-section-inner .edit-section-form fieldset div[data-fs-wrapper] div[data-fs-input=array],
.edit-section-inner .edit-section-form fieldset div[data-fs-wrapper] div[data-fs-input=object],
.schema-form fieldset div[data-fs-kind=object] div[data-fs-input=array],
.schema-form fieldset div[data-fs-kind=object] div[data-fs-input=object],
.schema-form fieldset div[data-fs-wrapper] div[data-fs-input=array],
.schema-form fieldset div[data-fs-wrapper] div[data-fs-input=object] {
    width: 100%;
    padding-left: .5rem;
    border-left: 1px dashed var(--interactive-editor-color)
}

.edit-section-inner .edit-section-form fieldset div[data-fs-kind=object] div[data-fs-kind=radio],
.edit-section-inner .edit-section-form fieldset div[data-fs-wrapper] div[data-fs-kind=radio],
.schema-form fieldset div[data-fs-kind=object] div[data-fs-kind=radio],
.schema-form fieldset div[data-fs-wrapper] div[data-fs-kind=radio] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.edit-section-inner .edit-section-form fieldset div[data-fs-kind=object] div[data-fs-kind=radio] label,
.edit-section-inner .edit-section-form fieldset div[data-fs-wrapper] div[data-fs-kind=radio] label,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-kind=radio] label,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-kind=radio] label {
    text-decoration: none;
    text-transform: capitalize
}

.edit-section-inner .edit-section-form fieldset div[data-fs-kind=object] select,
.edit-section-inner .edit-section-form fieldset div[data-fs-wrapper] select,
.schema-form fieldset div[data-fs-kind=object] select,
.schema-form fieldset div[data-fs-wrapper] select {
    width: 15rem;
    height: 2rem;
    padding: .2rem;
    font-size: 1rem;
    color: var(--interactive-editor-color);
    background: var(--interactive-editor-background);
    border: 1px solid var(--interactive-editor-color);
    border-radius: var(--curve-factor)
}

.edit-section-inner .edit-section-form fieldset div[data-fs-kind=object] select:focus,
.edit-section-inner .edit-section-form fieldset div[data-fs-wrapper] select:focus,
.schema-form fieldset div[data-fs-kind=object] select:focus,
.schema-form fieldset div[data-fs-wrapper] select:focus {
    -webkit-box-shadow: 1px 1px 6px var(--interactive-editor-color);
    box-shadow: 1px 1px 6px var(--interactive-editor-color)
}

.edit-section-inner .edit-section-form fieldset div[data-fs-kind=object] div[data-fs-buttons] button,
.edit-section-inner .edit-section-form fieldset div[data-fs-kind=object] div[data-fs-input=array] button,
.edit-section-inner .edit-section-form fieldset div[data-fs-wrapper] div[data-fs-buttons] button,
.edit-section-inner .edit-section-form fieldset div[data-fs-wrapper] div[data-fs-input=array] button,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-buttons] button,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-input=array] button,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-buttons] button,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-input=array] button {
    font-size: 1rem;
    margin: .25rem;
    border-radius: var(--curve-factor);
    color: var(--interactive-editor-color);
    background: var(--interactive-editor-background);
    border: 1px solid var(--interactive-editor-color)
}

.edit-section-inner .edit-section-form fieldset div[data-fs-kind=object] div[data-fs-buttons] button:hover,
.edit-section-inner .edit-section-form fieldset div[data-fs-kind=object] div[data-fs-input=array] button:hover,
.edit-section-inner .edit-section-form fieldset div[data-fs-wrapper] div[data-fs-buttons] button:hover,
.edit-section-inner .edit-section-form fieldset div[data-fs-wrapper] div[data-fs-input=array] button:hover,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-buttons] button:hover,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-input=array] button:hover,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-buttons] button:hover,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-input=array] button:hover {
    color: var(--interactive-editor-background);
    background: var(--interactive-editor-color)
}

.edit-section-inner .edit-section-form fieldset div[data-fs-kind=object] div[data-fs-buttons] button:focus,
.edit-section-inner .edit-section-form fieldset div[data-fs-kind=object] div[data-fs-input=array] button:focus,
.edit-section-inner .edit-section-form fieldset div[data-fs-wrapper] div[data-fs-buttons] button:focus,
.edit-section-inner .edit-section-form fieldset div[data-fs-wrapper] div[data-fs-input=array] button:focus,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-buttons] button:focus,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-input=array] button:focus,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-buttons] button:focus,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-input=array] button:focus {
    -webkit-box-shadow: 1px 1px 6px var(--interactive-editor-color);
    box-shadow: 1px 1px 6px var(--interactive-editor-color)
}

.edit-section-inner {
    padding: 1rem;
    background: var(--interactive-editor-background);
    color: var(--interactive-editor-color);
    height: 100%;
    overflow-y: auto
}

.edit-section-inner h3 {
    font-size: 1.4rem;
    margin: .5rem
}

.edit-section-inner .edit-section-form {
    margin-bottom: 2.5rem
}

.edit-section-inner .edit-section-save-btn {
    margin-bottom: 2rem
}

div.context-menu[data-v-e8252808] {
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 8;
    background: var(--context-menu-background);
    color: var(--context-menu-color);
    border: 1px solid var(--context-menu-secondary-color);
    border-radius: var(--curve-factor);
    -webkit-box-shadow: var(--context-menu-shadow);
    box-shadow: var(--context-menu-shadow);
    opacity: .98
}

div.context-menu ul.menu-section[data-v-e8252808] {
    list-style-type: none;
    margin: 0;
    padding: 0
}

div.context-menu ul.menu-section[data-v-e8252808]:not(:last-child) {
    border-bottom: 1px solid var(--context-menu-color)
}

div.context-menu ul.menu-section li[data-v-e8252808] {
    cursor: pointer;
    padding: .5rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 1rem
}

div.context-menu ul.menu-section li[data-v-e8252808]:not(:last-child) {
    border-bottom: 1px solid var(--context-menu-secondary-color)
}

div.context-menu ul.menu-section li svg[data-v-e8252808] {
    width: 1rem;
    margin-right: .5rem
}

div.context-menu ul.menu-section li svg path[data-v-e8252808] {
    fill: currentColor
}

.slide-enter-active[data-v-e8252808] {
    -webkit-animation: slide-in-e8252808 .1s;
    animation: slide-in-e8252808 .1s
}

.slide-leave-active[data-v-e8252808] {
    animation: slide-in-e8252808 .1s reverse
}

@-webkit-keyframes slide-in-e8252808 {
    0% {
        -webkit-transform: scaleY(.5) scaleX(.8) translateY(-50px);
        transform: scaleY(.5) scaleX(.8) translateY(-50px)
    }

    to {
        -webkit-transform: scaleY(1) translateY(0) translateY(0);
        transform: scaleY(1) translateY(0) translateY(0)
    }
}

@keyframes slide-in-e8252808 {
    0% {
        -webkit-transform: scaleY(.5) scaleX(.8) translateY(-50px);
        transform: scaleY(.5) scaleX(.8) translateY(-50px)
    }

    to {
        -webkit-transform: scaleY(1) translateY(0) translateY(0);
        transform: scaleY(1) translateY(0) translateY(0)
    }
}

.scroll-bar[data-v-78612a5e]::-webkit-scrollbar,
.there-are-items.item-group-grid[data-v-78612a5e]::-webkit-scrollbar {
    width: var(--scroll-bar-width);
    height: var(--scroll-bar-width)
}

.scroll-bar[data-v-78612a5e]::-webkit-scrollbar-track,
.there-are-items.item-group-grid[data-v-78612a5e]::-webkit-scrollbar-track {
    border-radius: var(--curve-factor);
    background-color: var(--scroll-bar-background)
}

.scroll-bar[data-v-78612a5e]::-webkit-scrollbar-thumb,
.there-are-items.item-group-grid[data-v-78612a5e]::-webkit-scrollbar-thumb {
    background: var(--scroll-bar-color);
    border-radius: var(--curve-factor)
}

.svg-button[data-v-78612a5e] {
    color: var(--primary)
}

.svg-button svg[data-v-78612a5e] {
    width: 1rem;
    height: 1rem;
    margin: .2rem;
    padding: .2rem;
    text-align: center;
    background: var(--background);
    border: 1px solid currentColor;
    border-radius: var(--curve-factor);
    cursor: pointer
}

.svg-button svg path[data-v-78612a5e] {
    fill: var(--settings-text-color)
}

.svg-button svg.selected[data-v-78612a5e],
.svg-button svg[data-v-78612a5e]:hover {
    background: var(--settings-text-color)
}

.svg-button svg.selected path[data-v-78612a5e],
.svg-button svg:hover path[data-v-78612a5e] {
    fill: var(--background)
}

.svg-button svg.disabled[data-v-78612a5e] {
    opacity: var(--dimming-factor);
    cursor: not-allowed
}

.svg-button svg.disabled[data-v-78612a5e]:hover {
    border: 1px solid currentColor;
    background: var(--background)
}

.svg-button svg.disabled:hover path[data-v-78612a5e] {
    fill: var(--settings-text-color)
}

.highlight[data-v-78612a5e] ::-moz-selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.highlight[data-v-78612a5e] ::selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.highlight[data-v-78612a5e] ::-moz-selection,
.highlight[data-v-78612a5e] ::-ms-selection,
.highlight[data-v-78612a5e] ::-o-selection,
.highlight[data-v-78612a5e] ::-webkit-selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.bold[data-v-78612a5e] {
    font-weight: 700
}

.light[data-v-78612a5e] {
    font-weight: lighter
}

.text-left[data-v-78612a5e] {
    text-align: left
}

.text-right[data-v-78612a5e] {
    text-align: right
}

.text-center[data-v-78612a5e] {
    text-align: center
}

.horizontal-center[data-v-78612a5e] {
    margin: 0 auto
}

.border-box[data-v-78612a5e] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.no-items[data-v-78612a5e] {
    width: 100px;
    margin: 0 auto;
    padding: .8rem;
    text-align: center;
    cursor: default;
    color: var(--primary);
    background: var(--item-background);
    border-radius: var(--curve-factor);
    -webkit-box-shadow: var(--item-shadow);
    box-shadow: var(--item-shadow)
}

.there-are-items[data-v-78612a5e] {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.there-are-items.item-group-grid[data-v-78612a5e] {
    display: grid;
    overflow: auto;
    grid-template-columns: repeat(var(--item-col-count, 2), minmax(0, 1fr))
}

@media(max-width:599px) {
    .there-are-items.item-group-grid[data-v-78612a5e] {
        --item-col-count: 1
    }
}

@media(min-width:600px)and (max-width:779px) {
    .there-are-items.item-group-grid[data-v-78612a5e] {
        --item-col-count: 2
    }
}

@media(min-width:780px)and (max-width:1149px) {
    .there-are-items.item-group-grid[data-v-78612a5e] {
        --item-col-count: 2
    }
}

@media(min-width:1150px)and (max-width:1779px) {
    .there-are-items.item-group-grid[data-v-78612a5e] {
        --item-col-count: 3
    }
}

@media(min-width:1780px) {
    .there-are-items.item-group-grid[data-v-78612a5e] {
        --item-col-count: 4
    }
}

@media(min-width:2800px) {
    .there-are-items.item-group-grid[data-v-78612a5e] {
        --item-col-count: 5
    }
}

.orientation-horizontal[data-v-78612a5e]:not(.single-section-view) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.orientation-horizontal:not(.single-section-view) .there-are-items[data-v-78612a5e] {
    display: grid;
    grid-template-columns: repeat(var(--item-col-count, 2), minmax(0, 1fr))
}

@media(max-width:599px) {
    .orientation-horizontal:not(.single-section-view) .there-are-items[data-v-78612a5e] {
        --item-col-count: 2
    }
}

@media(min-width:600px)and (max-width:779px) {
    .orientation-horizontal:not(.single-section-view) .there-are-items[data-v-78612a5e] {
        --item-col-count: 4
    }
}

@media(min-width:780px)and (max-width:1149px) {
    .orientation-horizontal:not(.single-section-view) .there-are-items[data-v-78612a5e] {
        --item-col-count: 6
    }
}

@media(min-width:1150px)and (max-width:1779px) {
    .orientation-horizontal:not(.single-section-view) .there-are-items[data-v-78612a5e] {
        --item-col-count: 8
    }
}

@media(min-width:1780px) {
    .orientation-horizontal:not(.single-section-view) .there-are-items[data-v-78612a5e] {
        --item-col-count: 10
    }
}

@media(min-width:2800px) {
    .orientation-horizontal:not(.single-section-view) .there-are-items[data-v-78612a5e] {
        --item-col-count: 12
    }
}

.orientation-horizontal:not(.single-section-view) .there-are-items.inner-size-large[data-v-78612a5e] {
    display: grid;
    grid-template-columns: repeat(var(--item-col-count, 2), minmax(0, 1fr))
}

@media(max-width:599px) {
    .orientation-horizontal:not(.single-section-view) .there-are-items.inner-size-large[data-v-78612a5e] {
        --item-col-count: 1
    }
}

@media(min-width:600px)and (max-width:779px) {
    .orientation-horizontal:not(.single-section-view) .there-are-items.inner-size-large[data-v-78612a5e] {
        --item-col-count: 2
    }
}

@media(min-width:780px)and (max-width:1149px) {
    .orientation-horizontal:not(.single-section-view) .there-are-items.inner-size-large[data-v-78612a5e] {
        --item-col-count: 3
    }
}

@media(min-width:1150px)and (max-width:1779px) {
    .orientation-horizontal:not(.single-section-view) .there-are-items.inner-size-large[data-v-78612a5e] {
        --item-col-count: 5
    }
}

@media(min-width:1780px) {
    .orientation-horizontal:not(.single-section-view) .there-are-items.inner-size-large[data-v-78612a5e] {
        --item-col-count: 6
    }
}

@media(min-width:2800px) {
    .orientation-horizontal:not(.single-section-view) .there-are-items.inner-size-large[data-v-78612a5e] {
        --item-col-count: 8
    }
}

.add-new-item[data-v-78612a5e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.add-new-item a[data-v-78612a5e] {
    border-style: dashed
}

.widget-list.wide[data-v-78612a5e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.widget-list.wide .widget-base[data-v-78612a5e] {
    min-width: 10rem;
    width: stretch;
    width: -webkit-fill-available;
    width: -moz-available
}

.edit-page-info-inner::-webkit-scrollbar,
.scroll-bar::-webkit-scrollbar {
    width: var(--scroll-bar-width);
    height: var(--scroll-bar-width)
}

.edit-page-info-inner::-webkit-scrollbar-track,
.scroll-bar::-webkit-scrollbar-track {
    border-radius: var(--curve-factor);
    background-color: var(--scroll-bar-background)
}

.edit-page-info-inner::-webkit-scrollbar-thumb,
.scroll-bar::-webkit-scrollbar-thumb {
    background: var(--scroll-bar-color);
    border-radius: var(--curve-factor)
}

.edit-page-info-inner .page-info-form fieldset,
.schema-form fieldset {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.edit-page-info-inner .page-info-form fieldset>div,
.schema-form fieldset>div {
    border-bottom: 1px dashed var(--interactive-editor-color);
    margin: .5rem 0
}

.edit-page-info-inner .page-info-form fieldset>div label,
.schema-form fieldset>div label {
    font-size: 1rem;
    text-decoration: underline
}

.edit-page-info-inner .page-info-form fieldset div[data-fs-kind=object],
.edit-page-info-inner .page-info-form fieldset div[data-fs-wrapper],
.schema-form fieldset div[data-fs-kind=object],
.schema-form fieldset div[data-fs-wrapper] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 0
}

@media(max-width:779px) {

    .edit-page-info-inner .page-info-form fieldset div[data-fs-kind=object],
    .edit-page-info-inner .page-info-form fieldset div[data-fs-wrapper],
    .schema-form fieldset div[data-fs-kind=object],
    .schema-form fieldset div[data-fs-wrapper] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.edit-page-info-inner .page-info-form fieldset div[data-fs-kind=object] span,
.edit-page-info-inner .page-info-form fieldset div[data-fs-wrapper] span,
.schema-form fieldset div[data-fs-kind=object] span,
.schema-form fieldset div[data-fs-wrapper] span {
    font-style: italic;
    margin-right: .5rem;
    max-width: 20rem;
    opacity: var(--dimming-factor)
}

.edit-page-info-inner .page-info-form fieldset div[data-fs-kind=object] input,
.edit-page-info-inner .page-info-form fieldset div[data-fs-wrapper] input,
.schema-form fieldset div[data-fs-kind=object] input,
.schema-form fieldset div[data-fs-wrapper] input {
    min-width: 15rem;
    padding: .5rem .75rem;
    margin: .5rem auto;
    font-size: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--interactive-editor-color);
    background: var(--interactive-editor-background);
    border: 1px solid var(--interactive-editor-color);
    border-radius: var(--curve-factor)
}

.edit-page-info-inner .page-info-form fieldset div[data-fs-kind=object] input[type=number]:focus,
.edit-page-info-inner .page-info-form fieldset div[data-fs-kind=object] input[type=text]:focus,
.edit-page-info-inner .page-info-form fieldset div[data-fs-wrapper] input[type=number]:focus,
.edit-page-info-inner .page-info-form fieldset div[data-fs-wrapper] input[type=text]:focus,
.schema-form fieldset div[data-fs-kind=object] input[type=number]:focus,
.schema-form fieldset div[data-fs-kind=object] input[type=text]:focus,
.schema-form fieldset div[data-fs-wrapper] input[type=number]:focus,
.schema-form fieldset div[data-fs-wrapper] input[type=text]:focus {
    -webkit-box-shadow: 1px 1px 6px var(--interactive-editor-color);
    box-shadow: 1px 1px 6px var(--interactive-editor-color);
    outline: none
}

.edit-page-info-inner .page-info-form fieldset div[data-fs-kind=object] input[type=checkbox],
.edit-page-info-inner .page-info-form fieldset div[data-fs-wrapper] input[type=checkbox],
.schema-form fieldset div[data-fs-kind=object] input[type=checkbox],
.schema-form fieldset div[data-fs-wrapper] input[type=checkbox] {
    width: 1.2rem;
    height: 1.2rem;
    cursor: pointer
}

.edit-page-info-inner .page-info-form fieldset div[data-fs-kind=object] input[type=radio],
.edit-page-info-inner .page-info-form fieldset div[data-fs-wrapper] input[type=radio],
.schema-form fieldset div[data-fs-kind=object] input[type=radio],
.schema-form fieldset div[data-fs-wrapper] input[type=radio] {
    width: 1rem;
    height: 1rem;
    cursor: pointer
}

.edit-page-info-inner .page-info-form fieldset div[data-fs-kind=object] div[data-fs-input=array],
.edit-page-info-inner .page-info-form fieldset div[data-fs-kind=object] div[data-fs-input=object],
.edit-page-info-inner .page-info-form fieldset div[data-fs-wrapper] div[data-fs-input=array],
.edit-page-info-inner .page-info-form fieldset div[data-fs-wrapper] div[data-fs-input=object],
.schema-form fieldset div[data-fs-kind=object] div[data-fs-input=array],
.schema-form fieldset div[data-fs-kind=object] div[data-fs-input=object],
.schema-form fieldset div[data-fs-wrapper] div[data-fs-input=array],
.schema-form fieldset div[data-fs-wrapper] div[data-fs-input=object] {
    width: 100%;
    padding-left: .5rem;
    border-left: 1px dashed var(--interactive-editor-color)
}

.edit-page-info-inner .page-info-form fieldset div[data-fs-kind=object] div[data-fs-kind=radio],
.edit-page-info-inner .page-info-form fieldset div[data-fs-wrapper] div[data-fs-kind=radio],
.schema-form fieldset div[data-fs-kind=object] div[data-fs-kind=radio],
.schema-form fieldset div[data-fs-wrapper] div[data-fs-kind=radio] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.edit-page-info-inner .page-info-form fieldset div[data-fs-kind=object] div[data-fs-kind=radio] label,
.edit-page-info-inner .page-info-form fieldset div[data-fs-wrapper] div[data-fs-kind=radio] label,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-kind=radio] label,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-kind=radio] label {
    text-decoration: none;
    text-transform: capitalize
}

.edit-page-info-inner .page-info-form fieldset div[data-fs-kind=object] select,
.edit-page-info-inner .page-info-form fieldset div[data-fs-wrapper] select,
.schema-form fieldset div[data-fs-kind=object] select,
.schema-form fieldset div[data-fs-wrapper] select {
    width: 15rem;
    height: 2rem;
    padding: .2rem;
    font-size: 1rem;
    color: var(--interactive-editor-color);
    background: var(--interactive-editor-background);
    border: 1px solid var(--interactive-editor-color);
    border-radius: var(--curve-factor)
}

.edit-page-info-inner .page-info-form fieldset div[data-fs-kind=object] select:focus,
.edit-page-info-inner .page-info-form fieldset div[data-fs-wrapper] select:focus,
.schema-form fieldset div[data-fs-kind=object] select:focus,
.schema-form fieldset div[data-fs-wrapper] select:focus {
    -webkit-box-shadow: 1px 1px 6px var(--interactive-editor-color);
    box-shadow: 1px 1px 6px var(--interactive-editor-color)
}

.edit-page-info-inner .page-info-form fieldset div[data-fs-kind=object] div[data-fs-buttons] button,
.edit-page-info-inner .page-info-form fieldset div[data-fs-kind=object] div[data-fs-input=array] button,
.edit-page-info-inner .page-info-form fieldset div[data-fs-wrapper] div[data-fs-buttons] button,
.edit-page-info-inner .page-info-form fieldset div[data-fs-wrapper] div[data-fs-input=array] button,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-buttons] button,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-input=array] button,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-buttons] button,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-input=array] button {
    font-size: 1rem;
    margin: .25rem;
    border-radius: var(--curve-factor);
    color: var(--interactive-editor-color);
    background: var(--interactive-editor-background);
    border: 1px solid var(--interactive-editor-color)
}

.edit-page-info-inner .page-info-form fieldset div[data-fs-kind=object] div[data-fs-buttons] button:hover,
.edit-page-info-inner .page-info-form fieldset div[data-fs-kind=object] div[data-fs-input=array] button:hover,
.edit-page-info-inner .page-info-form fieldset div[data-fs-wrapper] div[data-fs-buttons] button:hover,
.edit-page-info-inner .page-info-form fieldset div[data-fs-wrapper] div[data-fs-input=array] button:hover,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-buttons] button:hover,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-input=array] button:hover,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-buttons] button:hover,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-input=array] button:hover {
    color: var(--interactive-editor-background);
    background: var(--interactive-editor-color)
}

.edit-page-info-inner .page-info-form fieldset div[data-fs-kind=object] div[data-fs-buttons] button:focus,
.edit-page-info-inner .page-info-form fieldset div[data-fs-kind=object] div[data-fs-input=array] button:focus,
.edit-page-info-inner .page-info-form fieldset div[data-fs-wrapper] div[data-fs-buttons] button:focus,
.edit-page-info-inner .page-info-form fieldset div[data-fs-wrapper] div[data-fs-input=array] button:focus,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-buttons] button:focus,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-input=array] button:focus,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-buttons] button:focus,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-input=array] button:focus {
    -webkit-box-shadow: 1px 1px 6px var(--interactive-editor-color);
    box-shadow: 1px 1px 6px var(--interactive-editor-color)
}

.edit-page-info-inner {
    padding: 1rem;
    background: var(--interactive-editor-background);
    color: var(--interactive-editor-color);
    height: 100%;
    overflow-y: auto
}

.edit-page-info-inner h3 {
    font-size: 1.4rem;
    margin: .5rem
}

.edit-page-info-inner .page-info-form {
    margin-bottom: 2.5rem
}

.edit-app-config-inner::-webkit-scrollbar,
.scroll-bar::-webkit-scrollbar {
    width: var(--scroll-bar-width);
    height: var(--scroll-bar-width)
}

.edit-app-config-inner::-webkit-scrollbar-track,
.scroll-bar::-webkit-scrollbar-track {
    border-radius: var(--curve-factor);
    background-color: var(--scroll-bar-background)
}

.edit-app-config-inner::-webkit-scrollbar-thumb,
.scroll-bar::-webkit-scrollbar-thumb {
    background: var(--scroll-bar-color);
    border-radius: var(--curve-factor)
}

.edit-app-config-inner .app-config-form fieldset,
.schema-form fieldset {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.edit-app-config-inner .app-config-form fieldset>div,
.schema-form fieldset>div {
    border-bottom: 1px dashed var(--interactive-editor-color);
    margin: .5rem 0
}

.edit-app-config-inner .app-config-form fieldset>div label,
.schema-form fieldset>div label {
    font-size: 1rem;
    text-decoration: underline
}

.edit-app-config-inner .app-config-form fieldset div[data-fs-kind=object],
.edit-app-config-inner .app-config-form fieldset div[data-fs-wrapper],
.schema-form fieldset div[data-fs-kind=object],
.schema-form fieldset div[data-fs-wrapper] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 0
}

@media(max-width:779px) {

    .edit-app-config-inner .app-config-form fieldset div[data-fs-kind=object],
    .edit-app-config-inner .app-config-form fieldset div[data-fs-wrapper],
    .schema-form fieldset div[data-fs-kind=object],
    .schema-form fieldset div[data-fs-wrapper] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.edit-app-config-inner .app-config-form fieldset div[data-fs-kind=object] span,
.edit-app-config-inner .app-config-form fieldset div[data-fs-wrapper] span,
.schema-form fieldset div[data-fs-kind=object] span,
.schema-form fieldset div[data-fs-wrapper] span {
    font-style: italic;
    margin-right: .5rem;
    max-width: 20rem;
    opacity: var(--dimming-factor)
}

.edit-app-config-inner .app-config-form fieldset div[data-fs-kind=object] input,
.edit-app-config-inner .app-config-form fieldset div[data-fs-wrapper] input,
.schema-form fieldset div[data-fs-kind=object] input,
.schema-form fieldset div[data-fs-wrapper] input {
    min-width: 15rem;
    padding: .5rem .75rem;
    margin: .5rem auto;
    font-size: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--interactive-editor-color);
    background: var(--interactive-editor-background);
    border: 1px solid var(--interactive-editor-color);
    border-radius: var(--curve-factor)
}

.edit-app-config-inner .app-config-form fieldset div[data-fs-kind=object] input[type=number]:focus,
.edit-app-config-inner .app-config-form fieldset div[data-fs-kind=object] input[type=text]:focus,
.edit-app-config-inner .app-config-form fieldset div[data-fs-wrapper] input[type=number]:focus,
.edit-app-config-inner .app-config-form fieldset div[data-fs-wrapper] input[type=text]:focus,
.schema-form fieldset div[data-fs-kind=object] input[type=number]:focus,
.schema-form fieldset div[data-fs-kind=object] input[type=text]:focus,
.schema-form fieldset div[data-fs-wrapper] input[type=number]:focus,
.schema-form fieldset div[data-fs-wrapper] input[type=text]:focus {
    -webkit-box-shadow: 1px 1px 6px var(--interactive-editor-color);
    box-shadow: 1px 1px 6px var(--interactive-editor-color);
    outline: none
}

.edit-app-config-inner .app-config-form fieldset div[data-fs-kind=object] input[type=checkbox],
.edit-app-config-inner .app-config-form fieldset div[data-fs-wrapper] input[type=checkbox],
.schema-form fieldset div[data-fs-kind=object] input[type=checkbox],
.schema-form fieldset div[data-fs-wrapper] input[type=checkbox] {
    width: 1.2rem;
    height: 1.2rem;
    cursor: pointer
}

.edit-app-config-inner .app-config-form fieldset div[data-fs-kind=object] input[type=radio],
.edit-app-config-inner .app-config-form fieldset div[data-fs-wrapper] input[type=radio],
.schema-form fieldset div[data-fs-kind=object] input[type=radio],
.schema-form fieldset div[data-fs-wrapper] input[type=radio] {
    width: 1rem;
    height: 1rem;
    cursor: pointer
}

.edit-app-config-inner .app-config-form fieldset div[data-fs-kind=object] div[data-fs-input=array],
.edit-app-config-inner .app-config-form fieldset div[data-fs-kind=object] div[data-fs-input=object],
.edit-app-config-inner .app-config-form fieldset div[data-fs-wrapper] div[data-fs-input=array],
.edit-app-config-inner .app-config-form fieldset div[data-fs-wrapper] div[data-fs-input=object],
.schema-form fieldset div[data-fs-kind=object] div[data-fs-input=array],
.schema-form fieldset div[data-fs-kind=object] div[data-fs-input=object],
.schema-form fieldset div[data-fs-wrapper] div[data-fs-input=array],
.schema-form fieldset div[data-fs-wrapper] div[data-fs-input=object] {
    width: 100%;
    padding-left: .5rem;
    border-left: 1px dashed var(--interactive-editor-color)
}

.edit-app-config-inner .app-config-form fieldset div[data-fs-kind=object] div[data-fs-kind=radio],
.edit-app-config-inner .app-config-form fieldset div[data-fs-wrapper] div[data-fs-kind=radio],
.schema-form fieldset div[data-fs-kind=object] div[data-fs-kind=radio],
.schema-form fieldset div[data-fs-wrapper] div[data-fs-kind=radio] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.edit-app-config-inner .app-config-form fieldset div[data-fs-kind=object] div[data-fs-kind=radio] label,
.edit-app-config-inner .app-config-form fieldset div[data-fs-wrapper] div[data-fs-kind=radio] label,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-kind=radio] label,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-kind=radio] label {
    text-decoration: none;
    text-transform: capitalize
}

.edit-app-config-inner .app-config-form fieldset div[data-fs-kind=object] select,
.edit-app-config-inner .app-config-form fieldset div[data-fs-wrapper] select,
.schema-form fieldset div[data-fs-kind=object] select,
.schema-form fieldset div[data-fs-wrapper] select {
    width: 15rem;
    height: 2rem;
    padding: .2rem;
    font-size: 1rem;
    color: var(--interactive-editor-color);
    background: var(--interactive-editor-background);
    border: 1px solid var(--interactive-editor-color);
    border-radius: var(--curve-factor)
}

.edit-app-config-inner .app-config-form fieldset div[data-fs-kind=object] select:focus,
.edit-app-config-inner .app-config-form fieldset div[data-fs-wrapper] select:focus,
.schema-form fieldset div[data-fs-kind=object] select:focus,
.schema-form fieldset div[data-fs-wrapper] select:focus {
    -webkit-box-shadow: 1px 1px 6px var(--interactive-editor-color);
    box-shadow: 1px 1px 6px var(--interactive-editor-color)
}

.edit-app-config-inner .app-config-form fieldset div[data-fs-kind=object] div[data-fs-buttons] button,
.edit-app-config-inner .app-config-form fieldset div[data-fs-kind=object] div[data-fs-input=array] button,
.edit-app-config-inner .app-config-form fieldset div[data-fs-wrapper] div[data-fs-buttons] button,
.edit-app-config-inner .app-config-form fieldset div[data-fs-wrapper] div[data-fs-input=array] button,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-buttons] button,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-input=array] button,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-buttons] button,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-input=array] button {
    font-size: 1rem;
    margin: .25rem;
    border-radius: var(--curve-factor);
    color: var(--interactive-editor-color);
    background: var(--interactive-editor-background);
    border: 1px solid var(--interactive-editor-color)
}

.edit-app-config-inner .app-config-form fieldset div[data-fs-kind=object] div[data-fs-buttons] button:hover,
.edit-app-config-inner .app-config-form fieldset div[data-fs-kind=object] div[data-fs-input=array] button:hover,
.edit-app-config-inner .app-config-form fieldset div[data-fs-wrapper] div[data-fs-buttons] button:hover,
.edit-app-config-inner .app-config-form fieldset div[data-fs-wrapper] div[data-fs-input=array] button:hover,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-buttons] button:hover,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-input=array] button:hover,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-buttons] button:hover,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-input=array] button:hover {
    color: var(--interactive-editor-background);
    background: var(--interactive-editor-color)
}

.edit-app-config-inner .app-config-form fieldset div[data-fs-kind=object] div[data-fs-buttons] button:focus,
.edit-app-config-inner .app-config-form fieldset div[data-fs-kind=object] div[data-fs-input=array] button:focus,
.edit-app-config-inner .app-config-form fieldset div[data-fs-wrapper] div[data-fs-buttons] button:focus,
.edit-app-config-inner .app-config-form fieldset div[data-fs-wrapper] div[data-fs-input=array] button:focus,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-buttons] button:focus,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-input=array] button:focus,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-buttons] button:focus,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-input=array] button:focus {
    -webkit-box-shadow: 1px 1px 6px var(--interactive-editor-color);
    box-shadow: 1px 1px 6px var(--interactive-editor-color)
}

.edit-app-config-inner {
    padding: 1rem;
    background: var(--interactive-editor-background);
    color: var(--interactive-editor-color);
    height: 100%;
    overflow-y: auto
}

.edit-app-config-inner h3 {
    font-size: 1.4rem;
    margin: .5rem
}

.edit-app-config-inner .app-config-form {
    border-top: 1px dashed var(--interactive-editor-color)
}

.edit-app-config-inner .app-config-intro {
    padding: .5rem;
    font-size: .9rem;
    color: var(--interactive-editor-color);
    background: var(--interactive-editor-background-darker);
    border-radius: var(--interactive-editor-color)
}

.edit-app-config-inner .app-config-intro p.use-caution {
    color: var(--warning);
    margin: 0;
    font-weight: 700
}

.edit-app-config-inner .app-config-intro a {
    color: var(--interactive-editor-color)
}

.edit-multi-pages-inner::-webkit-scrollbar,
.scroll-bar::-webkit-scrollbar {
    width: var(--scroll-bar-width);
    height: var(--scroll-bar-width)
}

.edit-multi-pages-inner::-webkit-scrollbar-track,
.scroll-bar::-webkit-scrollbar-track {
    border-radius: var(--curve-factor);
    background-color: var(--scroll-bar-background)
}

.edit-multi-pages-inner::-webkit-scrollbar-thumb,
.scroll-bar::-webkit-scrollbar-thumb {
    background: var(--scroll-bar-color);
    border-radius: var(--curve-factor)
}

.edit-multi-pages-inner .multi-page-form fieldset,
.schema-form fieldset {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.edit-multi-pages-inner .multi-page-form fieldset>div,
.schema-form fieldset>div {
    border-bottom: 1px dashed var(--interactive-editor-color);
    margin: .5rem 0
}

.edit-multi-pages-inner .multi-page-form fieldset>div label,
.schema-form fieldset>div label {
    font-size: 1rem;
    text-decoration: underline
}

.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-kind=object],
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-wrapper],
.schema-form fieldset div[data-fs-kind=object],
.schema-form fieldset div[data-fs-wrapper] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 0
}

@media(max-width:779px) {

    .edit-multi-pages-inner .multi-page-form fieldset div[data-fs-kind=object],
    .edit-multi-pages-inner .multi-page-form fieldset div[data-fs-wrapper],
    .schema-form fieldset div[data-fs-kind=object],
    .schema-form fieldset div[data-fs-wrapper] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-kind=object] span,
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-wrapper] span,
.schema-form fieldset div[data-fs-kind=object] span,
.schema-form fieldset div[data-fs-wrapper] span {
    font-style: italic;
    margin-right: .5rem;
    max-width: 20rem;
    opacity: var(--dimming-factor)
}

.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-kind=object] input,
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-wrapper] input,
.schema-form fieldset div[data-fs-kind=object] input,
.schema-form fieldset div[data-fs-wrapper] input {
    min-width: 15rem;
    padding: .5rem .75rem;
    margin: .5rem auto;
    font-size: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--interactive-editor-color);
    background: var(--interactive-editor-background);
    border: 1px solid var(--interactive-editor-color);
    border-radius: var(--curve-factor)
}

.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-kind=object] input[type=number]:focus,
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-kind=object] input[type=text]:focus,
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-wrapper] input[type=number]:focus,
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-wrapper] input[type=text]:focus,
.schema-form fieldset div[data-fs-kind=object] input[type=number]:focus,
.schema-form fieldset div[data-fs-kind=object] input[type=text]:focus,
.schema-form fieldset div[data-fs-wrapper] input[type=number]:focus,
.schema-form fieldset div[data-fs-wrapper] input[type=text]:focus {
    -webkit-box-shadow: 1px 1px 6px var(--interactive-editor-color);
    box-shadow: 1px 1px 6px var(--interactive-editor-color);
    outline: none
}

.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-kind=object] input[type=checkbox],
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-wrapper] input[type=checkbox],
.schema-form fieldset div[data-fs-kind=object] input[type=checkbox],
.schema-form fieldset div[data-fs-wrapper] input[type=checkbox] {
    width: 1.2rem;
    height: 1.2rem;
    cursor: pointer
}

.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-kind=object] input[type=radio],
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-wrapper] input[type=radio],
.schema-form fieldset div[data-fs-kind=object] input[type=radio],
.schema-form fieldset div[data-fs-wrapper] input[type=radio] {
    width: 1rem;
    height: 1rem;
    cursor: pointer
}

.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-kind=object] div[data-fs-input=array],
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-kind=object] div[data-fs-input=object],
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-wrapper] div[data-fs-input=array],
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-wrapper] div[data-fs-input=object],
.schema-form fieldset div[data-fs-kind=object] div[data-fs-input=array],
.schema-form fieldset div[data-fs-kind=object] div[data-fs-input=object],
.schema-form fieldset div[data-fs-wrapper] div[data-fs-input=array],
.schema-form fieldset div[data-fs-wrapper] div[data-fs-input=object] {
    width: 100%;
    padding-left: .5rem;
    border-left: 1px dashed var(--interactive-editor-color)
}

.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-kind=object] div[data-fs-kind=radio],
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-wrapper] div[data-fs-kind=radio],
.schema-form fieldset div[data-fs-kind=object] div[data-fs-kind=radio],
.schema-form fieldset div[data-fs-wrapper] div[data-fs-kind=radio] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-kind=object] div[data-fs-kind=radio] label,
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-wrapper] div[data-fs-kind=radio] label,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-kind=radio] label,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-kind=radio] label {
    text-decoration: none;
    text-transform: capitalize
}

.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-kind=object] select,
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-wrapper] select,
.schema-form fieldset div[data-fs-kind=object] select,
.schema-form fieldset div[data-fs-wrapper] select {
    width: 15rem;
    height: 2rem;
    padding: .2rem;
    font-size: 1rem;
    color: var(--interactive-editor-color);
    background: var(--interactive-editor-background);
    border: 1px solid var(--interactive-editor-color);
    border-radius: var(--curve-factor)
}

.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-kind=object] select:focus,
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-wrapper] select:focus,
.schema-form fieldset div[data-fs-kind=object] select:focus,
.schema-form fieldset div[data-fs-wrapper] select:focus {
    -webkit-box-shadow: 1px 1px 6px var(--interactive-editor-color);
    box-shadow: 1px 1px 6px var(--interactive-editor-color)
}

.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-kind=object] div[data-fs-buttons] button,
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-kind=object] div[data-fs-input=array] button,
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-wrapper] div[data-fs-buttons] button,
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-wrapper] div[data-fs-input=array] button,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-buttons] button,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-input=array] button,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-buttons] button,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-input=array] button {
    font-size: 1rem;
    margin: .25rem;
    border-radius: var(--curve-factor);
    color: var(--interactive-editor-color);
    background: var(--interactive-editor-background);
    border: 1px solid var(--interactive-editor-color)
}

.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-kind=object] div[data-fs-buttons] button:hover,
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-kind=object] div[data-fs-input=array] button:hover,
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-wrapper] div[data-fs-buttons] button:hover,
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-wrapper] div[data-fs-input=array] button:hover,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-buttons] button:hover,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-input=array] button:hover,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-buttons] button:hover,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-input=array] button:hover {
    color: var(--interactive-editor-background);
    background: var(--interactive-editor-color)
}

.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-kind=object] div[data-fs-buttons] button:focus,
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-kind=object] div[data-fs-input=array] button:focus,
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-wrapper] div[data-fs-buttons] button:focus,
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-wrapper] div[data-fs-input=array] button:focus,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-buttons] button:focus,
.schema-form fieldset div[data-fs-kind=object] div[data-fs-input=array] button:focus,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-buttons] button:focus,
.schema-form fieldset div[data-fs-wrapper] div[data-fs-input=array] button:focus {
    -webkit-box-shadow: 1px 1px 6px var(--interactive-editor-color);
    box-shadow: 1px 1px 6px var(--interactive-editor-color)
}

.edit-multi-pages-inner {
    padding: 1rem;
    background: var(--interactive-editor-background);
    color: var(--interactive-editor-color);
    height: 100%;
    overflow-y: auto
}

.edit-multi-pages-inner h3 {
    font-size: 1.4rem;
    margin: .5rem
}

.edit-multi-pages-inner .multi-page-form {
    margin-bottom: 2.5rem
}

.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-kind=object],
.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-wrapper] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.edit-multi-pages-inner .multi-page-form [name=multiPageForm] button {
    width: 8rem;
    margin: 0 .5rem .5rem .5rem;
    padding: .25rem .5rem
}

.edit-multi-pages-inner .multi-page-form [name=multiPageForm] button[data-fs-button=push]:after {
    content: " Add New"
}

.edit-multi-pages-inner .multi-page-form [name=multiPageForm] button[data-fs-button=moveUp]:after {
    content: " Move Up"
}

.edit-multi-pages-inner .multi-page-form [name=multiPageForm] button[data-fs-button=moveDown]:after {
    content: " Move Down"
}

.edit-multi-pages-inner .multi-page-form [name=multiPageForm] button[data-fs-button=delete]:after {
    content: " Delete"
}

.edit-multi-pages-inner .multi-page-form div[data-fs-type=object] div[data-fs-type=object] div[data-fs-input=object] {
    border: none
}

.edit-multi-pages-inner .multi-page-form div[data-fs-type=object] div[data-fs-type=object] label {
    display: none
}

.edit-multi-pages-inner .multi-page-form div[data-fs-type=object] div[data-fs-type=object] div[data-fs-input=object] label {
    display: block
}

.edit-multi-pages-inner .multi-page-form fieldset div[data-fs-kind=object] span {
    text-align: right
}

.edit-multi-pages-inner .multi-page-form fieldset button[data-fs-button=push] {
    min-width: 15rem;
    padding: .5rem .75rem;
    margin: .5rem 0;
    font-size: 1rem;
    color: var(--interactive-editor-color);
    background: var(--interactive-editor-background);
    border: 1px solid var(--interactive-editor-color);
    border-radius: var(--curve-factor)
}

.edit-multi-pages-inner .multi-page-form fieldset button[data-fs-button=push]:hover {
    color: var(--interactive-editor-background);
    background: var(--interactive-editor-color)
}

div.edit-mode-bottom-banner[data-v-5d78500b] {
    position: fixed;
    display: grid;
    z-index: 5;
    bottom: 0;
    width: 100%;
    padding: .25rem 0;
    border-top: 2px solid var(--interactive-editor-color);
    background: var(--interactive-editor-background-darker);
    -webkit-box-shadow: 0 -5px 7px var(--transparent-50);
    box-shadow: 0 -5px 7px var(--transparent-50);
    grid-template-columns: 45% 10% 45%
}

@media(min-width:1150px) {
    div.edit-mode-bottom-banner[data-v-5d78500b] {
        grid-template-columns: 50% 10% 40%
    }
}

@media(min-width:1780px) {
    div.edit-mode-bottom-banner[data-v-5d78500b] {
        grid-template-columns: 40% 30% 30%
    }
}

@media(min-width:2800px) {
    div.edit-mode-bottom-banner[data-v-5d78500b] {
        grid-template-columns: 25% 50% 25%
    }
}

div.edit-mode-bottom-banner .edit-banner-section[data-v-5d78500b] {
    padding: .5rem;
    height: 90%;
    display: grid
}

div.edit-mode-bottom-banner .edit-banner-section p.section-sub-title[data-v-5d78500b] {
    margin: 0;
    color: var(--interactive-editor-color);
    font-weight: 700;
    cursor: default
}

div.edit-mode-bottom-banner .edit-banner-section.intro-container p.edit-mode-intro[data-v-5d78500b] {
    margin: 0;
    color: var(--interactive-editor-color);
    cursor: default
}

div.edit-mode-bottom-banner .edit-banner-section.intro-container .no-permission[data-v-5d78500b] {
    margin: 0;
    width: auto;
    padding: 0 .5rem
}

div.edit-mode-bottom-banner .edit-banner-section button[data-v-5d78500b] {
    margin: .25rem;
    height: -webkit-fill-available;
    height: -moz-available;
    height: stretch;
    max-height: 3rem
}

div.edit-mode-bottom-banner .edit-banner-section.edit-config-buttons-container[data-v-5d78500b] {
    grid-template-columns: repeat(3, 1fr)
}

div.edit-mode-bottom-banner .edit-banner-section.edit-config-buttons-container p.section-sub-title[data-v-5d78500b] {
    grid-column-start: span 3
}

div.edit-mode-bottom-banner .edit-banner-section.save-buttons-container[data-v-5d78500b] {
    grid-row-start: span 2;
    grid-template-columns: repeat(2, 1fr)
}

div.edit-mode-bottom-banner .edit-banner-section.save-buttons-container p.section-sub-title[data-v-5d78500b] {
    grid-column-start: span 2
}

@media(max-width:779px) {
    div.edit-mode-bottom-banner[data-v-5d78500b] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    div.edit-mode-bottom-banner .edit-banner-section.intro-container[data-v-5d78500b],
    div.edit-mode-bottom-banner .edit-banner-section[data-v-5d78500b] {
        max-width: 90%;
        width: 100%;
        margin: .2rem auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

div.edit-mode-bottom-banner .edit-banner-section button[data-v-5d78500b] {
    color: var(--interactive-editor-color);
    border-color: var(--interactive-editor-color);
    background: var(--interactive-editor-background)
}

div.edit-mode-bottom-banner .edit-banner-section button[data-v-5d78500b]:hover:not(.disallowed) {
    color: var(--interactive-editor-background);
    border-color: var(--interactive-editor-color);
    background: var(--interactive-editor-color)
}

.scroll-bar::-webkit-scrollbar {
    width: var(--scroll-bar-width);
    height: var(--scroll-bar-width)
}

.scroll-bar::-webkit-scrollbar-track {
    border-radius: var(--curve-factor);
    background-color: var(--scroll-bar-background)
}

.scroll-bar::-webkit-scrollbar-thumb {
    background: var(--scroll-bar-color);
    border-radius: var(--curve-factor)
}

.svg-button {
    color: var(--primary)
}

.svg-button svg {
    width: 1rem;
    height: 1rem;
    margin: .2rem;
    padding: .2rem;
    text-align: center;
    background: var(--background);
    border: 1px solid currentColor;
    border-radius: var(--curve-factor);
    cursor: pointer
}

.svg-button svg path {
    fill: var(--settings-text-color)
}

.svg-button svg.selected,
.svg-button svg:hover {
    background: var(--settings-text-color)
}

.svg-button svg.selected path,
.svg-button svg:hover path {
    fill: var(--background)
}

.svg-button svg.disabled {
    opacity: var(--dimming-factor);
    cursor: not-allowed
}

.svg-button svg.disabled:hover {
    border: 1px solid currentColor;
    background: var(--background)
}

.svg-button svg.disabled:hover path {
    fill: var(--settings-text-color)
}

.highlight ::-moz-selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.highlight ::selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.highlight ::-moz-selection,
.highlight ::-ms-selection,
.highlight ::-o-selection,
.highlight ::-webkit-selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.bold {
    font-weight: 700
}

.light {
    font-weight: lighter
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.horizontal-center {
    margin: 0 auto
}

.border-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tooltip {
    z-index: 99
}

.export-config-inner {
    padding: 1rem;
    background: var(--interactive-editor-background);
    color: var(--interactive-editor-color);
    height: 100%;
    overflow-y: auto
}

.export-config-inner h3 {
    margin: 1rem 0
}

.export-config-inner .download-button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 .5rem 1rem;
    border-bottom: 1px dashed var(--interactive-editor-color)
}

.export-config-inner .download-button-container button {
    margin: 0 1rem
}

.export-config-inner .config-path-info {
    border-bottom: 1px dashed var(--interactive-editor-color)
}

.export-config-inner .config-path-info a,
.export-config-inner .config-path-info p {
    color: var(--interactive-editor-color);
    font-size: 1.2rem
}

.export-config-inner .config-tree-view {
    padding: .5rem;
    font-family: var(--font-monospace);
    color: var(--interactive-editor-color);
    background: var(--interactive-editor-background-darker);
    border-radius: var(--curve-factor);
    -webkit-box-shadow: 0 0 3px var(--interactive-editor-color);
    box-shadow: 0 0 3px var(--interactive-editor-color);
    margin-bottom: 1.5rem
}

.export-config-inner .config-tree-view span {
    font-family: var(--font-monospace)
}

.export-modal {
    background: var(--interactive-editor-background)
}

.add-new-section[data-v-55e4f234] {
    border: 2px dashed var(--primary);
    border-radius: var(--curve-factor);
    padding: var(--item-group-padding);
    background: var(--item-group-background);
    color: var(--primary);
    font-size: 1.2rem;
    cursor: pointer;
    text-align: center;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: 10px;
    min-width: 250px
}

.kb-sc-info[data-v-f45b28b4] {
    position: fixed;
    width: 30em;
    bottom: 0;
    right: 10px;
    margin: .5em;
    padding: .1em .3em;
    z-index: 6;
    border-radius: 12px;
    border: 1px solid var(--welcome-popup-background);
    -webkit-box-shadow: 2px 1px 5px #130f23;
    box-shadow: 2px 1px 5px #130f23;
    border: 1px solid var(--welcome-popup-text-color);
    color: var(--welcome-popup-text-color);
    background: var(--welcome-popup-background);
    cursor: default;
    opacity: .94
}

@media(max-width:599px) {
    .kb-sc-info[data-v-f45b28b4] {
        display: none
    }
}

.kb-sc-info h5[data-v-f45b28b4] {
    position: absolute;
    top: -35px;
    left: 20px;
    border: 1px solid var(--welcome-popup-text-color);
    color: var(--welcome-popup-text-color);
    background: var(--welcome-popup-background);
    padding: 4px;
    border-radius: var(--curve-factor)
}

.kb-sc-info .close[data-v-f45b28b4] {
    float: right;
    border-radius: 20px;
    width: 1em;
    padding: 0 0 6px 6px;
    height: 1em;
    background: var(--transparent-50);
    margin-top: 3px;
    border: 1px solid transparent;
    cursor: pointer
}

.kb-sc-info .close[data-v-f45b28b4]:hover {
    border: 1px solid var(--welcome-popup-text-color);
    opacity: var(--dimming-factor)
}

.action-buttons[data-v-f45b28b4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 1em
}

.action-buttons button[data-v-f45b28b4] {
    padding: .2rem;
    background: var(--welcome-popup-background);
    color: var(--welcome-popup-text-color);
    border: 1px solid var(--welcome-popup-text-color);
    border-radius: var(--curve-factor);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.action-buttons button[data-v-f45b28b4]:hover {
    background: var(--welcome-popup-text-color);
    color: var(--welcome-popup-background)
}

.slide-fade-enter-active[data-v-f45b28b4] {
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.slide-fade-leave-active[data-v-f45b28b4] {
    -webkit-transition: all .8s cubic-bezier(.93, .01, .89, .5);
    transition: all .8s cubic-bezier(.93, .01, .89, .5)
}

.slide-fade-enter[data-v-f45b28b4],
.slide-fade-leave-to[data-v-f45b28b4] {
    -webkit-transform: translateY(35em);
    transform: translateY(35em);
    opacity: 0
}

.item-group-container[data-v-d532c9a8]::-webkit-scrollbar,
.scroll-bar[data-v-d532c9a8]::-webkit-scrollbar {
    width: var(--scroll-bar-width);
    height: var(--scroll-bar-width)
}

.item-group-container[data-v-d532c9a8]::-webkit-scrollbar-track,
.scroll-bar[data-v-d532c9a8]::-webkit-scrollbar-track {
    border-radius: var(--curve-factor);
    background-color: var(--scroll-bar-background)
}

.item-group-container[data-v-d532c9a8]::-webkit-scrollbar-thumb,
.scroll-bar[data-v-d532c9a8]::-webkit-scrollbar-thumb {
    background: var(--scroll-bar-color);
    border-radius: var(--curve-factor)
}

.back-to-all-link[data-v-d532c9a8],
.svg-button[data-v-d532c9a8] {
    color: var(--primary)
}

.back-to-all-link svg[data-v-d532c9a8],
.svg-button svg[data-v-d532c9a8] {
    width: 1rem;
    height: 1rem;
    margin: .2rem;
    padding: .2rem;
    text-align: center;
    background: var(--background);
    border: 1px solid currentColor;
    border-radius: var(--curve-factor);
    cursor: pointer
}

.back-to-all-link svg path[data-v-d532c9a8],
.svg-button svg path[data-v-d532c9a8] {
    fill: var(--settings-text-color)
}

.back-to-all-link svg.selected[data-v-d532c9a8],
.back-to-all-link svg[data-v-d532c9a8]:hover,
.svg-button svg.selected[data-v-d532c9a8],
.svg-button svg[data-v-d532c9a8]:hover {
    background: var(--settings-text-color)
}

.back-to-all-link svg.selected path[data-v-d532c9a8],
.back-to-all-link svg:hover path[data-v-d532c9a8],
.svg-button svg.selected path[data-v-d532c9a8],
.svg-button svg:hover path[data-v-d532c9a8] {
    fill: var(--background)
}

.back-to-all-link svg.disabled[data-v-d532c9a8],
.svg-button svg.disabled[data-v-d532c9a8] {
    opacity: var(--dimming-factor);
    cursor: not-allowed
}

.back-to-all-link svg.disabled[data-v-d532c9a8]:hover,
.svg-button svg.disabled[data-v-d532c9a8]:hover {
    border: 1px solid currentColor;
    background: var(--background)
}

.back-to-all-link svg.disabled:hover path[data-v-d532c9a8],
.svg-button svg.disabled:hover path[data-v-d532c9a8] {
    fill: var(--settings-text-color)
}

.highlight[data-v-d532c9a8] ::-moz-selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.highlight[data-v-d532c9a8] ::selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.highlight[data-v-d532c9a8] ::-moz-selection,
.highlight[data-v-d532c9a8] ::-ms-selection,
.highlight[data-v-d532c9a8] ::-o-selection,
.highlight[data-v-d532c9a8] ::-webkit-selection {
    background-color: var(--highlight-background);
    color: var(--highlight-color)
}

.bold[data-v-d532c9a8] {
    font-weight: 700
}

.light[data-v-d532c9a8] {
    font-weight: lighter
}

.text-left[data-v-d532c9a8] {
    text-align: left
}

.text-right[data-v-d532c9a8] {
    text-align: right
}

.text-center[data-v-d532c9a8] {
    text-align: center
}

.horizontal-center[data-v-d532c9a8] {
    margin: 0 auto
}

.border-box[data-v-d532c9a8] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.home[data-v-d532c9a8] {
    padding-bottom: 1px;
    background: var(--background);
    min-height: calc(99.9vh - var(--footer-height))
}

.back-to-all-link[data-v-d532c9a8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem;
    margin: .25rem;
    text-decoration: none
}

.back-to-all-link svg[data-v-d532c9a8] {
    margin-right: .5rem
}

.item-group-container[data-v-d532c9a8] {
    display: grid;
    gap: .5rem;
    margin: 0 auto;
    max-width: 90%;
    overflow: auto;
    grid-template-columns: repeat(var(--col-count, 2), minmax(0, 1fr))
}

@media(min-width:1780px) {
    .item-group-container[data-v-d532c9a8] {
        max-width: 85%
    }
}

.item-group-container.orientation-horizontal[data-v-d532c9a8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.item-group-container.orientation-vertical[data-v-d532c9a8] {
    max-width: 100%
}

@media(min-width:780px) {
    .item-group-container.orientation-vertical[data-v-d532c9a8] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.item-group-container.orientation-horizontal[data-v-d532c9a8],
.item-group-container.orientation-vertical[data-v-d532c9a8],
.item-group-container.single-section-view[data-v-d532c9a8] {
    max-width: var(--content-max-width, 90%)
}

@media(max-width:599px) {

    .item-group-container.orientation-horizontal[data-v-d532c9a8],
    .item-group-container.orientation-vertical[data-v-d532c9a8],
    .item-group-container.single-section-view[data-v-d532c9a8] {
        --content-max-width: 100%
    }
}

@media(min-width:600px)and (max-width:779px) {

    .item-group-container.orientation-horizontal[data-v-d532c9a8],
    .item-group-container.orientation-vertical[data-v-d532c9a8],
    .item-group-container.single-section-view[data-v-d532c9a8] {
        --content-max-width: 98%
    }
}

@media(min-width:780px)and (max-width:1149px) {

    .item-group-container.orientation-horizontal[data-v-d532c9a8],
    .item-group-container.orientation-vertical[data-v-d532c9a8],
    .item-group-container.single-section-view[data-v-d532c9a8] {
        --content-max-width: 90%
    }
}

@media(min-width:1150px)and (max-width:1779px) {

    .item-group-container.orientation-horizontal[data-v-d532c9a8],
    .item-group-container.orientation-vertical[data-v-d532c9a8],
    .item-group-container.single-section-view[data-v-d532c9a8] {
        --content-max-width: 85%
    }
}

@media(min-width:1780px) {

    .item-group-container.orientation-horizontal[data-v-d532c9a8],
    .item-group-container.orientation-vertical[data-v-d532c9a8],
    .item-group-container.single-section-view[data-v-d532c9a8] {
        --content-max-width: 80%
    }
}

@media(min-width:2800px) {

    .item-group-container.orientation-horizontal[data-v-d532c9a8],
    .item-group-container.orientation-vertical[data-v-d532c9a8],
    .item-group-container.single-section-view[data-v-d532c9a8] {
        --content-max-width: 60%
    }
}

@media(max-width:599px) {
    .item-group-container[data-v-d532c9a8] {
        --col-count: 1
    }
}

@media(min-width:600px)and (max-width:779px) {
    .item-group-container[data-v-d532c9a8] {
        --col-count: 2
    }
}

@media(min-width:780px)and (max-width:1149px) {
    .item-group-container[data-v-d532c9a8] {
        --col-count: 2
    }
}

@media(min-width:1150px)and (max-width:1779px) {
    .item-group-container[data-v-d532c9a8] {
        --col-count: 3
    }
}

@media(min-width:1780px) {
    .item-group-container[data-v-d532c9a8] {
        --col-count: 4
    }
}

@media(min-width:2800px) {
    .item-group-container[data-v-d532c9a8] {
        --col-count: 5
    }
}

@media(min-width:780px) {
    .item-group-container.col-count-1[data-v-d532c9a8] {
        --col-count: 1
    }

    .item-group-container.col-count-2[data-v-d532c9a8] {
        --col-count: 2
    }

    .item-group-container.col-count-3[data-v-d532c9a8] {
        --col-count: 3
    }

    .item-group-container.col-count-4[data-v-d532c9a8] {
        --col-count: 4
    }

    .item-group-container.col-count-5[data-v-d532c9a8] {
        --col-count: 5
    }

    .item-group-container.col-count-6[data-v-d532c9a8] {
        --col-count: 6
    }

    .item-group-container.col-count-7[data-v-d532c9a8] {
        --col-count: 7
    }

    .item-group-container.col-count-8[data-v-d532c9a8] {
        --col-count: 8
    }
}

.item-group-container .no-results[data-v-d532c9a8] {
    display: none !important
}

.item-group-container.edit-mode[data-v-d532c9a8] {
    margin-bottom: 12rem
}

.item-group-container.single-section-view[data-v-d532c9a8] {
    display: block
}

.item-group-container .add-new-section[data-v-d532c9a8] {
    border: 2px dashed var(--primary);
    border-radius: var(--curve-factor);
    padding: var(--item-group-padding);
    background: var(--item-group-background);
    color: var(--primary);
    font-size: 1.2rem;
    cursor: pointer;
    text-align: center;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: 10px
}

.no-data[data-v-d532c9a8] {
    font-size: 2rem;
    color: var(--background);
    background: hsla(0, 0%, 100%, .9215686275);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 2rem auto;
    padding: .5rem 1rem;
    border-radius: var(--curve-factor)
}

section.settings-outer[data-v-d532c9a8] {
    border-bottom: 1px solid var(--outline-color)
}

@media(max-width:599px) {
    section.settings-outer[data-v-d532c9a8] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}